/***********************************************/
/* CSS - www.insotec.de                       */
/* Copyright by kitz.kommunikation / jg        */
/* 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: 12px;
	line-height: 18px;
	color: #000;
background-image: url("/bilder/site/hg.gif");
background-repeat: repeat-y;
background-color: #BFC9D7;
}

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


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

h1 { 
font-size: 13px; 
font-weight:bold;
color:#BBBBBB; 
}

h2 { 
padding: 20px 0px 10px 0px;
font-size: 13px; 
color:#003882; 
}

h3 { /* Text unter h1 */
padding: 0px 0px 0px 0px;
font-size: 12px; 
color:#000;
margin-bottom:16px;
}

h4 {
margin: 15px 0px 5px 0px;
font-weight: bold; 
font-size: 12px; 
color:#113C96;
}

h5 {
margin: 5px 0px 2px 0px;
font-weight: normal; 
font-size: 12px; 
color:#113C96;
}



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

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

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



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

#top {
	height:20px;
	width:820px;
	background-repeat:no-repeat;
	background-color: #E6EBEF;
}



#header {
	width:770px;
	float:left;
}


#logo {
	width:190px;
	float:left;
}



#claim {
	width:190px;
	position:absolute;
	top:145px;
	left:375px;
}






#blauer-balken {
width:770px;
height:40px;
float:left;
background-color:#003882;
}

#main {
	width:770px;
	background-color:#FFFFFF;

}


#container {
	background-image: url("../bilder/seite/hg_container.gif");
	background-repeat:repeat-y;
	border-right:0px solid #fff;
	border-left:0px solid #fff;
	float:left;
    position: relative;
    min-height: 100%;
    height: 100%;
   	width:770px;
	voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	width:770px;
}
html>body #container {
	width:770px;
}
	
	
#footer {
    position: absolute;
    bottom: 0;
	}


#links {
	float:left;
	padding: 0px 0px 0px 0px;
	width:178px; 			/* für IE5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:190px; 			/* für die anderen und... */
	min-height: 100%;
	background-color:#FFFFFF;

}
html>body #links {
	width:178px; 			/* ...für Opera */
	height: 100%;
}

#mitte {
float:left;
width:512px;
padding-top:29px;
padding-left:17px;
text-align:left;
background-color:#FFFFFF;
}

#mitte a:link, #mitte a:visited, #mitte a:active { color:#113C96; text-decoration:underline;  }
#mitte a:hover { color:#666; text-decoration: underline; }





#fuss {
clear:both;
margin-left:0px;
font-size: 9px;
}


#fuss a:link, #fuss a:visited, #fuss a:active { color:#C9C9C9; text-decoration:underline;  }
#fuss a:hover { color:#666666; text-decoration: underline; }




#kopf {
position:absolute;
top:91px;
left:588px;
width:177px;
font-size: 10px;
border-bottom:solid;
border-bottom-width:40px;
border-bottom-color:#003882;
text-align:right;
padding-right:5px;
color:#797979;
}
A.kopflink:link, A.kopflink:visited { text-decoration:none; color:#797979}
A.kopflink:hover { text-decoration:underline; color:#797979}





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


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

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

#navigation  {
background-color:#FFFFFF;
padding-bottom:4px;
width:178px;
}
#navigation img {
margin-right:4px;
}



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

.navigation {
	margin: 0;
	font-size: 13px;
	line-height: 15px;
	padding-top: 0px;
}
	
.navigation ul {
	list-style-type: none;
	margin: 4px 20px 0px 15px;
	padding: 0;
}

.navigation li {
	padding: 4px 0px 4px 0px;
	background: url(/bilder/nav/list_ak.gif) no-repeat  0px 11px;
	border-bottom:solid;
	border-bottom-color:#E0E0E0;
	border-bottom-width:1px;        
	}

.navigation li a {
	padding: 3px 0px 3px 15px;
	display: block;
}
.navigation li a:link, .navigation li a:visited {
	text-decoration: none;
	color: #2593D1;
	font-weight:bold;
}
.navigation li a:hover {
/*	text-decoration: underline;
*/
background: url(/bilder/nav/list_in.gif) no-repeat  0px 7px;
color:#CECDCD;        

}


/* Aktives UNTERKAPITEL 1 der Navigation */

.navigation li.aktiv  {
background: url(/bilder/nav/list_in.gif) no-repeat  0px 11px;
        
}
.navigation li.aktiv a {
	display: block;
	color:#CECDCD;        

}

.navigation li.aktiv a:link, 
.navigation li.aktiv a:visited,
.navigation li.aktiv a:active, 
.navigation li.aktiv a:hover {
color:#CECDCD;        
}
.navigation li.aktiv a:hover {
background: url(bilder/nav/list_in.gif) no-repeat  0px 0px;
}


/*Unterkapitel 2*/
.navigation li.sub  {	
/*	background: url(../bilder/nav/square_orange_small.gif) no-repeat  9px 8px;        
*/	line-height: 15px;
	margin-bottom:-5px;
	}

.navigation li.sub a  {
	display: block;
	width: auto;
}

.navigation li.sub a:link, .navigation li.sub a:visited  {
font-weight:normal;
}
.navigation li.sub a:hover {
}

/* Aktives UNTERKAPITEL 2 der Navigation */

.navigation li.subaktiv  {
background: url(../bilder/nav/pfeil_navi.gif) no-repeat  0px 0px;        
	line-height: 15px;
	margin-bottom:-5px;
}
.navigation li.subaktiv a {
	display: block;
}

.navigation li.subaktiv a:link, 
.navigation li.subaktiv a:visited,
.navigation li.subaktiv a:active, 
.navigation li.subaktiv a:hover {
	font-weight:normal;
}
.navigation li.subaktiv a:hover {
background: url(../bilder/nav/pfeil_navi.gif) no-repeat  0px 0px;        
}



/**********************************************************************************************/
/* 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;
}

.bild-katalog_big {
float: left;
margin: 3px 10px 8px 0px;
border: 1px solid gray;
display:block;
}

.zitat {
margin: 3px 10px 8px 0px;
font-style:italic;
color:#003E95;
background-color:#C4D5E6;
background-image:url(/bilder/seite/hg_zitat.gif);
background-repeat:no-repeat;
padding:10px 6px 6px 14px;
}


.zitat-name {
color:#69849E;
font-size:10px;
}


.fehlt {	/* NUR FÜR LAYOUTPHASE */
font-weight:bold;
background-color:#FFAED7;
}

.bold {
font-weight:bold;
}

.abstand  {
width:auto;
padding:10px 15px;
}

#mitte ul {
margin: 0px;
padding: 0px 0px 6px 0px;
list-style-type: none;
color:#000;
}
#mitte ul li {
padding: 0px 0px 4px 11px;
background: url(/bilder/nav/square_blau_small.gif) no-repeat  0px 7px; 
list-style-type: none;
  
}
#mitte ol {
margin:15px 0px 10px 0px;
padding: 7px 7px 7px 35px;
list-style-type: decimal;
background-color:#E6F3FF;
color:#11300C96;
}
#mitte ol li {
padding: 0px 0px 10px 0px;
list-style-type: decimal;
background: none; 
}

#mitte ul.weiter  {
/*margin:15px 0px 10px 0px;*/
padding-top: 0px;
list-style-type: none;
/*background-color:#E6F3FF;
color:#113C96;*/
}
#mitte ul.weiter li{
/*margin: 0px 0px 10px 0px;*/
padding: 0px 0px 5px 22px;
line-height: 17px;
background: url(/bilder/nav/pfeil_kasten-blau.gif) no-repeat 0px 4px;
}


#mitte ul.zurueck  {
/*margin:15px 0px 10px 0px;
padding: 10px 7px 5px 7px;*/
list-style-type: none;
/*background-color:#E6F3FF;
color:#113C96;*/
}
#mitte ul.zurueck li{
/*margin: 0px 0px 10px 0px;*/
padding: 0px 0px 5px 22px;
line-height: 17px;
background: url(/bilder/nav/pfeil_kasten-blau_links.gif) no-repeat 0px 4px;
}


#mitte ul.pdf  {
margin:15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;

}
#mitte ul.pdf li{
padding: 0px 0px 15px 24px;
line-height: 17px;
background: url(/bilder/nav/pdf.gif) no-repeat 0px 4px;
}

#mitte ul.pdf a:link, 
#mitte ul.pdf a:visited,
#mitte ul.pdf a:active, 
#mitte ul.pdf a:hover {
color:#000;
}

#mitte ul.weiterkasten  {
/*margin:15px 0px 10px 0px;
padding: 10px 7px 5px 7px;*/
list-style-type: none;
margin:0px 0px 10px 0px; 
padding: 10px 7px 5px 7px; 
background-color:#E6F3FF; 
border-top: 2px solid #9bb3cb;
/*background-color:#E6F3FF;
color:#113C96;*/
}
#mitte ul.weiterkasten li{
/*margin: 0px 0px 10px 0px;*/
padding: 0px 0px 5px 22px;
line-height: 17px;
background: url(/bilder/nav/pfeil_kasten-blau.gif) no-repeat 0px 4px;
}
.head-weiterkasten {
letter-spacing:1px; 
color: #9BB3CB; 
margin:10px 0px 3px 0px;
}

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


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

.checkbox {
margin-right:5px;
}

.teaser {
height:95px;
width:146px;
background-image:url(/bilder/site/hg_teaser_10_pluspunkte.gif);
background-repeat:no-repeat;
margin-left:15px;
}

.teaser-headline {
color:#D20003;
font-weight:bold;
}

.teaser a:link, 
.teaser a:visited,
.teaser a:active, 
.teaser a:hover {
color:#003882;
font-size:10px;
}

.screenshot {
float:right;
border-right:#DDD 1px solid;
border-bottom:#DDD 1px solid;
border-top:#F2F2F2 1px solid;
border-left:#F2F2F2 1px solid;
padding:8px;
margin-left:10px;
margin-bottom:10px;
margin-top:4px;
font-size:10px;
background-color:#F7F6F6;
}