/* 
CSS Document

[PROXON] 
Stylesheet: Screen
Version: 11/06/08
Änderung: ---
Autor: Andreas Horath, ANDHORA-Design
Website: http://www.andhora-design.de.de/

/* -------------------- Basics -------------------- */

* { 
margin: 0;
padding: 0;
} 

body {
background-color:#E4E4E5;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul {
list-style-type: circle;
margin-left:15px;
}


a:link, a:focus, a:active, a:visited {
	text-decoration: underline;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #326DA9;
}

#container { 
position : relative;
margin : 0 auto ;
padding: 0;
width : 990px;
background-image:url(../upload/layout/background_container_top.png);
background-position:top left;
background-repeat: no-repeat;
border:1px solid #E4E4E5;
}

#main { 

width : 990px;
z-index:20;
} 

#clear { 
   clear: both;
} 

IMG {
border:none;
margin : 0;
padding : 0;
}

.bild_rechts {
margin: 3px 0 3px 8px;
float:right;
}

.bild_links {
margin: 3px 8px 3px 0;
float:left;
}

.bild_links_startseite {
margin: 0 8px 0 0;
float:left;
}

/* -------------------- Kopfzeile-------------------- */
#header {
margin: 20px 20px 0 20px;
} 

/* -------------------- Servicenavigation -------------------- */
#servicenavigation {
text-align:right;
position: absolute;
margin: 8px 0 0 590px;
height: 30px;
} 


ul.list-snav-1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform:uppercase;
	margin: 0;
	padding: 0;
	float: left;
}

/* List Element für Navigation */
/* Bei der Ausgabe setzt sich der Style aus snav-1 und activated bzw inactive zusammen! */
li.snav-1 {
	display: block;
	float: left;
	height: 30px;
}

.activated {
	color: #fff;
	font-weight: bold;
}

.inactive {
	color: #fff;
	font-weight: normal;
}

/* Links für die Navigation auf schwarz setzen */
li.snav-1 A:link, li.snav-1 A:visited {
	color: #fff;
	text-decoration: none;
	padding: 0 10px;

}

/* --- Nur fuer IE-Windows zu sehen --- */
* html li.snav-1 A:link, li.snav-1 A:visited {
	padding: 0 7px;
}



li.snav-1 A:hover, li.snav-1 A:hover, li.snav-1 A:active {
	color: #fff;
	text-decoration: none;
}



/* -------------------- Infozeile 1 mit horizontaler Navigationsebene und Illustration -------------------- */
#infozeile1 {
width:990px;
background-image:url(../upload/layout/background_infozeile_1.png);
background-position:top left; 
background-repeat: repeat-y;
height:147px;
} 


#navigationsebene_1 {
width : 990px;
background-image:url(../upload/layout/background_navigationsebene_1.png);
background-position:top left; 
background-repeat: no-repeat;
height:40px;
}

#illustration { 
padding-left: 20px;
background-image:url(../upload/layout/background_infozeile_2.png);
background-position:top left; 
background-repeat: repeat-y;
} 


/* -------------------- Infozeile 2 mit Volltextsuche und grafischen Überschriften (Bildbox) -------------------- */
#infozeile2 {
width:989px;
background-image:url(../upload/layout/background_infozeile_2.png);
background-position:top left; 
background-repeat: repeat-y;
height:45px;
} 

#infozeile2_startseite {
width:989px;
background-image:url(../upload/layout/background_infozeile_2_startseite.png);
background-position:top left; 
background-repeat: no-repeat;
height:48px;
} 

#volltextsuche { 
width : 176px;
height:45px;
float:left;
margin: 0 0 0 65px;
} 

/* --- IE < Version 7 --- */
* html #volltextsuche {
width : 175px;
margin: 0 0 0 33px;
}


#volltextsuche_startseite { 
width : 230px;
height:48px;
float:right;
margin-top: 5px;
} 

#bildbox { 
width : 729px;
height:45px;
float:right;
margin-right: 19px;
} 

/* --- IE < Version 7 --- */
* html #bildbox {
margin-right: 10px;
}

#bildbox_startseite { 
width : 716px;
height:48px;
float:left;
margin-left:20px;
} 

/* --- IE < Version 7 --- */
* html #bildbox_startseite {
margin-left:10px;
}





/* -------------------- Inhaltsbereich mit Navigation und Inhalt -------------------- */
#inhaltsbereich { 
width: 990px;
background-image: url(../upload/layout/background_inhaltsbereich.png);
background-position:top left;
background-repeat:repeat-y;
} 

#inhaltsbereich_startseite { 
width: 990px;
background-image: url(../upload/layout/background_inhaltsbereich_startseite.png);
background-position:top left;
background-repeat:repeat-y;
} 


#navigationsebene_2 {
width : 242px;
float:left;
}

#inhalt {
width : 748px;
float:right;
}

#inhalt_startseite {
width : 700px;
float:left;
}


/* -------------------- Texte -------------------- */
#text {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000;
line-height: 19px;
margin: 0 0 25px 45px; 
width: 600px;
background-color: #FFF;
} 


#text a:link, #text a:active, #text a:visited {
text-decoration: underline;
color: #000;
}

#text a:hover, #text a:focus {
text-decoration: none;
color: #326DA9;
}


#text_startseite {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000;
line-height: 19px;
margin: 0 0 0 20px; 
width: 700px;
} 


#text_startseite a:link, #text_startseite a:active, #text_startseite a:visited {
text-decoration: underline;
color: #000;
}

#text_startseite a:hover, #text_startseite a:focus {
text-decoration: none;
color: #326DA9;
}

#marginalspalte { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000;
line-height: 15px;
float:right;
width: 190px;
padding:10px 7px 7px 7px;
margin-right: 45px;
} 

/* --- IE < Version 7 --- */
* html #marginalspalte {
margin-right: 22px;


}

/* -------------------- Footer mit Adresse und Copyright -------------------- */
#footer {
width:990px;
background-image:url(../upload/layout/background_footer.png);
background-position:top left; 
background-repeat: no-repeat;
height:55px;
} 

/* -------------------- Adresse -------------------- */
address {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #636870;
font-style:normal;
margin:0 20px 0 20px;
padding:5px 0 0 32px;
width: 750px;
float:left;
vertical-align:middle;
line-height:normal;
}

address a:link, a:visited, a:active { 
color: #636870;
text-decoration: none; 
}

address a:hover { 
color: #636870;
text-decoration : underline;
} 

/* -------------------- Seitennavigation -------------------- */
#seitennavigation {
float:right;
}




/* -------------------- Hauptnavigation -------------------- */

#navigation {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : normal;
margin-left: 242px;
}



#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active { 
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
display : block;
} 

#navigation2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : normal;
margin: 25px 0 0 65px;
}



#navigation2 a:link, #navigation2 a:visited, #navigation2 a:hover, #navigation2 a:active { 
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
display : block;
} 


/* -------------------- Hauptnavigation EBENE 1 -------------------- */


#nav_first_off { 
color : #fff;
text-transform:uppercase;
text-align: center;
display : block;
background-image:url(../upload/layout/background_navigation_ebene1_inaktiv.png);
background-position: top left; 
background-repeat:no-repeat;
float: left;
} 


#nav_first_off  a:link, #nav_first_off a:visited, #nav_first_off a:active { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
font-weight : normal;
text-transform:uppercase;
display : block;
float: left;
padding: 8px 10px 0 13px;
border-right: 1px solid #98B5D3;
border-bottom: 1px solid #98B5D3;
border-top: 1px solid #98B5D3;
height: 22px;
} 


#nav_first_off  a:hover { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-transform:uppercase;
display : block;
float: left;
background-color: #4B80B4;
border-bottom: 1px solid #98B5D3;
} 



#nav_first_open { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-transform:uppercase;
display : block;
float: left;
background-color: #5C8BBA;
border-bottom: 1px solid #5C8BBA;
border-top: 1px solid #98B5D3;
border-right: 1px solid #98B5D3;
padding: 8px 10px 0 13px;
} 

#nav_first_open a:link, #nav_first_open a:visited, #nav_first_open a:active { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-transform:uppercase;
display : block;
float: left;
background-color: #5C8BBA;
border-bottom: 1px solid #5C8BBA;
height: 21px;
} 

#nav_first_open a:hover { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-transform:uppercase;
display : block;
float: left;
background-color: #5C8BBA;
border-bottom: 1px solid #5C8BBA;

} 


#nav_first_on { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-transform:uppercase;
display : block;
float: left;
background-color: #5C8BBA;
border-bottom: 1px solid #5C8BBA;
border-top: 1px solid #98B5D3;
border-right: 1px solid #98B5D3;
padding: 8px 10px 0 13px;
} 

#nav_first_on a:link, #nav_first_on a:visited, #nav_first_on a:active { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-transform:uppercase;
display : block;
float: left;
background-color: #5C8BBA;
border-bottom: 1px solid #5C8BBA;
height: 21px;
} 

#nav_first_on a:hover { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-transform:uppercase;
display : block;
float: left;
background-color: #5C8BBA;
border-bottom: 1px solid #5C8BBA;

} 

/* -------------------- Hauptnavigation EBENE 2 -------------------- */

#nav_second_off { 
margin: 5px 0;
color : #326DA9;
} 

#nav_second_off  a:link, #nav_second_off a:visited, #nav_second_off a:active { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #326DA9;
text-decoration : none;
font-weight : normal;
display : block;
padding: 4px 0 4px 10px;
} 

#nav_second_off  a:hover { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #326DA9;
text-decoration : none;
display : block;
background-color: #fff;
padding: 4px 0 4px 10px;
} 

#nav_second_on { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #326DA9;
text-decoration : none;
font-weight : bold;
display : block;
background-color: #fff;
padding: 4px 0 4px 10px;
} 

#nav_second_on a:link, #nav_second_on a:visited, #nav_second_on a:active { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #326DA9;
text-decoration : none;
font-weight : bold;
display : block;
} 

#nav_second_on a:hover { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #326DA9;
text-decoration : none;
font-weight : bold;
display : block;
} 

#nav_second_open { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
display : block;
border-left: 7px solid #6AADDA;
} 

#nav_second_open a:link, #nav_second_open a:visited, #nav_second_open a:active { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
display : block;
} 

#nav_second_open a:hover { 
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000;
text-decoration : none;
font-weight : bold;
display : block;
} 


/* -------------------- Kontaktformular-------------------- */
#kontaktformular {
	padding: 10px 0;
font-size : 13px;
color : #000;
line-height: 22px;

}

#kontaktformular input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	border:1px solid #326DA9; 
	background:#fff;
	padding-top: 2px;
	margin: 2px 0 5px 0;
}

#kontaktformular input:focus {
	border-color:#326DA9;
}

#kontaktformular textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	border:1px solid #326DA9; 
	background:#fff;
	padding-top: 2px;
	margin: 2px 0 5px 0;
}
#kontaktformular textarea:focus {
	border-color:#326DA9;
}

#kontaktformular submit {
	width:280px; 
	background:#C81B1F; 
	border:1px solid #fff; 
	color:#fff; 
	cursor:pointer; 
	padding:0; 
	margin:0;
}


/* -------------------- Volltextsuche -------------------- */

#suche {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000;
width:600px;
Margin: 0 0 25px 45px;
}


.sucheingabefeld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #C8C8C8;
	text-decoration: none; 
	background-color: #fff; 
	border: 1px solid #C8C8C8;
	width:108px; 
	height:18px; 
	vertical-align: middle;
}

/* --- Nur fuer IE-Windows zu sehen --- */
* html .sucheingabefeld {
	vertical-align: baseline;
}


#suchknopf {
	margin: 0 0 0 5px;
}