/*==================== html tags ==========================*/
/* Innen- und Aussenabstände für alle Elemente ausschalten */
* {
margin: 0px;
padding: 0px;
}

html, body{
height: 100%;
max-height: 100%;
font-size: 85%; 
line-height: 100%;
}

body{
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
background-color: #F2F2F2;
background-image: url(../../img/graph/hg_seite.gif);
background-repeat: repeat-x;
text-align: left; 
}

a:link, a:visited {color: #2c2c2c; text-decoration: underline;}
a:hover, a:active {color: #B80024;  text-decoration: none;}

/* Umrandung bei Bildern im Link für IE ausschalten */
a img{
border: 0px;
}

h1, h2, h3{
font-family: Arial, Helvetica, sans serif;
font-style: normal;
font-weight: bold;
}

h1{
font-size: 2em;
color: #B80024;
}

h2{
font-family: "Candara", Verdana, Arial, Times, serif;
font-size: 1.6em;
line-height: 1.4em;
margin-bottom: 0.6em;
color: #888;
}

h2.h2rot{
color: #B80024;
}

h3{
font-size: 1em;
color: #B80024;
margin: 1em 0em 0.4em 0em;
}

h3.slogan{
font-family: "Candara", Arial, Tahoma, Helvetica, sans serif;
font-size: 2.1em;
line-height: 120%;
color: #B80024;
margin: 0em 0em 0.4em 0em;

}
h4{
font-size: 1em;
color: #888;
margin: 1em 0em 0.4em 0em;
}

img.border_gray{
padding: 1px;
}

#content p{
margin-bottom: 1em;
}


li ul li{
font-family: Arial, Helvetica, sans serif;
list-style-type: disc;
} 
/*==================== IDs ==========================*/
#seite{
margin:auto;
width: 960px;
border-left: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
font-size: 1em;
color: #2c2c2c;
background-color: #FFF;
}

#header{
height: 165px;
width:960px;
background-image: url(../../img/graph/hg_header.jpg);
background-repeat: no-repeat;

}

#content{
width: 960px;
font-size: 1em;
line-height: 160%;
}

#content ul, #content ol{
font-family: Arial, Verdana, Helvetica, sans serif;
padding-left:40px;
margin-top: 0.8em;
margin-top: 1em;
width: 450px;
}

#content ul li, #content ol li{
list-style-type: circle;
}
#content li ul{
margin-top:0.4em;
margin-bottom:0.8em;
}
.leftCol, .rightCol{
/*border: 1px dashed #230917;*/
}

.leftCol{
padding-left: 60px;
width:250px;
float:left;
}
.rightCol{
width:530px;
margin-left: 360px;
padding: 0px 60px 20px 0px;
}

#topmenue a, #footer2 a{
text-decoration: none;
}
#topmenue a:link, #topmenue a:visited, #footer2 a:link, #footer2 a:visited{
color: #2c2c2c;
}
#topmenue a:hover, #topmenue a:active, #footer2 a:hover, #footer2 a:active{
color:#B80024;
background-color: #fff;
}
.active{
color:#B80024;
}

#topmenue li{
font-family: Arial, Verdana, Helvetica, sans serif;
list-style-type: none;
float: left;
margin-right: 14px;
}

#topmenue .menue1, #topmenue .menue2{
padding-left: 60px;
}

#referenzen{
z-index: 0;
border: 1px solid #878787;
margin-top: 40px;
padding: 20px;
width: 480px;
}
#referenzen h3{
margin-top: 0em;
}
#referenzen ul{
padding-left: 12px;
}

#referenzen a{
text-decoration: none;
}

#ref01,#ref02,#ref03,#ref04,#ref05,#ref06,#ref07,#ref08,#ref09,#ref10 {
z-index: 40;
position: relative;
left:30px;
top:12px;
margin-bottom: 24px;
border: 1px solid #ccc;
background-color: #eee;
padding: 8px;
text-align: center;
xxxwidth:250px;
} 

ul.referenzen ul{
padding: 30px 20px 0px 0px;
text-align: left;

}

ul.referenzen ul li{
width:390px;
xborder: 1px dotted #730957;
margin-left:-20px;
}

.menue1{
height:22px;
line-height: 22px;
vertical-align: middle;
background-image: url(../../img/graph/hg_menue1.jpg);
background-repeat: no-repeat;
border-top:1px solid #fff;
}
.menue2{
clear:both;
background-color: #EBEBEB;
background-image: url(../../img/graph/hg_topMenue2.gif);
background-repeat:repeat-x;
height: 38px;
line-height:38px;
vertical-align:middle;
}
#footer{
clear:both;
height:50px;
background-color:#B80024;
color:#fff;
font-family: "Candara", Verdana, Arial, Times, serif;
margin:40px 1px 1px 1px;
text-align: center;
vertical-align: middle;
line-height:50px;
font-size: 18px;
}
#footer2, #printfooter{
margin: auto;
width: 960px;
font-size: 11px;
padding-top: 10px;
padding-bottom:20px;
}
#printfooter{
display: none;
}

/*-------------------- navigation --------------------*/

/*==================== Klassen ==========================*/

.klein{
font-size: 0.8em;
}
.fett{
font-weight: bold;
}
.grau, .slogan{
color: #888;
}

.breadcrumbs{
color: #2c2c2c;
margin: 25px 0px 30px 360px;
font-size: 11px;
}

.breadcrumbs a{
text-decoration: none;
color: #777;
}

.border_gray{
border: 1px solid #878787;
}

.slogan{
font-size: 1.1em;
font-weight: bold;
margin-bottom:1.2em;
}

.logo{
float: right;
margin-top: 40px;
}