/***********************************************/
/* CSS - www.dcs-networking.de                 */
/* Copyright by kitz.kommunikation             */
/* www.kitz-kommunikation.de                   */
/***********************************************/

/***********************************************/
/* BASIC styles                                */
/***********************************************/ 

HTML, BODY, FORM, H1, H2, H3 {
margin:0;
padding:0;
}

HTML, BODY	{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
color: #000;
background-color: #08197D;
background-image: url("/bilder/seite/hg_body.gif");
background-repeat: repeat-x;
}

A:link { color:#000; text-decoration:underline;  }
A:visited { color:#000; text-decoration:underline; }
A:active { color:#000; text-decoration:underline; }
A:hover { color:#666; text-decoration: underline; }


/***********************************************/
/* Generic Formats                             */
/***********************************************/

h1 {
font-size: 16px; 
font-weight:bold;
color:#08197D; 
padding:0px; 
margin-bottom:20px;
}

h2 {
padding: 0px 0px 0px 0px;
font-size: 13px; 
color:#08197D;
margin: 20px 0px 0px 0px;
}
h2 a:link { color:#000; text-decoration:none !important;  }
h2 a:visited { color:#000; text-decoration:none !important; }
h2 a:active { color:#000; text-decoration:none !important; }
h2 a:hover { color:#666; text-decoration: underline !important; }


h3 {
padding: 0px 0px 5px 0px;
font-weight: bold; 
font-size: 12px; 
color:#2757A4;
}

h4 {
margin: 0px 0px 7px 11px;
font-weight: bold; 
font-size: 12px; 
color:#002878;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

th, td {
text-align: left;
vertical-align:	middle;
}

img {
border:	0px;
padding:0px;
margin:	0px;
}

#mitte ul {
margin: 2px 0px 18px 0px;
padding-left: 0px;
line-height:18px;
}

#mitte li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 12px;
background: url(/bilder/seite/list.gif) no-repeat 0px 7px;
list-style:none;
}




/***********************************************/
/* Seitengerüst                                */
/***********************************************/

#top { 
height:50px;
width:850px;
background-color: #EFF0F7;
background-repeat:no-repeat;
}

#main {
width:780px;
float:left;
height:100%;
padding-bottom:50px;
}

#container { 
margin: 0px;
padding-left: 12px;
background-image: url("/bilder/seite/hg_content.gif");
background-repeat:repeat-y;
width:780px;
height:100%;
float:left;
}

#content {
padding-right: 12px;
width:744px;
}

#links {
float:left;
padding: 0;
margin:0;
width:165px;
background-color:#E6E8F2;
font-size:11px;
}

#mitte {
float:left;
padding: 0px 24px 0px 24px;
width:520px;
background-color:#FFFFFF;
}
#mitte a:link, #mitte a:visited, #mitte a:active { color:#00277C; text-decoration:underline;  }
#mitte a:hover { color:#666; text-decoration: underline; }


#rechts {
float:right;
width:167px; 
font-size: 11px;
}
#rechts a:link, #rechts a:visited, #rechts a:active { color:#00277C; text-decoration:underline;  }
#rechts a:hover { color:#666; text-decoration: underline; }


#fuss {
padding-top:10px;
padding-bottom:10px; 
font-size: 10px;
color:#666666;
}
#fuss a:link, #fuss a:visited { text-decoration:none; color:#666666}
#fuss a:hover { text-decoration:underline; color:#666666}



/***********************************************/
/* Inhalt Seitengerüst                         */
/***********************************************/

.kasten-blau {
background-color:#F0F1F7;
padding:10px;
border: 1px solid #838CBE;
}
.kasten-blau-top {
background-color:#B7CBEC;
padding:10px;
border-bottom: 2px solid #4D71BB;
}

.kasten-selection {
height:38px;
background-color:#E3E3B8;
padding:0px 0px 0px 10px;
border-bottom: 2px solid #ABBD38;
margin-bottom:2px;
}

.seitennav {
font-size:11px;
color:#01277A;
text-align:right;
margin: 5px 0px;
}



/***********************************************/
/* Navigation                                  */
/***********************************************/

.navigation {
margin: 0px;
padding: 0px;
color: #FFFFFF;
line-height: 14px;
font-size: 12px;
}

.navigation ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.navigation li {
background: url(/bilder/nav/square_blau-gelb.gif) no-repeat  8px 13px;        
background-color: #08197D;
display: block;
padding: 10px 12px 10px 22px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #FFFFFF;
}

.navigation a.aktiv {
font-weight:bold;
}

.navigation a {
display: block;
}

.navigation a:link, .navigation a:visited {
text-decoration: none;
color: #FFFFFF;
}

.navigation a:hover {
text-decoration: underline;
font-weight:bold;
color: #FFFFFF;
}

/*Unterkapitel*/

.navigation ul.sub {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.navigation li.sub  {	
padding: 10px 12px 10px 22px;
text-decoration: none;
background: url(/bilder/nav/square_blau-blau.gif) no-repeat 8px 13px;        
background-color: #D2D6E8;
border-top:1px solid #08197D;
display: block;
}

.navigation li.subaktiv  {	
padding: 10px 12px 10px 22px;
text-decoration: none;
background: url(/bilder/nav/square_blau-blau.gif) no-repeat  8px 13px;        
background-color: #D2D6E8;
border-top:1px solid #08197D;
display: block;
font-weight:bold;
}

.navigation li.sub a, .navigation li.subaktiv a  {
display: block;
}

.navigation li.sub a:link, .navigation li.sub a:visited,
.navigation li.subaktiv a:link, .navigation li.subaktiv a:visited  {
text-decoration: none;
color: #000;
}

.navigation li.sub a:hover, .navigation li.subaktiv a:hover {
text-decoration: underline;
color: #000;
}


/**********************************************************************************************/
/* Components                            ******************************************************/
/**********************************************************************************************/

.clear-both {
clear:both;
line-height: 0px;
margin:0px;
padding:0px;
}

.bild-katalog {
float: left;
margin: 3px 10px 0px 0px;
width: 60px;
border: 1px solid gray;
}

.bold {
font-weight:bold;
}

.text-fett {
padding: 0px 0px 0px 0px;
font-size: 12px; 
color:#08197D;
margin-bottom:6px;
font-weight:bold;
}


/*######## SONSTIGES ########*/

.formular		{
border: #E87701 1px solid; 
padding-left: 3px;
margin-bottom: 6px;
font-size:12px;
}

.checkbox {
margin-right:5px;
}