/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
/******** General ********/
body{
font: 76% Verdana,Tahoma,Arial,sans-serif;
background:#ffffff url(images/background.gif) top center repeat-y;
color:#333333;
line-height:1.2em;
margin:0 auto;
padding:0;
}

a{
text-decoration:none;
color:#006699;
font-weight:bold;
}

a:hover{text-decoration:underline;}
a img{border:0;}
p{margin:0 0 6px 10px;}
ul,ol,dl{font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol{margin:4px 0 4px 35px;}

h1{
font-size:4.2em;
letter-spacing:-5px;
margin:0 0 30px 25px;
color:#006699;
}

h1 a{text-transform:none; color:#006699;}

h2{
clear:both;
font-size:1.4em;
color:#006699;
border-bottom:4px solid #cccccc;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:-1px;
}

h3{
clear:both;
font-size:1.2em;
font-weight:bold;
color:#006699;
border-bottom:1px solid #cccccc;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}

blockquote{
font-size:0.9em;
border:1px solid #cccccc;
margin:20px 10px;
padding:8px;
}

/******** Wrap ********/
#wrap{
color:#333333;
width:970px;
margin:10px auto;
padding:0;
}

#header{margin:0;}

#toplinks{text-align:right; padding:5px 2px 2px 3px;}

#slogan{
font-size:1.5em;
color:#777777;
font-weight:bold;
letter-spacing:-1px;
margin:15px 0px 20px 35px;
line-height:1.2em;
}

/******** Navigation ********/
#navigation{
float:left;
width:195px;
margin:0 0 5px 0;
padding:1px 0 0 0;
}

#navigation ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#navigation li{
list-style:none;
margin:0 0 6px 0;
padding:0;
}

#navigation li a{
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#navigation ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#navigation ul ul li a{font-weight:normal;}
#navigation h2{margin:3px 0px 8px 0px;}

/******** Content ********/
#content{
line-height:1.5em;
width:750px;
float:right;
text-align:left;
margin:0;
padding:1px 0 0 0;
}


#content h3{margin:10px 0 8px;}

/******** Footer ********/
#footer{
clear:both;
text-align:right;
font-size:0.9em;
border-top:4px solid #cccccc;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}

#footer p{margin:0; padding:0;}
#footer a{color:#333333;}

/******** Klassen ********/
.box{
background-color:#006699;
color:#ffffff;
font-size:0.9em;
border:1px solid #cccccc;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box a{color:#f0f0f0;}

.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; clear:right; margin:-24px 10px 12px 0; font-size:0.8em;}
.center{text-align:center;}
.big{font-size:1.3em;}
.small{font-size:0.9em;}
.bold{font-weight:bold;}
.clear{clear:both;}
.hide{display:none;}

.blue{color:#006699;}
.fade{color:#cccccc;}
.grau{color:#777777;}
.rot{color:#990000;}
.ocker{color:#cc9900;}
.blau{color:#003399;}
.gruen{color:#009999;}
.text{color:#333333;}

.bgBlue{background-color:#006699;}
.bgFade{background-color:#cccccc;}
.bgGrau{background-color:#777777;}
.bgRot{background-color:#990000;}
.bgOcker{background-color:#cc9900;}
.bgBlau{background-color:#003399;}
.bgGruen{background-color:#009999;}
.bgBg{background-color:#FFFFFF;}


.photo{
border:1px solid #cccccc;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}