body {
background-image:url(img/bg.jpg);
}

#mainbody {
	width: 990px;
	margin: 0 auto auto auto;
	padding: 0;
font : 85% Helvetica, "Trebuchet MS", arial, sans-serif;
background : #eef6f6;
line-height : 1.5em;
color : #333;
border-width : 10px 10px 10px 10px;
border : solid #448888;
}



			/*TOP BANNER*/
#header {
height : 120px;
padding : 10px 0 0 10px;
text-align : left;
vertical-align : middle;
background : #ffffcc;
}
			/*TOP INFOLEISTE*/
#topleiste {
padding : 5px 3px 5px 10px;
background : #cc9933;
color : #fff;
text-align : left;
vertical-align : middle;
}
#topleiste a {
text-decoration : none;
color : #fff;
}
#topleiste a:hover {
text-decoration : none;
background : inherit;
color : #ffffcc;
}
			/*3 SPALTEN*/

#col1 {
float : left;
width : 180px;
margin-top : 2em;
margin-bottom : 1em;
list-style : none;
}
#col2 {
float : left;
width : 520px;
margin-left : 2%;
border-left : 2px dashed #cc9933;
border-right : 2px dashed #cc9933;
padding-right : 1%;
padding-left : 2%;
padding-bottom: 1%;
}
#col2 a {
color : #448888;
text-decoration : none;
}
#col2 a:hover {
color : #ffffcc;
background : #cc9933;
}
#col3 {
float : left;
width : 200px;
margin-left : 2%;
margin-bottom : 1em;
padding-right : 1%;
}
#col3 a {
color : #448888;
text-decoration : none;
}
#col3 a:hover {
color : #cc9933;
}

#col2 .spacer {
	height: 100px;
}

			/*NAVIGATION*/

#navcontainer ul {
margin-top : 1.2em;
margin: 5px;
padding: 5px;

list-style : none;
background : #eef6f6;
}
#navcontainer ul li a {
color : #448888;
padding : 8px;
background : transparent url(img/list-off-gold.gif) no-repeat left center;
font : 102% "Lucida Grande", "Lucida Sans Unicode", "Lucida", "sans-serif bold";
text-decoration : none;
}
#navcontainer ul li a:hover {
color : #cc9933;
background : transparent url(img/list-on-gold.gif) no-repeat left center;
}


			/*FOOTER*/
#footer {
clear : both;
height : 30px;
background : #448888;
color : #eef6f6;
padding : 0.5em 0.5em 0.5em 0.5em;
text-align : left;
}

#footer a {
color : #ffddaa;
text-decoration : none;
background : inherit;
}
#footer a:hover {
color : #ffffcc;
text-decoration : none;
border : 2px solid #cc9933;
background : inherit;
}

			/*TYPOGRAPHY*/

h1 {
margin-top : 0;
padding-top : 1.8em;
padding-bottom : 0.5em;
text-transform : uppercase;
letter-spacing : 3px;
font-size : 1.5em;
color : #448888;
background : inherit;
}
h2 {
margin-top : 0;
font-size : 1.2em;
text-align : left;
color : #cc9933;
background : inherit;
}

h3 {
margin-top : 0;
font-size : 1.2em;
text-align : right;
color : #cc9933;
background : inherit;
}

			/*IMAGES*/
.imgbanner {
position : relative;
}
.imgleft {
float : left;
padding : 7px;
border : 1px solid #448888;
margin-right : 10px;
}
.imgright {
float : right;
padding : 7px;
border : 1px solid #448888;
margin-left : 8px;
}
.imgall {
padding : 7px;
border : 1px solid #448888;
margin-right : 8px;
margin-left : 8px;
}
.imgblatt {
padding : 4px;
border : 1px solid #448888;
}
.imgilseursi {
padding : 7px;
border : 1px solid #448888;
}