@charset "UTF-8";
@import "reset.css";


/* BASICS */

body				{
					background: url(../images/body-bg.jpg) repeat-y top left #fff;
					font-family: arial, helvetica, sans-serif;
					font-size: 11px;
					line-height: 16px;
					color: #dedede;
					margin: 60px 0 0 0;
					}

/* DIVS */


#container 		{
					width: 974px; 
					margin: auto;
					border: 1px #ccc solid;
					padding: 10px;
					}


#headerstart 			{
					width: 500px; 
					height: 125px;
					xbackground:  url(../images/header-bg.gif) repeat-y;
					float:left;
					}

#headernavi			{
					width: 472px; 
					height: 125px;
					font-family: arial, helvetica, sans-serif;
					text-transform: uppercase;
					color: #aaaaaa;
					font-size: 9px;
					letter-spacing: 0.2em;
					text-align: right;
					float:left;
					}


#navi					{
					width: 188px;  
					height: 515px;
					font-family: 'century gothic', arial, helvetica, sans-serif;
					letter-spacing: 0.2em;
					background: url(../images/navi-bg3.gif) no-repeat;
					xborder-right: 2px solid #ffffff;
					border: 1px #ccc solid;
					float:left;
					}

#subnavi				{
					width: 163px; 
					font-family:  arial, helvetica, sans-serif;
					font-size: 10px;
					background:  #ffffff;
					xborder-bottom: 2px solid #ffffff;
					margin: 1px 0 0 0px;
					padding: 6px 2px 5px 23px;
					}


#content				{
					width: 407px; 
					height: 515px;
					background:  #00468e;
					border-top: 1px solid #999;
					border-bottom: 1px solid #999;
					float:left;
					}

#rechteseite			{
					width: 375px; 
					height: 515px;
					border: 1px #ccc solid;
					float:left;
					}
					
#bild					{
					width: 375px; 
					height: 373px;
					border-bottom: 1px solid #ccc;
					overflow: hidden;
					}					

#adresse				{
					width: 375px; 
					height: 141px;
					background: url(../images/kontakt-bg.gif) no-repeat #dedede;
					}			
					
div.clear				{
					clear: both;
					}



/* CONTAINER */





/* FONT */


h1					{
					font-size: 16px;
					line-height: 32px;
					font-weight: normal;
					font-family: 'century gothic',arial, helvetica, sans-serif;
					text-transform: uppercase;
					letter-spacing: 0.2em;
					color: #dedede;
					margin: 49px 6px 10px 25px; 
					padding: 0;
					}

h2					{
					font-size: 14px;
					line-height: 14px;
					font-weight: bold;
					font-family: arial, helvetica, sans-serif;
					color: #666666;
					padding: 16px 30px 8px 18px; 
					}


p					{
					margin: 0px 20px 10px 25px;
					}
					
p.kontakt				{
					font-size: 11px;
					color: #666666;
					line-height: 15px;
					margin: 0 0 5px 18px;
					}

.bold					{
					font-weight: bold;
					font-style: italic;
					}

.large					{
					font-size: 13px;
					font-weight: bold;
					line-height: 20px;
					}

ul					{
					margin: 6px 6px 9px 30px; 
					}
					
li					{
					margin: 2px 14px; 
					}


ul.navi				{
					margin: 0;
					list-style-type:none;
					}
					

li.navi				{
					
					padding: 0px 0 0px 28px;
					line-height: 15px;
					text-transform: uppercase;
					margin-bottom: 8px;
					margin-top: 12px;
					margin-right: 5px;
					margin-left: 0px;
					}

hr.navi				{
					border-top: solid 1px #ffffff;
					margin-left: 14px;
					border-right: 0px;
					border-bottom: 0px;
					border-left: 0px;
					
					}					


table.liste			{
					margin: 0 35px;
					}
					
td.borderbottom		{
					 border-bottom:1px solid #bbb;
					}


/* LINKS */



a:link.navi			{
					font-size: 12px;
					text-decoration: none;
					color: #777777;
					}

a:active.navi		{
					font-size: 12px;
					text-decoration: none;
					color: #777777;
					}

a:visited.navi		{
					font-size: 12px;
					text-decoration: none;
					color: #777777;
					}

a:hover.navi		{
					font-size: 12px;
					text-decoration: none;
					color: #00468e;
					}



a:link.naviselected		{
					font-size: 12px;
					text-decoration: none;
					color: #00468e;
					}

a:visited.naviselected		{
					font-size: 12px;
					text-decoration: none;
					color: #00468e;
					}

a:hover.naviselected		{
					font-size: 12px;
					text-decoration: none;
					color: #777777;
					}


a:link.subnavi			{
					font-size: 11px;
					text-decoration: none;
					color: #777777;
					}

a:active.subnavi		{
					font-size: 11px;
					text-decoration: none;
					color: #777777;
					}

a:visited.subnavi		{
					font-size: 11px;
					text-decoration: none;
					color: #777777;
					}

a:hover.subnavi		{
					font-size: 11px;
					text-decoration: underline;
					color: #00468e;
					}



a:link.subnaviselected		{
					font-size: 11px;
					text-decoration: none;
					color: #00468e;
					}

a:active.subnaviselected	{
					font-size: 11px;
					text-decoration: none;
					color: #00468e;
					}

a:visited.subnavi	selected	{
					font-size: 11px;
					text-decoration: none;
					color: #00468e;
					}

a:hover.subnaviselected	{
					font-size: 11px;
					text-decoration: none;
					color: #00468e;
					}




a:link	
					{
					color: #545454;
					text-decoration: underline;
					}

a:active	
					{
					color: #545454;
					text-decoration: underline;
					}

a:visited	
					{
					color: #545454;
					text-decoration: underline;
					}

					
a:hover				{
					color: #00468e;
					text-decoration: none;
					}
					

a:link.inside	
					{
					color: #ffffff;
					text-decoration: underline;
					}

a:active.inside	
					{
					color: #ffffff;
					text-decoration: underline;
					}

a:visited.inside	
					{
					color: #ffffff;
					text-decoration: underline;
					}

					
a:hover.inside			{
					color: #dedede	;
					text-decoration: none;
					}
					

					
/* FORMULAR */


input				{
					vertical-align: middle;
					border-top:  1px solid #cccccc; 
					border-right:  1px solid #cccccc; 
					border-bottom:  1px solid #cccccc; 
					border-left:  1px solid #cccccc;
					margin-bottom:12px;
					font-size: 11px;
					color: #545454;
					}

					
.img				{
					border: 0;
					margin-left: 3px;
					}					

.size40				{
					width: 40px;
					height: 18px;
					margin: 0 0 12px 12px;
					}
					
.size115			{
					width: 115px;
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 0 0 12px 12px;
					}

.size250			{
					width: 250px;
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 0px;
					}		


.size50				{
					width: 50px;
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 0px;
					}	
					
.size179			{
					width: 179px; /* kombination auf 250 */
					height: 16px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 12px;
					}	
					
.radio				{
					border:  1px solid #cccccc; 
					margin: 4px 8px 6px 0;
					vertical-align: middle;
					}						

.box				{
					border:  1px solid #cccccc; 
					margin: 4px 8px 6px 0;
					vertical-align: middle;
					}	
					
.submit				{
					width: 257px;
					padding: 3px 0 3px 5px;
					margin: 6px 0;
					}
					
select				{
					width: 257px;
					height: 18px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 0px;
					vertical-align: middle;
					border-top:  1px solid #cccccc; 
					border-right:  1px solid #cccccc; 
					border-bottom:  1px solid #cccccc; 
					border-left:  1px solid #cccccc;
					font-size: 11px;
					color: #545454;
					}

textarea.size250	{
					width: 250px;
					height: 100px;
					padding: 3px 0 0 5px;
					margin: 6px 0 6px 0px;
					vertical-align: middle;
					border-top:  1px solid #cccccc; 
					border-right:  1px solid #cccccc; 
					border-bottom:  1px solid #cccccc; 
					border-left:  1px solid #cccccc;
					font-size: 11px;
					color: #545454;
					}