/* Styles for xxx */

* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
background-color: #EE7C3E;
color: #000;
background-image: url(../images/bg_glob.gif);
background-repeat: repeat-x;
}

p, li {
font-size: 100%;
}

#content {
font-size:80%;
}

#content a {
border-bottom: 1px dotted #17499C;
}

#content a:hover {
border-bottom: 1px solid black;
}

/* mainboxes */

#whitetop {
	background-color:white;
	left: 0;
	top: 0;
	height:20px;
}

#logo {
position: absolute;
z-index:1;
background: transparent url(../images/logo2.gif) no-repeat top left;
top: 20px;
left: 40px;
width: 135px;
height: 132px;
}

#logo a {
display: block;
width: 135px;
height: 132px;
border:none;
}

#header {
position: absolute;
background: #E9E4D9 url(../images/bg_topright.gif) repeat-y top right;
top: 20;
left: 0;
width: 100%;
height: 132px;
color: #000;
}

#header .kopfbild img {
	margin:0 0 0 228px;
	padding:0;
	border-left:1px solid white;
}
	
#header .claim {
position:absolute;
padding-left: 50px;
width:100%;
height:70px;
background: transparent url(../images/claim.gif) no-repeat top left;
}

#header img {
border:none;
padding-left:38px;
padding-top: 5px;
}

#header a {
display: block;
width: 153px;
height: 130px;
border:none;
}

#wrapper {
margin: 132px 0px 0px 228px;
background: #F9F3E7 url(../images/bg_middleright.gif) repeat-y top right;
color: #000;
}

#content {
margin: 0px 239px 0px 0px;
padding: 0px 20px 1em 20px;
background-color: #F7F0E0;
color: #000;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

#content .minheight {
padding:0;
margin:0;
border:0;
min-height:301px;
}

#menu {
position: absolute;
top: 152px;
left: 0px;
color: #000;
width:228px;
}

/*#links {
position: absolute;
top: 120px;
left: 10px;
width: 180px;
border: 1px solid #0000ff;
}*/

#rechts {
position: absolute;
top: 152px;
right: 0;
width: 239px !important;
width: 238px;
margin-top: 0em;
}

#footer {
height: 80px;
background-color: #7B716B;
color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
clear: both;
font-size:70%;
padding-left:248px;
}

#footer a {
text-decoration: none;
border-bottom: 1px dotted #ED9768;
}
#footer a:link {
background-color: transparent;
color: #ED9768;
}
#footer a:visited {
background-color: transparent;
color: #ED9768;
}
#footer a:hover {
background-color: transparent;
color: #000;
border-bottom: 1px solid black;
}


/* top-menue */
#menu ul.topmen {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#menu ul.topmen li {
border-bottom: 1px solid #fff;
background-color: #F08D57;
background-color: #F08D57;
color: #000;
}

/* hauptpunkt aktiv */
#menu ul.topmen li.mainact {
font-weight:bold;
background-color:#F5B591;
}

#menu ul.topmen li.subact {
padding-left:10px;
font-weight:bold;
background-color: #F5B591;
color: #000;
}
#menu ul.topmen li.subact2 {
padding-left:10px;
font-weight:bold;
background-color: #fdddca;
color: #000;
}

#menu ul.topmen li.sub {
padding-left:10px;
background-color: #F5B591;
color: #000;
}
#menu ul.topmen li.sub2 {
padding-left:10px;
background-color: #fdddca;
color: #000;
}
#menu ul.topmen a {
display:block;
text-decoration: none;
color: #000;
padding: 2px 5px 2px 50px;
font-size:70%;
min-height:14px;
}
#menu ul.topmen a:hover {
border: 0 none;
background-color: #FAD6C3;
}

#menu ul.topmen a span {
display: none;
background-color: #f4e9d0;
color: #000;
}
#menu ul.topmen a:hover span {
display: block;
position: absolute;
top: 4em;
left: 10px;
width: 160px;
padding-top: 36px;
}
#menu ul.topmen a:hover span br {
display: none;
}
#menu ul.topmen a:hover span img {
display: block;
}
#menu ul.topmen a:hover span.aa {
background-image: url(../images/micro-ew-orange.jpg);
background-repeat: no-repeat;
}
#menu ul.topmen a:hover span.bb {
background-image: url(../images/micro-css-design.gif);
background-repeat: no-repeat;
}
#menu ul.topmen a:hover span.cc {
background-image: url(../images/micro_ew_forum.gif);
background-repeat: no-repeat;
}
#menu ul.topmen a:hover span.dd {
background-image: url(../images/micro-guestb2.gif);
background-repeat: no-repeat;
}
#menu ul.topmen a:hover span.ee {
background-image: url(../images/ff-info.gif);
background-repeat: no-repeat;
}


/* headings */

h1,h2,h3,h4 {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color: transparent;
color: #EE5807;
padding: 20px 0px 20px 0px;
}
h1 {
font-size: 150%;
}
h2 {
font-size: 130%;
}
h3 {
font-size: 115%;
}
h4 {
font-size: 100%;
}
#content p, #content ul {
max-width: 420px;
padding: 10px 0px 10px 0px;
line-height: 140%;
margin: 0;
}

#content ul {
padding-left: 30px;
}


#content li { 
	line-height: 2.5ex; 
	list-style-type: none;
	border-top:1px solid #FFFFFF;	
	border-bottom:1px solid #C2D2A6;	
	background: #E9E4D9; 
	padding: 5px 10px 5px 15px;
	margin-bottom: 5px;
	margin-left: -40px;
}	


#footer p {
padding-top: 10px;
}

/* teaser */
#rechts .teaser {
margin: 10px 5px 0px 10px;
background-color: #ebd7ab;
color: #000;
}
#rechts .teaser h4 {
font-size: 80%;
margin: 0 0 5px 0;
padding: 2px;
background-color: #8d6a21;
color: #fff;
}
#rechts .teaser p {
font-size: 75%;
line-height: 140%;
padding: 2px;
}
/* */

/* links */
a {
text-decoration: none;
}
a:link {
background-color: transparent;
color: #17499C;
}
a:visited {
background-color: transparent;
color: #17499C;
}
a:hover {
background-color: transparent;
color: #000;
}
a:active {
background-color: transparent;
color: #a00;
}
a:focus {
background-color: transparent;
color: #a00;
}

/* others */

.invis, hr {
display: none;
}
img {
border: 0 none;
}
code {
font-size: 120%;
background-color: transparent;
color: #c0c;
}

/* tabelle kontaktformular */
.csc-form-labelcell {
	vertical-align			:	top;
	padding-right			:	1em;
}

.csc-form-label-req {
	padding:0px;
	margin:0px;
}

.csc-form-fieldcell INPUT, .csc-form-fieldcell TEXTAREA {
	border:1px solid #656565;	
	font: 8pt verdana, arial, helvetiva, sans-serif;  
	color: #000; 
	width: 250px;
	margin-bottom:5px;
	}	

.csc-form-fieldcell INPUT:focus, .csc-form-fieldcell TEXTAREA:focus { border:1px solid #ee7c3e; background: #fff; }

.csc-form-fieldcell INPUT:hover, .csc-form-fieldcell TEXTAREA:hover { border:1px solid #ee7c3e; background: #fff; }

.angebotsbox {
	background:white; 
	padding:10px; 
	margin:0 10px 0 0; 
	border:1px solid white; 
	width:300px; 
	float:left;
	min-height:200px;
}
.angebotsbox h2 {
	margin-top:0px;
	padding-top:0px;
}

.floatleft {
	float:left;
}

.bildlinks {
	float:left;
	margin-right:10px;
}
.clearleft {
	clear:left;
}
/*****formular*****/
legend {
	display:none;
}
label {
	display:block;
	width:300px;
}
.powermail_text {
	margin-top:10px;
	margin-bottom:10px;
	height:20px;
}
fieldset {
	border:0;
}