/*
Dunkelgrau (Hintergrund): #40535A;
Orange: #F6A81D;
Braun (Navigation/Adresse): #7B4E07; 
Hellbraun (Subnavigation): #C57C09;
Grau (Überschrift): #808080;
Weiss (Texthintergrund): #F2F2F2;
Hellgrau (copy): #A0A2A4;
*/


*{
	margin: 0;
	padding: 0;
}

/*
==========================
*** BODY & TEXTFORMATE ***
==========================
*/

body{
	background-color: #40535A;
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 62.5%;
	color: #40535A;
	line-height: 1.6em;
	margin-top: 1.2em;
	text-align: center;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #40535A;
	font-size: 1.5em;
	line-height: 1.2em;
	background-image: url(../../fileadmin/framework/dotted.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 0.5em;
	margin-bottom: 1.2em;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #40535A;
	font-size: 1.5em;
	line-height: 1.2em;
}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6em;
}
.small{
	font-size: 0.9em;
	color: #A0A2A4;
	margin-left: 43px;
	margin-right: 43px;
}
/* ie */
*html .small{
	margin-left: 21px;
	margin-right: 21px;
}


/* aufzählungen */
ul{
	margin-left: 1.2em;
}
li{
	list-style-image: url(../../fileadmin/framework/list.gif);
	line-height: normal;
}

/* aufzählungen ie */
*html ul{
	margin-left: 1.5em;
}
*html li{
	list-style-image: url(../../fileadmin/framework/list_ie.gif);
}

/* links */
a{
	color: #808080;
	text-decoration: underline;
}
a:hover{
	color: #F89B3A;
	text-decoration: none;
}
#copy a{
	color: #A0A2A4;
}
#copy a:hover{
	color: #F89B3A;
}
#link a{
	color: #547078;
	text-decoration: none;
}
#link a:hover{
	color: #547078;
	text-decoration: underline;
}



/*
==================
*** NAVIGATION ***
==================
*/

#navi{
	width: 15em;
	height: auto;	
	background-color: #C57C09;
	margin-bottom: 3em;
	z-index: 5;
}
/* hauptnavigation */
#navi ul{
	margin-left: 0em;
	margin-bottom: 1px;
	border-bottom: 1px solid #FBD79D;
}
#navi ul li{
	border-top: 1px solid #FBD79D;
	list-style-type: none;
	list-style-image: none;
	margin-top: 1px;
}
#navi ul li a{
	background-image: url(../../fileadmin/framework/bg_navi.gif);
	background-color: #FBD79D;
	color: #7B4E07;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 1.2em;
	width: 14.4em;
	padding: 0.3em;
}
/* ie */
*html #navi ul li a{
	width: 15em;
	height: 1.8em;
}

#navi ul li a:hover, #navi ul li a.act{
	background-color: #F6A81D;
	background-image: none;
}
#navi ul li ul{
	border-bottom: 1px solid #FBD79D;
	margin-bottom: 0em;
}
#navi ul li ul li{
	/* list-style-image: url(../../fileadmin/framework/navi.gif); */
	border-top: 1px solid #C57C09;
	margin-top: 0em;
}

/* subnavigation */
#navi ul li ul li a{
	color: #C57C09;
	background-image: none;
	background-color: #FBD79D;
	font-weight: normal;
}
#navi ul li ul li a:hover, #navi ul li ul li a.act{
	font-weight: bold;
	background-color: #FBD79D;
}


/* top navigation */
#topNavi{
	position: absolute;
	top: -0.1em;
	left: 15em;
	z-index: 5;
}
#topNavi a{
	color: #7B4E07;
	font-weight: bold;
	text-decoration: none;
}
#topNavi a:hover{
	color: #C57C09;

}
#topNavi .line{
	color: #7B4E07;
	font-weight: bold;
	font-size: 1.6em;
}

/*
===========
*** SET ***
===========
*/

#set{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 85em;
	z-index: 0;
	text-align: left;
}
#wrapper, #wrapperHome{
	position: relative;
	top: 1.5em;
	left: 0;
	width: 85em;
	height: auto;
	background-color: #F6A81D;
	z-index: 1;
	padding-top: 11.1em;
	text-align: left;
}
#leftCol{
	position: absolute;
	top: 14.9em;
	width: 15em;
	z-index: 5;
}
#textfield{
	position: relative;
	left: 15em;
	width: 62em;
	min-height: 45.3em;
	height: auto;
	background-color: #F2F2F2;
	padding: 1.8em 4em 3.6em 4em;
	z-index: 4;
}
#text,#textHome{
	position: relative;
	z-index: 5;
	font-size: 1.1em;
	min-height: 41.9em;
}
#text li{
	line-height: 1.6em;
}

/*
================
*** ELEMENTS ***
================
*/

#logo{
	position: relative;
	top: 0;
	left: 3.8em;
	z-index: 1;
}
#end{
	position: absolute;
	background-image: url(../../fileadmin/framework/dotted.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 62em;
	height: 1.8em;
	z-index: 5;
}

#footer{
	position: relative;
	margin: auto;
	width: 77em;
	padding: 1.6em 4em 0em 4em;
	z-index: 5;
}
/* ie */
*html #footer{
	width: 85em;
}

#copy{
	float: left;
	font-size: 0.9em;
	color: #A0A2A4;
}
#link{
	float: right;
	font-size: 0.9em;
}
#address{
	margin-right: 2em;
	text-align: right;
}
#address p{
	color: #7B4E07;
	font-size: 0.9em;
	line-height: normal;
	margin-bottom: 1em;
}

/*
=============
*** DEKOS ***
=============
*/

#cornerBottomLeft, #cornerBottomLeftWp, #cornerBottomRight, #cornerCenterBottom, #cornerTopRight{
	position: absolute;
	bottom: 0;
	width: 4.5em;
	height: 4.5em;
	z-index: 4;
}
#cornerBottomLeft,#cornerBottomLeftWp, #cornerCenterBottom{
	left: 0;
}
#cornerBottomRight, #cornerTopRight{
	right: 0em;
}
#cornerTopRight{
	top: 0;
}
#cornerBottomLeft img, #cornerBottomLeftWp img, #cornerBottomRight img, #cornerCenterBottom img, #cornerTopRight img{
	width: 4.5em;
	height: 4.5em;
}
#cornerTopLeft{
	position: absolute;
	top: 0;
	left: 0;
	width: 32.4em;
	height: 40.4em;
	z-index: 2;
}
#cornerTopLeft img{
	width: 32.4em;
	height: 40.4em;
}
#cornerCenterTop{
	position: absolute;
	top: 0;
	left: 0;
	width: 29.9em;
	height: 29.3em;
	z-index: 4;
}
#cornerCenterTop img{
	width: 29.9em;
	height: 29.3em;
}
#topImg{
 position: absolute;
 top: 0;
 right: 0;
 width: 52.6em;
 height: 11.1em;
 z-index: 2;
}
#topImg img{
 width: 52.6em;
 height: 11.1em;
}


/*
================
*** FORMULAR ***
================
*/

.csc-mailform{
	border:0px;
}

.csc-mailform-radio fieldset label{
	float: left;
	width:auto;
	margin-right: 2em;
}

.csc-mailform-field{
	float: left;
	margin-bottom: 2px;
}

.csc-mailform-field label{
	float: left;
	width: 12em;
	padding-top: 2px;
}

input, select, textarea{
	width: 24em;
	color: #40535A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #F6A81D;
	background-color: #F2F2F2;
	padding: 0.1em;
}

textarea{
	width: 16.5em;
}
/* ie */
*html textarea{
	width: 24em;
}
*+html textarea{
	width: 24em;
}
.formradio, .formcheckbox{
	border:0px;
	width:auto;
	background-color: transparent;
	margin-left: 12em;
}

.formbutton{
	clear: both;
	width:auto;
	color: #F6A81D;
	border:1px solid #F6A81D;
	background-color: #F2F2F2;
}



/*
================
*** HOMEPAGE ***
================
*/

#wrapperHome{
	background-image: url(../../fileadmin/framework/bg_home.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 1.5em;
}
#textfieldhome{
	position: relative;
	left: 15em;
	width: 43.1em;
	height: 40.9em;
	background-color: #F2F2F2;
	padding: 1.8em 9em 3.6em 4em;
	z-index: 4;
}
#topImgHome{
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 52.6em;
 	height: 15.6em;
 	z-index: 2;
}
#topImgHome img{
 	width: 52.6em;
 	height: 15.6em;
}
#dekoHome{
	position: absolute;
	top: 13.5em;
	right: 0.6em;
	width: 18.7em;
	z-index: 5;
}
#dekoHome img{
	width: 18.7em;
	height: 9.8em;
	margin-bottom: 0.5em;
}


/*
=============
*** HACKS ***
=============
*/

html*#textfieldhome{
	width: 43.1em;# /* wird in Safari angezeigt */
	width: 56.2em; /* wird in ie6 angezeigt und von safari ignoriert */
}
html*#textHome{
	height: 30em;# /* wird in Safari angezeigt */
	height: 37.3em; /* wird in ie6 angezeigt und von safari ignoriert */
}
html*#imgTop, html*#imgTop img{
	width: 52.4em;# /* wird in Safari angezeigt */
	right: -0.1em;#
	width: 52.4em; /* wird in ie6 angezeigt und von safari ignoriert */
	right: -0.1em;
}
html*#textfield{
	width: 62.1em;# /* wird in Safari angezeigt */
	width: 70em;/* wird in ie6 angezeigt und von safari ignoriert */
}
html*#cornerBottomRight, html*#cornerTopRight{
	margin-right: 0;# /* wird in Safari angezeigt */
	margin-right: -1px; /* wird in ie6 angezeigt und von safari ignoriert */
}
html*#cornerBottomLeftWp{
	margin-bottom: -1px;
}


/* ie */
*html #text{
	height: 40.1em;
}

/* ie7 */
*+html #textfieldhome{
	width: 43.1em;
}
*+html #texthome{
	height: 30em;
}
*+html #textfield{
	width: 61.9em;
}
*+html #cornerBottomLeftWp{
	margin-bottom: 0;
}
*+html #imgTop, *+html #imgTop img{
	right: 0;
}
*+html #cornerBottomRight, *+html #cornerTopRight{
	margin-right: 0;
}