@import url(inc_common.css);
@import url(inc_csc.css);
@import url(inc_htmlarea.css);
@import url(inc_gallery.css);
@import url(inc_news.css);
@import url(inc_flashheading.css);

/*
 * Reset
 */
#margin,
#leftcol, #logo, #main,
#mainnav, #mainnav ul, #mainnav li,
#rightcol, #header, #siteby, #content, #footer, #leftrest,
div.box, div.box-header, div.box-footer, div.box-content, 
#metanav, #metanav ul, #metanav li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    text-align: left
}

#metanav ul, #mainnav ul, #servicenav ul {
	list-style-position: outside;
	list-style-type: none;
}


/*
 * Margin
 */
#margin {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	background: white;
	padding: 0 4px;
}

#main {	
	margin-top: 9px;
	overflow: hidden;
}

/*
 * Columns
 */

#leftcol {
	float: left;
	display: inline;
	width: 250px;
	background: url(../images/back_left.png) repeat-x;
}

#leftrest {
	margin-top: 32px;
	margin-left: 19px;
}

#rightcol {
	width: 710px;
	/*margin-left: 250px;*/
	background: url(../images/back_right.png) repeat-x;
	overflow: hidden;
}

/*
 * Logo
 */

#logo {
	margin: 69px 0px 0px 0px;
	border: 0; 
}

#expert {
	position: absolute;
	top: 10px;
	right: 0;
}


/*
 * Hauptnavigation
 */

#mainnav {
	margin: 40px 0 0 22px;
}

#mainnav img {
	border: 0;
}

#mainnav li {
	height: 20px;
}

#mainnav li.sub {
	height: auto;
}

/*
 * Metanavigation
 */

#metanav {
	position: absolute;
	top: 7px;
	left: 40px;
	color: white;
}

#metanav li {
    display: inline;
    float: left;
	font-size: 11px;
} 

#metanav li a {
	color: white;
    text-decoration: none;
    padding: 0px;
    font-weight: bold;
}

#metanav li a:hover, #metanav li.act a {
    text-decoration: underline;
}

/*
 * Header
 */

#header {
	position: relative;
	height: 125px;
	width: 960px;
	background: url(../images/back_header.png) no-repeat;
}


/*
 * Content
 */

#content {
	padding: 26px 40px 20px 29px;
	min-height: 144px;
	height: auto ! important;
	height: 144px;
	/*min-height: 436px;*/
}


/*
 * Footer
 */

#footer {
	border-top: 5px solid #e95e11;
	padding: 7px 0;
	color: #333333;
	font-size: 11px;
	margin-bottom: 20px;
}

#adresse {
	float:right;
	width: 681px;
	padding: 0 0 0 29px;
}


#siteby {
	padding: 0 20px 0 18px;
	color: #f29e70;
}

#siteby a { text-decoration: none; color: #f29e70; }
#siteby a:hover { text-decoration: underline; }

/*
 * Boxen
 */

div.box {
	width: 220px;
	margin: 0 0 10px 0;
}

div.box h1 { margin: 0; white-space: nowrap;}
div.box h2 { margin: 0 0 5px 0; }

div.box-header, div.box-footer {
	background: url(../images/back_boxes.png) no-repeat left top;
	width: 220px;
	height: 10px;
}

div.box-footer {
	background-position: left bottom;
}

div.box-content {
	width: 198px;
	font-size: 11px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	overflow: hidden;
	padding: 0 10px;
	background: white;
}

.startseite #content { width: 350px; float: left; }
#rightcol div.box { width: 240px; margin-left: 449px; margin-top: 41px;}
#rightcol div.box-content { width: 218px; }
#rightcol div.box-header { background-position: right top; width: 240px; }
#rightcol div.box-footer { background-position: right bottom;width: 240px; }