/*	
	Author:	Robert Peter
	Author-URL: http://www.melon-media.de
*/
/* ======================================================== */
/* ===== Allgemeine Styles für body, anchor und forms ===== */
/* ======================================================== */
* { 
   margin: 0; 
   padding: 0; 
}
body {
	background:url('../images/bg.jpg') repeat-y 50% 0;
	background-color:#7f5437;
	font-family:'Arial', Trebuchet MS, Georgia, Times, Times New Roman, sans-serif;
	font-size:12px;	
	color:#333;
	text-align:center;		/* Zentrierung für IE5 */
	margin:0;
}
h1 {
	font-weight:bold;	
	font-size:18px;
	line-height:40px;
	color:#7f5437;
}
h2 {
	font-weight:bold;	
	font-size:15px;
	line-height:40px;
	color:#7f5437;
}
h3 {
	font-weight:bold;	
	font-size:12px;
	color:#7f5437;
}

a {
	color:#7f5437;
	text-decoration:underline;
}
a:visited {
	color:#7f5437;
}
a:hover {
	color:#7f5437;
	text-decoration:underline;
}
a img{
	border:0
}

input, textarea {
	background:#F3F6ED;
	border:#E1D6C6 1px solid;
}

/*--------------------------------------*/
/*------ mailformular formatieren ------*/
/*--------------------------------------*/
.csc-mailform {
	border:none;
	width: 90%;
}

.csc-mailform-field {
	/*background:#d56f00;*/
	margin: 2px;
	padding: 5px;
}

.csc-mailform-field label {
	float: left;
	padding: 1px;
	/*color: white;*/
	width: 80px;
}


.mf-input {
	clear: none;
	width: 200px;
	padding: 1px;
}

.mf-pass {
	width: 200px;
	padding: 1px;
}

.mf-text {
	clear: none;
	width: 200px;
	padding: 1px;
}

.mf-check {
	padding: 1px;
}

.mf-radio {
	padding: 1px;
}

.mf-select {
	width: 200px;
	padding: 1px;
}

.mf-file {
	width: 200px;
	padding: 1px;
}

#mailformRadiotest {
	border: none;
}

#mailformRadiotest legend {
	display: none;
}

.mf-reset {

}

.mf-submit {
	margin-left: 80px;
}



/* ======================= */
/* ====== Siteheader ===== */
/* ======================= */
#head {
	position:absolute;
	background:url('../images/topic_img.jpg') no-repeat 0px 30px;
	z-index:1;
}
.logo {
	padding:16px 10px 0 0;
	float:right;
}

#fire {	
	padding:5px 0 0 505px;
}


/* ===========================
	 Hauptnavigation 	
 =========================== */

#navi {
	position:absolute;
	z-index:2;
	margin:195px 0 0 0;
	padding:0;
}

#container_navi {
	position:absolute;
	z-index:2000;
	padding-top:162px;
	margin-left:-1px;
}


.navigation, .navigation ul {
	float: left;
	list-style: none;
	font-size: 12px;
	margin: 0 0 1em 0;
	color:#000000;
	background:#4d321f;
}
 
.navigation a {
	display: block;
	color: #FFFFFF; 
	text-decoration: none;
/*	padding: 0.25em 0em;*/
	padding: 5px 17px;
}
 
.navigation a.menuparent  {
	background: url(arrow.gif) no-repeat 90% 40%;
}

.menunormal{
	background:url('../images/menuitem.jpg') repeat-x;
}
 
.navigation li {
	float: left;
   	border-color:#7F5437 rgb(121, 80, 52) rgb(77, 50, 31) rgb(77, 50, 31);
	border-style:solid;
	border-width:1px;
}

.navigation li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10.15em;
	font-weight: normal;
	margin: 0;
}
 
.navigation li li { 
	width: 10.15em
}
 
.navigation li ul a {
	width: 6.6em;
	padding-left: 1em;
	display:block;
	height:100%;
	overflow:hidden;
	color:#00000;/*
	display:inline;*/
	text-decoration:none;
	font-size: 14px;
   	padding:4px 10px;
}

 
.navigation li ul ul {
	margin: -1.75em 0 0 10em;
}
 
.navigation li:hover ul ul, .navigation li:hover ul ul ul, .navigation li.sfhover ul ul, .navigation li.sfhover ul ul ul {
	left: -999em;
}
 
.navigation li:hover ul, .navigation li li:hover ul, .navigation li li li:hover ul, .navigation li.sfhover ul, .navigation li li.sfhover ul, .navigation li li li.sfhover ul {
	left: auto;
}

#navi li:hover, #navi li.sfhover {
	background:url( '../images/menuitem.jpg' ) 0 -27px repeat-x;
}

/* ===================================== */
/*    suspends the "sticky" bug in IE7   */
.navigation li:hover, .navigation li.hover {
	position:static;
}

/* ======================================================= */
/* ===== Contentarea wie Subnavi, content und footer ===== */
/* ======================================================= */
#content {
	margin:0 48px;
	line-height:1.2em;
	padding:0;
	width:448px;
	line-height:1.29em;
}
#content li {
        margin-left:10px;
	background-image: url(../images/pfeil.gif);
        background-repeat: no-repeat;
	list-style: none;
        margin-bottom: 5px; 
        margin-top: 3px;
        display: block;
        padding-left: 18px;
}
#content hr {
	background-color:#dedede; /* Mozilla 1.4 */
	color:#dedede; /* IE 6 */
	border:#dedede; /* Opera 7.11 */
	height:1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	margin:0px auto;
}

#automaticteaser {
	background: transparent url('../../images/automatic_teaser.jpg') no-repeat scroll 0 7px;
	padding:0 0 0 25px;
	height:220px;
}

#news {
	width:196px;
	float:right;
	padding:10px;
	font-size:12px;
	background-color:#eeeeee;
	border:#e6e6e6 1px solid;
}
#news h1 {
	font-weight:bold;	
	font-size:15px;	
	line-height:18px;
	text-transform:uppercase;
}

#news h2 {
	font-weight:bold;	
	font-size:12px;	
	line-height:18px;
	padding:10px 0 0 0;
}

#news .csc-textpic-text {
	font-size:11px;
}

.csc-header-n2, .csc-header-n3 {
	padding:22px 0 0 0;
}


#subnavi {
	width:120px;
	float:left;
	padding:0px 2px;
	list-style:none;
}
#subnavi li {
	background-color:#eeeeee;
	border-bottom:1px solid #e6e6e6;
	list-style:none;	
}
#subnavi li.sub1 {
	padding:0 0 0 10px;
}
#subnavi li.sub2 {
	padding:0 0 0 15px;
}
#subnavi li a {
	color:#000;
	padding:0 15px;
	text-decoration:none;
}
#subnavi li a:hover {
	text-decoration:underline;
}

#footer {
	clear:both;
	text-align:center;
	color:#ccc;
	font-size:11px;
	line-height:18px;
	padding:28px 0 20px 0;
	margin-top:60px;	
}

#footer a {
	color:#baaca2;
	text-decoration:underline;
}

#footer hr {
	background-color:#ccc; /* Mozilla 1.4 */
	color:#ccc; /* IE 6 */
	border:#ccc; /* Opera 7.11 */
	height:1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	margin:0 auto;
}

td {
      background-color:#e8e8e8;
}

/* =================== */
/* ===== Sitemap ===== */
/* =================== */
div.tx-flseositemap-pi1 ul.deep0 li.deep0 {
	margin-left: 20px !important;
	background-image:none !important;
        display: block;
	font-weight:bold;
        padding-left: 18px;
        list-style: none;
        margin-bottom: 5px; 
        margin-top: 3px;
}
div.tx-flseositemap-pi1 li.deep1 {
        margin-left: 60px !important;
	background-image: url(../images/pfeil.gif);
        background-repeat: no-repeat;
	list-style: none;
        margin-bottom: 5px; 
        margin-top: 3px;
        display: block;
        padding-left: 18px;
}

/* ===== Beispiel =====
div.tx-flseositemap-pi1 ul.deep0 li.first{
... (für estes element)
}*/


/* =======================
	Lupe
 ======================= */

.lupe {
	background: url( '../../images/zoom.gif' ) bottom left no-repeat;
	background-color:#FFFFFF;
	background-position:50% 50%;
	position: relative;
	/*margin: -25px 0px 0px 5px !important;*/
	margin: -25px 1px 1px 0px !important;
	width: 28px;
	height: 25px;
	background-position:1 2;

}