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

h3{
font-size: 1em;
margin: 1em 0em 0.4em 0em;
}
h4{
font-size: 1em;
margin: 1em 0em 0.4em 0em;
}


p{
margin-bottom: 0.5em;
}

/*==================== 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;
}
/* ----- Seitenbereich im Druck ausblenden ----------------*/
#header, #topmenue, #footer, #footer2, .breadcrumbs{
display: none;}

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

#content ul, #content ol{
margin-left: 60px;
margin-top: 0.8em;
width: 450px;
}

#content ul li, #content ol li{

list-style-type: circle;
}


.leftCol{
padding-left: 60px;
width:240px;
float:left;
}
.rightCol{
width:550px;
/*border: 1px dashed #230917;*/
margin-left: 350px;
padding: 0px 60px 20px 0px;
}

#referenzen{
border: 1px solid #878787;
margin-top: 40px;
padding: 20px;
width: 450px;
}

#referenzen li{
list-style-image: url(../../img/graph/arrowLink.gif);
}

#referenzen a{
text-decoration: none;
}

#footer2, #printfooter{
margin: auto;
width: 960px;
font-size: 11px;
padding-top: 10px;
}

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

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

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


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

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

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