
/*------------font und wrapper----allgemeineiner teil--------*/


/*------------wrapper_page dient zur positionierung des footers--------*/






html {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
height:100%;
margin:0;
padding:0;
}


#container{
position:relative;
min-height:100%;
}


body {
 height:100%;
 margin:0 auto 0 auto;
 padding:0;
}


h1{
display:inline;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:5px;
}

h2{
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

h3{
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

h4{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

h5{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

h6{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
margin-top:2px;
margin-bottom:0px;
margin-left: 5px;
}

.csc-textpic-caption{
padding-top: 5px;
}

.vk_rahmen100{
border-top:solid 3px #000000;
}

.vk_rahmen101{
border-bottom:solid 3px #000000;
}

a:link {color:#000000; text-decoration:underline;} 
a:visited {color:#000000; text-decoration:underline;} 
a:active {color:#999999; text-decoration:underline;} 
a:hover {color:#999999; text-decoration:underline;}

.wrapper{
width:955px;
margin:0 auto;
/*background-color:#FFFFFF;*/
}

/*------------------header grafiken von links nach rechts-----*/

.grafik_li{
background-image:url(../images/grafik_li.gif);
background-repeat:no-repeat;
width:185px;
height:69px;
float:left;
padding-left:23px;
}

.bild_mitte{
background-image:url(../images/header_bild_mitte.jpg);
background-repeat:no-repeat;
width:743px;
height:69px;
float:left;
}


/*----unterhalb header grafiken von links nach rechts------------*/

.logo_feld{
width:100%;
height:57px;
float:left;
border-top:solid 3px #000000;
border-bottom:solid 3px #000000;
background-color:#467b96;
}

/*.logo{
padding-top:0px;
padding-bottom:0px;
padding-left:40px;
float:left;

}*/

.icatcher{
padding-left:50px;
padding-top:1px;
padding-bottom:0px;
/*padding-left:250px;*/
}

/*----------------------------LINKE SEITE--------------------------*/

.linke_seite{
width:185px;
height:auto;
background-image:url(../images/abschluss_unten_li.gif);
background-repeat:no-repeat;
background-position:bottom;
float:left;
background-color:#c9d8e4;
margin-top:1px;
}

/*----------------------------NAVIGATION--------------------------*/

.navi{
background-image:url(../images/radius_navi_schatten_li.gif);
float:left;
background-repeat:no-repeat;
margin-top:1px;
margin-left:23px;
width:10px;
height:24px;
}
.navi_hg{
margin-top:1px;
float:left;
width:705px;
height:24px;
background-image:url(../images/navi_hg.gif);
background-repeat:repeat-x;
}

.navi_ende{
background-image:url(../images/radius_navi_schatten_re.gif);
background-repeat:no-repeat;
margin-top:1px;
width:16px;
height:24px;
float:left;
}


/*----------------------------BOXEN--------------------------*/


/*----------------------------BOXEN_links-INFO und SUCHE----------*/
#wrapper_box_links{
float:left;
padding-top:60px;
padding-left:10px;
width:165px;
}

.box_oben{
background-image:url(../images/box_oben.gif);
background-repeat:no-repeat;
height:18px;
}

.box_inhalt{
background-image:url(../images/drop_shadow.gif);
background-repeat:repeat-y;
background-position:160px;
height:auto;
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
}

.p_inhalt_li{
margin-top:-10px;
padding-left:0px;
width:160px;
}


.box_unten{
background-image:url(../images/box_unten.gif);
background-repeat:no-repeat;
height:11px;
width:165px;
padding-bottom:40px;
}

/*----------------------------BOX_mitte-----------*/

.wrapper_box_mitte{
float:left;
padding-top:35px;
padding-left:23px;
}

.box_mitte_oben{
background-image:url(../images/box_mitte_oben.gif);
background-repeat:no-repeat;
height:18px;
width:505px;
}

.box_mitte_inhalt{
background-image:url(../images/schatten_box_mitte.gif);
background-repeat:repeat-y;
background-position:right;
height:auto;
width:504px;
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
border-left:solid 1px #666666;

}

.p_inhalt_mitte{
height:auto;
padding-left:5px;
/*padding-right:10px;*/
width:490px;
/*overflow:auto;*/
}


.box_mitte_unten{
background-image:url(../images/box_mitte_unten.gif);
background-repeat:no-repeat;
height:11px;
width:505px;
}

/*----------------------------BOX_mitte_BIG-----------*/


.box_mitte_oben_big{
background-image:url(../images/box_mitte_oben_big.gif);
background-repeat:no-repeat;
height:18px;
width:730px;
}

.box_mitte_inhalt_big{
background-image:url(../images/schatten_box_mitte.gif);
background-repeat:repeat-y;
background-position:right;
height:auto;
width:728px;
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
border-left:solid 1px #666666;

}

.p_inhalt_mitte_big{
height:auto;
padding-left:5px;
/*padding-right:10px;*/
width:712px;
/*overflow:auto;*/
}


.box_mitte_unten_big{
background-image:url(../images/box_mitte_unten_big.gif);
background-repeat:no-repeat;
height:11px;
width:730px;
}


/*----------------------------BOX_rechts-----------*/

.wrapper_box_rechts{
float:left;
padding-top:35px;
padding-left:10px;
}

.box_rechts_oben{
background-image:url(../images/box_rechts_oben.gif);
background-repeat:no-repeat;
width:211px;
height:18px;
}

.box_rechts_inhalt{
background-image:url(../images/drop_shadow_rechts.gif);
background-repeat:repeat-y;
background-position:right;
height:auto;
width:211px;
background-color:#c8d7e4;
padding-top:10px;
padding-bottom:10px;
}

.p_inhalt_rechts{
padding-left:5px;
width:200px;
}


.box_rechts_unten{
background-image:url(../images/box_rechts_unten.gif);
background-repeat:no-repeat;
height:9px;
width:211px;
}


/*----------------------------FOOTER-----------*/

.wrapper_footer{
padding-top:50px;
}

#clear{
width:955px;
height:10px;
/*background-color:#996600;*/
clear:both;
}


.footer{
height:36px;
background-color:#467b96;
width:100%;
bottom:0;
position:absolute;
background-image:url(../images/footer_re.jpg);	
background-repeat:no-repeat;
background-position:right;
}


.footer_li{
background-image:url(../images/footer_li.gif);
background-repeat:no-repeat;
width:5px;
height:36px;
float:left;
}

ul li{list-style:none;
display:inline;
padding:0.2em;
}




/*------------NAVIGATION--------*/
#nav, #nav ul {
	float: left;
	width: 720px;
	list-style: none;
	line-height: 1em;
	background: #467b96;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}
 
#nav a {
	display: block;
	width: 10em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.25em 0em;
	text-align:center;
}
 
#nav li {
	float: left;
	padding: 0;
	width: 10em;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;		
}
 
#nav li li {
	width: 10em
}
 
#nav li ul a {
	width: 10em;
	padding-left: 5px;
	text-align:left;
}
 
#nav li ul ul {
	margin: -18px 0 0 10em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
 
#nav li:hover, #nav li.sfhover {
	background: #c9d8e4;
}

.pfad{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:black;
}

#pfadtext{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:white;
}

.smkspalte1{
width:105px;
}
.smkspalte2{
width:272px;
}
.smkspalte3{
width:60px;
}
.smkspalte4{
width:100px;
}
.smkspalte5{
width:142px;
}
