@import url("navigation.css");
body, html {
	position:relative;
	text-align:center;
	width:100%;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;	
}
body {
	/*	background-image:url(site_bg.gif);
	background-color:#7b86ac;
	background-repeat: repeat-x;*/
	
	color:#CCCCCC;
	background-color: #000000;
}
dfn, .seo {display:block; position:absolute; left:-3000px; width:0px;}

strong {color:#FFFFFF;}
#outer-wrapper {
	position:relative;
	text-align:left;
	margin: 0 auto 0 auto;
	width:957px;
	height:100%;
}
#head {
	position: absolute;
	width: 955px;
	height:106px;
	background-image: url(index_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-left: 1px solid #996666;
	border-top: 1px solid #FF9900;
	z-index:10;
}
#date {
	position: absolute;
	left:30px;
	top:82px;
	font-size:10px;
	color:#996633;
	z-index:0;	
}
#left-container {
	position: absolute;
	top: 105px;
	left:0;
	height: 471px;
	width: 188px;
	background-image: url(indexHG_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-left: 1px solid #996666;
}
#right-container {
	position: absolute;
	top: 105px;
	left: 189px;
	height: 471px;
	width: 769px;
	background-image: url(index_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#right-container ul li,
.content-get ul li {
	padding-left:15px;
	font-size:11px;
	line-height:16px;
/*	background-image: url(li.png);
	background-repeat: no-repeat;
	background-position: 4px 8px;*/
}
#right-container #content-get-start {
	background-image: url(start.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top:104px;
	left:185px;
	width: 556px;
	height: 344px;
}
#navigation {
	background-image: url(index_02.jpg);
	background-repeat: no-repeat;
	height:471px;
}
.content-get {
	width:660px;
	overflow: auto;
	height: 386px;
	background-image: url(trans-sw.gif);
	margin: 30px;
	padding:24px 24px 6px;
	background-attachment: fixed;
}
.content-get p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color: #EBEBEB;
	line-height:1.4em;
}
#foot,
#foot-start {
	position: absolute;
	width: 956px;
	top: 575px;
	border-top: 1px solid #6666FF;
	padding-top:6px;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 140px;
}
#foot {background-image: url(spiegel.jpg);}
#foot-start {background-image: url(spiegel_start.jpg);}

div#print {
	position: absolute;
	right: 12px;
	bottom: 12px;
}
div#copyright, #copyright a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666699;
	text-decoration:none;
}
div#copyright a:hover {color:#666666;}
div#foot-navigation {
	position:absolute;
	bottom:-4px;
	right:12px;	
}
div#foot-navigation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration:none;	
}
div#foot-navigation a:hover {color:#666666;}
div, img, form, select, input, table, td {
    margin: 0;
    padding: 0;
}
input, select, option {font-size: 11px;}
a {color:#CC6600;}
a:hover {color: #FF9900; text-decoration:none;}
a:visited {color:#CC6600;}
img {border: none;}
/*th, td {font-size: 11px;}*/
hr{
	color: #996600;
	height: 1px;
}
p {
/*	line-height: 16px;*/
	margin: 0 0 10px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	color:#FF9900;
	font-variant: small-caps;
}
h1 {
	color: #FFCC00;
	margin-bottom:6px;
}
h4 {color:#FFFFFF;
	margin-bottom:1px;
}
h5 {
	margin-top: 6px;
	margin-bottom: 6px;
}
h1.csc-firstHeader, h2.csc-firstHeader {
    color: #FF8700;
    margin: 0 0 26px 0;
    font-weight: normal;
}
.csc-frame.csc-frame-frame1 {
	border:1px solid #996600;
	padding:8px;
	color:#FFFFFF;
	background: #666666;
	margin-top:6px;	
}
.list-item-a, .list-item-a a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 3px;
}
.list-item-b, .list-item-b a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 3px;
}
ol {
    font-size: 0.75em;
    line-height: 16px;
    margin: 0 0 10px;
}
/*
ol li {
    padding: 0 0 0 15px;
    margin: 10px 0 10px 30px;
}
*/
/*ul {color:#FF9900;}*/
ul {
    font-size: 0.75em;
/*	color:#CCCCCC;*/
    line-height: 16px;
    margin: 0 0 10px 30px;
    list-style-type: none;
}
/***************/
/* Formulare   */
/***************/
.csc-mailform {padding:10px;}
.csc-mailform #mailformAnrede,
.csc-mailform #mailformname,
.csc-mailform #mailformFirma,
.csc-mailform #mailformStrasse_Nr,
.csc-mailform #mailformPLZ_Ort,
.csc-mailform #mailformemail,
.csc-mailform #mailformInternetadresse,
.csc-mailform #mailformTelefon,
.csc-mailform #mailformMitteilung {
	background-color:#000066;
	border:1px solid #996600;
	color: #FFFFFF;
}
.csc-mailform-field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCC00;
	padding:1px;
	clear:both;
}

.csc-mailform-field label {
	float: left;
	width: 110px;
	display: block;
	text-align:right;
	margin-right:8px;
}
.csc-mailform-field select {
	border:1px solid #996600;
}
.csc-mailform-submit {
	margin-top:6px;
	width:170px;
	height:28px;
	font-size:14px;
}


/*Bildunterschrift*/
.csc-textpic-caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CC9900;
}

 .tx-dfpreisrechner-pi1 { font-size:12px; }
 .tx-dfpreisrechner-pi1 input { padding:2px; font-weight:bold; }
 .tx-dfpreisrechner-pi1 textarea { padding:2px; font-weight:bold; }
 .tx-dfpreisrechner-pi1 .small,
 .tx-dfpreisrechner-pi1 small { font-size:11px; }
 .tx-dfpreisrechner-pi1 th { padding:3px; padding-left:5px; padding-right:5px; }
 .tx-dfpreisrechner-pi1 td { padding:3px; padding-left:5px; padding-right:5px; }
 .tx-dfpreisrechner-pi1-tr-even { background:transparent; }
 .tx-dfpreisrechner-pi1-tr-odd { background:transparent; }
 .tx-dfpreisrechner-pi1-tr-summe { font-weight:bold; background:transparent; font-size:16px; }