/* --- CSS Document ------------ */
/* --- compass-inkasso.de ------ */
/* --- erstellt durch OMG.de --- */
/* --- 19. Oktober, 2011 ------- */
*{
	padding: 0px;
	margin: 0px;
}

body {
	background: url(./images/background.jpg) #E8E2DC top left repeat-x;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding: 0;
	text-align: center;
	color: #5C5C5C;
	}
#out_top {
	width: 900px;
	height: 41px;
	margin:0 auto;
	background:url(./images/bg_top.jpg) top left no-repeat;
	}
#outer {
	width:892px;
	text-align: left;
	margin:0 auto;
	background: #FFF;
	border-left: 4px solid #ADA3A1;
	border-right: 4px solid #ADA3A1;
	border-bottom: 4px solid #ADA3A1;
	margin-bottom: 20px;
	}

#header {
	background: url(./images/header.jpg) top left no-repeat;
	height: 228px;
}
	
#content_outer{
	background: url(./images/header_bottom.jpg) top left no-repeat;
	float: left;
}

td {
    padding: 5px;
}

/* --- Navigation --- */
	
#navigation {
	position: relative;
	float: left;
	text-align: right;
	width: 190px;
	border-right: 1px solid #2F2523;
	padding-right: 9px;
}
	
#navigation UL {
	position: relative;
	float: left;
	width: 190px;
}
	
#navigation LI {
	display: block;
	list-style:none;
	line-height: 23px;
}
	
#navigation LI A {
	color: #5C5C5C;
	text-decoration: none;
}

#navigation Ul UL {
	position: relative;
	float: left;
	border: 0;
	padding: 0;
}

#navigation ul ul li ul{
	display: none;
}

#navigation LI UL LI A {
	font-weight: normal;
	color: #ACACAC;
	
}

#navigation LI UL LI {
	margin-right: 10px;
	color: #ACACAC;
	background:url(bullet.png) no-repeat;
    padding: 0 10px 1px 0;
    margin: 0;
    background-position: 182px 6px;
}

#navigation LI UL LI span{
	font-weight: bold;
}

#navigation UL UL LI.active {
	font-weight: bold;
}

#navigation .trail ul {
	display: block;	
}

#navigation .trail ul li {
	width: 180px;
	padding-right: 10px;
}

#navigation .trail a {
	font-weight: bold;	
}

#navigation .trail ul  a {
	font-weight: 100;	
}

/* Level 3 */

#outer #navigation ul ul ul{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 200px;
	overflow: hidden;
}


#outer #navigation ul ul ul li {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 190px;
	padding-right: 10px;
	font-size: 12px;
	background:url(bullet.png) no-repeat;
    background-position: 193px 6px;
}


#outer #navigation ul ul ul ul{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 185px;
	overflow: hidden;
}

#outer #navigation ul ul ul ul li {
	float: right;
	display: none;
	margin: 0px;
	padding: 0px;
	width: 170px;
	padding-right: 10px;
	font-size: 10px;
	background:url(bullet.png) no-repeat;
    background-position: 172px 6px;
}

#outer #navigation ul ul li.trail ul li.active ul li {
	display: block;
}

#outer #navigation ul ul li.trail ul li.trail ul li {
	display: block;
}

/* --- Content --- */
	
#content {
	width: 621px;
	float: left;
	margin-right: 30px;
	margin-top: 48px;
	line-height: 18px;
	padding-left: 40px;
}

#content UL, #content OL {
    margin: 20px;
}
	
* html #content {
	width: 611px;
	float: left;
	margin-right: 16px;
	margin-top: 48px;
	padding-left: 40px;
}
	
#content a {
	color: #5C5C5C;
	text-decoration: none;
	font-weight: bold;
	}
#content a:hover {
	color: #5C5C5C;
	text-decoration: underline;
	font-weight: bold;
	}
#content h1 {
	color: #88735B;
	font-size: 17px;
	font-weight: normal;
	margin: 5px 0 15px 0;
	}
#content h2 {
	color: #88735B;
	font-size: 15px;
	font-weight: normal;
	margin: 5px 0 15px 0;
	}
#content LI {
	line-height: 19px;
	}
#footer {
	clear: left;
	}
.col_0 {
	font-weight: bold;
	vertical-align: text-top;
	padding-right: 10px;
	padding-bottom: 10px;
	}
.ce_table table tr {
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
.ce_form .even TD, .ce_form .odd TD {
	padding-bottom: 10px;
	}

#navi {
	position: relative;
	overflow: hidden;
}

/* --- Buttons --- */

#buttons {
	position: relative;
	overflow: hidden;
}
#sofortauftrag {
	background: url(images/sofortauftrag.png) left no-repeat;
	width: 143px;
	height: 43px;
	margin: 30px 0 0 47px;
}
#sofortauftrag:hover {
	opacity: 0.8;												      /* modern browser */  
    -moz-opacity: 0.8;  											  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=80); 										  /* IE5.x -7.0 */  
}
#news {
	background: url(images/aktuelle-news.png) left no-repeat;
	width: 143px;
	height: 43px;
	margin: 15px 0 0 47px;
}
#news:hover {
	opacity: 0.8;												      /* modern browser */  
    -moz-opacity: 0.8;  											  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=80); 										  /* IE5.x -7.0 */  
}
#video-button {
	background: url(images/video.png) left no-repeat;
	width: 143px;
	height: 43px;
	margin: 15px 0 0 47px;
}
#video-button:hover {
	opacity: 0.8;												      /* modern browser */  
    -moz-opacity: 0.8;  											  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=80); 										  /* IE5.x -7.0 */  
}
#bewertung {
	background: url(images/bewertung.png) left no-repeat;
	width: 143px;
	height: 43px;
	margin: 15px 0 0 47px;
}
#bewertung:hover {
	opacity: 0.8;												      /* modern browser */  
    -moz-opacity: 0.8;  											  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=80); 										  /* IE5.x -7.0 */  
}
#flyer-button {
	background: url(images/flyer.png) left no-repeat;
	width: 143px;
	height: 43px;
	margin: 15px 0 0 47px;
}
#flyer-button:hover {
	opacity: 0.8;												      /* modern browser */  
    -moz-opacity: 0.8;  											  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=80); 										  /* IE5.x -7.0 */  
}
#twitter {
	background: url(images/twitter.png) left no-repeat;
	width: 33px;
	height: 33px;
	margin: 15px 0 0 47px;
	float: left;
}
#twitter:hover {
	opacity: 0.8;												      /* modern browser */  
    -moz-opacity: 0.8;  											  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=80); 										  /* IE5.x -7.0 */  
}
#facebook {
	background: url(images/facebook.png) left no-repeat;
	width: 33px;
	height: 33px;
	margin: 15px 0 0 21px;
	float: left;
}
#facebook:hover {
	opacity: 0.8;												      /* modern browser */  
    -moz-opacity: 0.8;  											  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=80); 										  /* IE5.x -7.0 */  
}
#xing {
	background: url(images/xing.png) left no-repeat;
	width: 33px;
	height: 33px;
	margin: 15px 0 0 21px;
	float: left;
}
#xing:hover {
	opacity: 0.8;												      /* modern browser */  
    -moz-opacity: 0.8;  											  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=80); 										  /* IE5.x -7.0 */  
}

/* --- Trennlinie --- */

hr {
	border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    border-top: 1px dotted #5C5C5C;
    color: #FFFFFF;
    height: 1px;
}

.widget {
    margin-top: 12px;
}

/* --- Radio Button --- */

.radio {
	margin: 5px;
}

/* --- Tabellengestaltung --- */

.tabelle-oben {
	background-color: #c3a16e;
}

#content .tabelle-oben h2 {
	color: #ffffff;
	text-shadow: 0px 1px 1px #333333;
	font-size: 16px;
}

.tabelle-unten {
	background-color: #f9e994;
	border: 1px solid #ffffff;
}

.border {
	border: 1px solid #c3a16e;
}

.kupfer {
	background-color: #c3a16e;
	color: #ffffff;
	text-shadow: 0px 1px 1px #333333;
	padding: 10px;
}

.antwort {
	border: 1px solid #c3a16e;
	padding: 10px;
}

.veroeffentlichung {
	border: 1px solid #c3a16e;
	border-style: none none solid;
}

/* --- Verlustrechner --- */

table.iframe-container {
	table-layout: static;
	border-collapse: collapse;
}

td.iframe-content {
	height: 100%;
}

table.iframe-container,
iframe.iframe-embedded {
	height: 950px;
	width: 100%;
}