/* 
web-www.ergomedien.de
autor-hesse
datum-17-11-2007
copyright-2007-ergomedien
*/

* {
margin: 0;
padding: 0;
}
body {
height: 100%;
text-align: center;
background: #ccdcea;
}
div {
text-align: left;
}
#header {
height: 119px;
background-image: url(../images/top_bg.jpg);
background-repeat: repeat-x;
}
#header .gradient {
width:880px;
height: 22px;
background-image: url(../images/top_gradient.jpg);
display:block;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
#header .gradient .navtop {
color:#fff;
line-height:21px;
padding-left:220px;
display:block;
float:left;
text-align:right;
}
#header .navbox {
width:880px;
height: 90px;
background-image: url(../images/nav_bg.jpg);
background-repeat: repeat-y;
display:block;
margin-left:auto;
margin-right:auto;
overflow:hidden;	
}
#header .navblock {
margin-top:1.3em;
padding-left:1.3em;
padding-right:1.3em;
display:block;
float:left;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #a9c7dd;
}
#header .navblockend {
margin-top:1.3em;
padding-left:1.3em;	
padding-right:1.3em;	
display:block;
float:left;
}
#header .logoblock {
padding-top:21px;
width:250px;
display:block;
float:right;
overflow:hidden;
}
#contentframe {
background-color:#fff;
display:block;
}
#contentbody {
padding-top:11px;
width:880px;
display:block;
margin-left:auto;
margin-right:auto;
overflow:hidden;	
}
#contentbody .content {
width:670px;
display:block;
float:left;
}
#cboxT{
margin:0px;
padding:0px;
padding-top:4px;
width:650px;
height:23px;
text-indent:30px;
background-image: url(../images/contentbox_top.jpg);
display:block;
}
#cboxM{
margin:0px;
padding:0 1px;
width:648px;
background-image: url(../images/contentbox_middle.jpg);
display:block;
}
#cboxF{
margin:0px;
padding:0px;
width:650px;
height:10px;
background-image: url(../images/contentbox_bottom.jpg);
display:block;
overflow:hidden;
}
#contentbody .right {
width:210px;
display:block;
float:right;
}
#sboxT {
color:#fff;
margin:0px;
padding:0px;
padding-top:4px;
width:200px;
height:23px;
text-indent:30px;
background-image: url(../images/sidebox_top.jpg);
display:block;
overflow:hidden;
}
#sboxT1 {
color:#fff;
margin:0px;
padding:0px;
padding-top:4px;
width:200px;
height:23px;
text-indent:30px;
background-image: url(../images/sidebox_top.jpg);
display:block;
overflow:hidden;
}
#sboxM{
width:198px;
display:block;
background-image: url(../images/sidebox_middle.jpg);
background-repeat: repeat-y;
height:auto;
padding:0 1px; 
}
#sboxM1{
width:198px;
display:block;
background-image: url(../images/sidebox_middle.jpg);
background-repeat: repeat-y;
height:auto;
padding:0 1px; 
}
#sboxF1{
width:200px;
height:10px;
display:block;
background-image: url(../images/sidebox_bottom.jpg);
background-repeat: no-repeat;
}
#sboxF2{
width:200px;
height:27px;
display:block;
background-image: url(../images/sidebox_bottom_dark.jpg);
background-repeat: no-repeat;
}
#sboxF2a{
width:200px;
height:27px;
display:block;
background-image: url(../images/sidebox_bottom_dark.jpg);
background-repeat: no-repeat;
}
#footer {
background-image: url(../images/bottom_border.jpg);
background-repeat: repeat-x;
height: 17px;
}
.cls:after {
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cls {display: inline-block;}
* html .cls {height: 1%;}
.cls {display: block;}