@charset "utf-8";
/* CSS Document */

html, body {height: 100.1% !important;}

body { background:#000;}

p{margin-bottom:1em; margin-top:1em; line-height:1.2em;}
a{color: #ba976a; padding:0px; text-decoration:none;}

/*Beginn der Attribute für Schriften, Überschriften, Links,...*/

a:link {color:#ba976a;background:none; text-decoration:underline;}
a:visited {color:#ba976a;background:none; text-decoration:underline;}
a:active {color:#ba976a;background:none; text-decoration:underline;}
a:hover {color:#9d7c51;background:none; text-decoration:underline;}

ol,ul {margin:0 0 0 18px;}
li {margin-top:6px; margin-bottom:6px;}

#supersized li {margin:0px !important;}

table { border-collapse:collapse; margin:0 0 16px 0; }
table td { padding:4px; border:0px solid;}
.ce_news_gallery table td, .ccc_gallery table td, .mod_galleryviewer table td {border:none; padding:0;}

em {font-size:1em;}
strong {font-weight:bold;}

hr{
background-color: #c3c3c3; /* Farbe für Opera und Firefox */
color: #c3c3c3; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 1px;
margin-bottom:5px;
margin-top:5px;
clear:both;
}

label, caption, th, blockquote, cite {color:#454545;}

/*DIVs*/
#navi{min-height:30px; background:none; width:200px; position:fixed; top:50px; left:20px;}
#navi ul {margin:0; padding:0; text-align:right;}
#navi ul li {line-height:30px; list-style:none; margin:0 0 5px 0; border-left:5px solid #ba976a;}
#navi ul li a  {display:block; padding:0 15px; margin:0; text-transform:uppercase; font-size:14px; font-weight:bold;}

#navi a:link {color:#ba976a; background:url(bg.png); text-decoration:none;}
#navi a:visited {color:#ba976a; background:url(bg.png); }
#navi a:active {color:#ba976a; background:url(bg.png); }
#navi a:hover {color:#000; background:url(bg3.png); }

#footer{min-height:40px; background:url(bg.png); width:160px; position:fixed; top:370px; left:20px; padding:20px; text-align:right;}

#wrapper {
	width:760px;
	height:100%;
	position:absolute;
	padding-top:50px;
	left:240px;
	}

.content {
	width:720px;
	background:url(bg.png);
	padding:20px;
	min-height:100px;
	margin-bottom:100px;
	position:relative;
	}
	
.linkest a, .linkest a:visited, .linkest a:active{
	background:url(list1.png);
	background-position:right center;
	padding:3px 5px;
	display:block;
	margin-top:3px;
	margin-bottom:3px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	}
	
.linkest a:hover{
	background:url(list2.png);
	background-position:right center;
	color:#fff;
	}
	
.subcl {
	border-right:1px dotted #fff;
	}
	
.artikelheader {
	position:absolute; 
	right:20px; 
	top:-30px; 
	background:url(bg.png); 
	height:20px; 
	line-height:20px; 
	padding:5px 28px; 
	text-align:right; 
	}

.artikelheader h3 {
	color:#fff; 
	text-align:right; 
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:1px;
	}	
	

#back-top{width:200px; height:20px; position:fixed; bottom:20px; right:20px; text-align:center;}
#back-top a{color:#fff;background:url(bg.png);display:block; text-decoration:none; font-size:16px; text-transform:uppercase;padding:3px 15px;}
#back-top a:hover {background:url(bg2.png);}


#preise table {width:720px; margin-top:15px;}
#preise td {border:1px dotted #fff;}
/*Accordeon Styling*/
.toggler{
    font-weight:bold;
    color:#fff !important;
	font-size:16px;
	height:24px;
	line-height:24px;
	background:#02355f url(accordion.png) center left no-repeat;
	background-position: 566px 5px;
    border-bottom:0px;
    padding-left:10px;
	margin-bottom:6px;
    cursor:pointer;
    cursor:hand;
}
.toggler:hover{background:#001220 url(accordion.png) center right no-repeat; background-position: 566px 5px;}
div.accordion h1{visibility:hidden; height:0px;}
div.accordion {padding:0;}

.toggler.active {
    background:#02355f url(accordion.png) top right no-repeat; background-position: 566px -27px;;
	color:#fff !important;
}
.toggler h2 {color:#fff; margin:0; padding:0; font-size:18px;}

/*Kontaktformular*/
#contact tr, #contact td {padding:0;}
#contact label {color:#fff; margin-top:0px; margin-bottom:0px; margin-left:0; display:block;}
#contact input.text{color:#000; font-size:90%; padding:4px; font-weight:normal; width:200px; border:1px solid #cccccc; margin:2px 0px 12px 0px;}
#contact textarea {color:#000; font-size:90%; padding:4px; font-weight:normal; width:200px; height:200px; margin-bottom:8px; margin-left:0px; border:1px solid #cccccc;}
#contact input.captcha{width:180px !important; margin-left:0px; margin-bottom:4px; float:left; }
#contact input.checkbox {width:180px; margin-top:10px; border:none;}
#contact .checkbox_container label {margin-top:-18px;}
#contact label.mandatory{margin:0;}
#contact label.captcha {margin:12px 0 0 0; font-weight:bold;}
#contact fieldset {padding:0; color:#4c575c; font-weight:bold; margin:12px 0;}
#contact fieldset legend {}
#contact input.upload {color:#4c575c; font-size:90%; padding:2px; font-weight:normal; width:250px; margin:2px 0px 12px 0; }
#contact select {font-weight:normal; font-size:0.9em; border:1px solid #cccccc; color:#4c575c; width:260px; padding:4px; margin:2px 0 12px 0px;}
#contact select.land { padding:2px;}
#contact p.error {color:#F00;}
#contact fieldset.gb-widget {padding-bottom:10px !important;}
#contact input.submit{width:210px; color:#fff; border:none; padding:5px; font-weight:bold; background:url(list1.png); background-position:right center; font-size:100%; cursor:pointer; margin-top:10px; margin-left:0px;}
#contact input.submit:hover {background:url(list2.png); background-position:right center;}

.recaptchatable {font-size:7px !important;}
.cpimage img {box-shadow:none !important;}