/* CSS Document */

body { 
margin : 20px 0 0 0; 
padding : 0; 
background-color: #bce8f2;

} 
div, p, h1, h2, h3, ul, li, a, form, input, label, img { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
.spacer { 
line-height : 0; 
font-size : 0; 
clear : both; 
} 
.iconspan { 
float : right; 
margin : 6px; 
cursor : pointer; 
font-weight : bold; 
} 
#container { 
margin : 0 auto; 
padding : 0 0 0 0; 
width : 1000px; 
position : relative;
background-color:#FFFFFF;
}

.t {
	background: transparent url(Bilder/dot.jpg) 0 0 repeat-x;
	width: 224px;
	float: left;
	
}
.b {background: url(Bilder/dot.jpg) 0 100% repeat-x}
.l {background: url(Bilder/dot.jpg) 0 0 repeat-y}
.r {background: url(Bilder/dot.jpg) 100% 0 repeat-y}
.bl {background: url(Bilder/bl.jpg) 0 100% no-repeat}
.br {background: url(Bilder/br.jpg) 100% 100% no-repeat}
.tl {background: url(Bilder/tl.jpg) 0 0 no-repeat}
.tr {background: url(Bilder/tr.jpg) 100% 0 no-repeat; padding:10px} 

#highlight{
	background: transparent url(Bilder/dot.jpg) top repeat-x ;
	width:224px;
	padding:0 0 0 0;
	float:left;
	margin:0 0 10px 28px;
}

.highlight-bg{
	width:224px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	
	}
	
#highlight h1{
	font:bold 14px/14px Lucida Sans;
	color:#005286; padding:5px 0 10px 0;
	}
	
#highlight h2{
	font:bold 14px/14px Lucida Sans;
	color:#005286; padding:10px 0 10px 0;
	}
	
#highlight p{
	font:normal 12px/16px "Arial", Arial, Helvetica, sans-serif;
	color:#282828; 	padding:0px 15px 0px 5px; margin:0 0 0 0; 
	}


#bg { 
margin : 0 auto; 
padding : 0 0 0 0; 
width : 1000px; 
background-color:#FFFFFF;
float:left;
}

#header { 
width : 741px; 
height : 251px; 
margin : 30px 0 0 20px; 
padding : 0; 
float : left; 
display:inline;
} 

#marken { 
width : 206px; 
height : 260px; 
margin : 30px 0 0 20px; 
padding : 0; 
float : left;
background : #fff url(Bilder/bg-marken.jpg) no-repeat 0 0; 
display:inline;
} 

#marken p {
	font : normal 13px/18px Arial;
	color : #1f6599;
	margin : 0 0 0 0;
	padding : 5px 0 0 12px;
	float:left;
	width: 180px

}

#kollektion { 
width : 206px; 
height : 177px; 
margin : 15px 0 0 20px; 
padding : 0; 
float : left;
background : #fff url(Bilder/bgkollektion.jpg) no-repeat 0 0; 
display:inline;
} 

#kollektion p {
	font : normal 13px/18px Arial;
	color : #1f6599;
	margin : 0 0 0 0;
	padding : 5px 0 0 5px;
	float:left;
	width: 180px

}

#kollektion p a{
	font : bold 13px/18px Arial;
	color : #1f6599;
	margin : 0 0 0 0;
	padding : 0;
	float:left;
	width: 206px;
	text-align:center;
	text-decoration:none;

}

#kollektion p a:hover{
	font : bold 13px/18px Arial;
	color : #1f6599;
	margin : 0 0 0 0;
	padding : 0;
	text-align:center;
	text-decoration:underline;
	

}

#marken .ani {
	
	margin : 0 0 0 14px;
	padding : 0 0 0 0;
	float:left;
	width: 180px;
	height: 103px;

} 

#marken ul {
	margin:7px 10px 0 0;
	padding:0;
	float:right;
	display:inline;
}

	#marken ul li {float:left;margin:0 0 0 0; padding:0; text-align:center;}

	#marken ul li a {
	margin:0 0 0 0;
	padding:0 0 0 0;
	display: block;
	font : bold 14px/14px Lucida Sans;
	text-decoration:none;
}
	

#marken ul li a.button1 {background-image:url(Bilder/button-marken.jpg); width:157px; height:19px; color: #313131; }
#marken ul li a:hover.button1 { background-image:url(Bilder/button-marken-over.jpg); width:157px; height:19px; color:#FFFFFF;}



#header ul { 
position : absolute; 
left : 33px; 
top : 210px; 
margin : 0; 
padding : 0; 
list-style : none; 
} 
#header ul li { 
width : 83px; 
margin : 0 1px 0 0; 
float : left; 
} 
#header ul li a { 
font : bold 11px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; 
color : #c8c8c8; 
text-align : center; 
text-decoration : none; 
text-transform : uppercase; 
height : 48px; 
display : block; 
} 
#header ul li a.home { 
background : url(Bilder/header_nav_bg.gif) no-repeat 0 0; 
font : bold 11px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; 
color : #191919; 
text-align : center; 
text-decoration : none; 
text-transform : uppercase; 
background-color : #cccccc; 
} 
#header ul li a:hover { 
background : #cccccc url(Bilder/header_nav_bg.gif) no-repeat 0 0; 
color : #191919; 
} 
#header1 { 
width : 1000px; 
height : 162px; 
padding : 0 0 0 0; 
float : left; 
background : #fff url(Bilder/bg-header.jpg) no-repeat 0 0; 
} 

img {
	behavior:	url("pngbehavior.htc");
}

#header1 p.logo { 
width : 421px; 
height : 147px; 
padding : 0 0 0 0; 
margin : 0 0 0 0; 
float : left; 
} 
	#header1 ul.nav {
	margin : 0 auto;
	padding : 0;
	list-style : none;
	width : 280px;
	float : right;
	padding : 25px 0 0 10px;
	} 
	
	#header1 ul.nav li {
	font : 12px/13px "Arial", Helvetica, sans-serif;
	color : #5d909c;
	float : left;
	} 
	
	#header1 ul.nav li a {
	background : #ffffff url(Bilder/header_pfeil.jpg) no-repeat 0 4px;
	font : 12px/13px "Arial", Helvetica, sans-serif;
	color : #5d909c;
	text-decoration : none;
	padding : 0 5px 0 0;
	} 
	
	#header1 ul.nav li a:hover {
	background : #ffffff url(Bilder/header_pfeil-over.jpg) no-repeat 0 4px;
	color : #115588;
	padding : 0 5px  0 0;
	text-decoration : none;
	} 

#navi ul {
	margin:0 17px 0 0;
	padding:0;
	float:right;
}

	#navi ul li {float:left;margin:0 0 0 0;padding:0; text-align:center;}
	
	#navi ul li a {
	margin:0 0 0 0;
	padding:0 0 0 0;
	display: block;
	font : bold 14px/14px Lucida Sans;
	text-decoration:none;
}
	
	#navi ul li a.button1 {background-image:url(Bilder/button-willkommen.jpg); margin:64px 0 0 0; width:189px; height:60px; color: #313131; }
	#navi ul li a.button2 {background-image:url(Bilder/button-portrait.jpg); margin:82px 0 0 0;width:133px; height:42px; color: #313131; }
	#navi ul li a.button3 {background-image:url(Bilder/button-aktuelles.jpg); margin:82px 0 0 0;width:135px; height:42px; color: #313131; }
	#navi ul li a.button4 {background-image:url(Bilder/button-kollektion.jpg); margin:82px 0 0 0;width:151px; height:42px; color: #313131; }
	#navi ul li a.button5 {background-image:url(Bilder/button-kontakt.jpg); margin:82px 0 0 0;width:137px; height:42px; color: #313131; }
	
	
	
	#navi ul li a:hover.button1 { background-image:url(Bilder/button-willkommen-over.jpg); width:189px; height:60px; color:#FFFFFF;}
	#navi ul li a:hover.button2 { background-image:url(Bilder/button-portrait-over.jpg); width:133px; height:42px; color:#FFFFFF;}
	#navi ul li a:hover.button3 { background-image:url(Bilder/button-aktuelles-over.jpg); width:135px; height:42px;  color:#FFFFFF;}
	#navi ul li a:hover.button4 { background-image:url(Bilder/button-kollektion-over.jpg); width:151px; height:42px;  color:#FFFFFF;}
	#navi ul li a:hover.button5 { background-image:url(Bilder/button-kontakt-over.jpg); width:137px; height:42px; color:#FFFFFF;}
	
	
	#navi ul li a.button1-current {background-image:url(Bilder/button-willkommen-over.jpg); width:189px; height:60px; color:#FFFFFF;}
	#navi ul li a.button2-current {background-image:url(Bilder/button-portrait-over.jpg); width:133px; height:42px; color:#FFFFFF; }
	#navi ul li a.button3-current {background-image:url(Bilder/button-aktuelles-over.jpg); width:135px; height:42px;  color:#FFFFFF; }
	#navi ul li a.button4-current{background-image:url(Bilder/button-kollektion-over.jpg); width:151px; height:42px;  color:#FFFFFF; }
	#navi ul li a.button5-current {background-image:url(Bilder/button-kontakt-over.jpg); width:137px; height:42px; color:#FFFFFF;}
	

#sec_navigation li a { 
height : 20px; 
voice-family : "\"}\""; 
voice-family : inherit; 
height : 20px; 
text-decoration : none; 
} 
#sec_navigation li a:link, #sec_navigation li a:visited { 
font : bold 12px/17px "Arial", Arial, Helvetica, sans-serif; 
color : #fff; 
display : block; 
background-color : #524e45; 
padding : 3px 0 1px 20px; 
} 
#sec_navigation li a:hover { 
font : bold 12px/17px "Arial", Arial, Helvetica, sans-serif; 
color : #fff; 
background-color : #434038; 
padding : 3px 0 1px 20px; 
} 
#sec_navigation li a.bg:link, #sec_navigation li a.bg:visited { 
background-color : #434038; 
} 
#left-bg { 
width : 23px; 
padding : 0 0 0 0; 
margin : 0 0 0 0; 
float : left; 
} 

#left-bg-unten { 
width : 23px; 
padding : 0 0 0 0; 
margin : 0 0 0 0; 
float : left;

} 

#middle { 
width : 1000px; 
padding : 0 0 0 0; 
float : left; 
} 

#sec-contend {
	width : 688px;
	height:122px;
	padding : 0 0 0 0;
	float : left;
	margin : 0 0 0 0;
	background : transparent url(Bilder/highlight-leistungen.jpg) no-repeat;
} 

#sec-contend h2 { 
font : normal 18px Arial, serif; 
color : #b3bda7; 
padding: 10px 0 5px 160px; 
} 

#sec-contend h2 a { 
font : normal 18px Arial, serif; 
color : #b3bda7; 
text-decoration : none; 
} 

#sec-contend h2 a:hover { 
font : normal 18px Arial, serif; 
color : #b3bda7; 
text-decoration : underline; 
} 

#sec-contend p.sec{ 
font : normal 14px/20px Arial, sans-serif; 
color : #795454; 
padding : 0 15px 0 160px; 
margin : 0 0 0 0; 
} 

#sec-contend a.sec{
	font : bold 13px/20px Lucida Sans;
	color : #050601;
	padding : 0 15px 0 0;
	margin : 0 0 0 0;
	text-decoration:none;
} 

#sec-contend a:hover.sec{ 
font : bold 13px/20px Lucida Sans; 
color : #fff; 
padding : 0 15px 0 0; 
margin : 0 0 0 0;
text-decoration:none;
} 

#contend {
	width : 733px;
	padding : 0 0 15px 0;
	float : left;
	margin : 0 0 15px 20px;
	background: transparent url(Bilder/bg-content.jpg) no-repeat bottom;
	display: inline;
} 

#contend h1 {
	font : bold 15px Arial;
	color : #145484;
	padding : 0 0 13px 28px;
} 

#contend h3 {
	font : bold 14px Lucida Sans;
	color : #a79363;
	padding : 25px 0 13px 37px;
} 

#contend h2 a { 
font : bold 14px Arial, Helvetica, sans-serif; 
color : #749205; 
text-decoration : none; 
} 
#contend h2 a:hover { 
font : bold 14px Arial, Helvetica, sans-serif; 
color : #749205; 
text-decoration : underline; 
} 
#contend h2 span { 
font : bold 15px Arial, Helvetica, sans-serif; 
color : #51524e; 
padding : 0 0 0 0; 
} 

#contend p {
	font : normal 13px/18px Arial, sans-serif;
	color : #115588;
	padding : 0 15px 0 28px;
	margin : 0 0 0 0;
} 

#contend tr td p {
	font : normal 13px/18px Arial, sans-serif;
	color : #115588;
	padding : 0 0 0 28px;
}


#contend span { 
font : normal 11px/20px Arial; 
} 
#contend ul.sitemap {
	font : normal 13px/16px "Arial", Arial, Helvetica, sans-serif;
	color : #6d6d6d;
	padding : 0 15px 0 37px;
	margin : 0 0 0 0;
} 
#contend ul.sitemap-u1 { 
font : normal 12px/16px "Arial", Arial, Helvetica, sans-serif; 
color : #51524e; 
padding : 0 15px 0 25px; 
margin : 0 0 0 0; 
} 
#contend ul.sitemap-u2 { 
font : normal 12px/16px "Arial", Arial, Helvetica, sans-serif; 
color : #51524e; 
padding : 0 15px 0 30px; 
margin : 0 0 0 0; 
} 
#contend ul.text { 
padding : 0 0 0 15px; 
list-style : none; 
color : #51524e; 
} 
#contend ul.text { 
font : bold 14px/32px Arial, Helvetica, sans-serif; 
color : #51524e; 
background-color : #edeee7; 
margin : 0 0 10px 0; 
padding : 0 0 0 20px; 
display : block; 
} 
#contend span.contendText { 
font : normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
color : #51524e; 
border : none; 
width : 222px; 
margin : 0 0 13px 23px; 
background-color : #ffffff; 
display : block; 
} 
#contend p.more { 
text-align : center; 
margin : 0 0 0 0;
float : right; 

} 
#contend p.more a { 
background : url(Bilder/mehrinfo-button.jpg) no-repeat;
float:left;
margin : 0 0 0 0; 
font : bold 11px/11px Arial; 
color : #b3bda7; 
text-decoration : none; 
padding : 8px 0 0 0; 
width : 95px; height: 26px;

} 
#contend p.more a:hover { 
font : bold 11px/11px Arial; 
background : url(Bilder/mehrinfo-button.jpg) no-repeat;
float : left; 
color : #cf7142; 

} 

#titel { 
font : bold 14px/25px "Arial", Arial, Helvetica, sans-serif; 
color : #51524e; 
padding : 0 0 0 10px; 
float : left; 
width : 470px; 
} 
#contend a {
	font : normal 12px/20px Arial, sans-serif;
	color : #115588;
	text-decoration : underline;
} 
#contend a:hover {
	font : normal 12px/20px Arial, sans-serif;
	color : #115588;
	text-decoration : none;
} 

#contend a.leistungen{ 
font : bold 14px/20px Lucida Sans; 
color : #050601; 
padding : 0 15px 0 80px; 
margin : 0 0 0 0; 
text-decoration:none;
} 

#contend a:hover.leistungen{ 
font : bold 14px/20px Lucida Sans; 
color : #fff; 
padding : 0 15px 0 80px; 
margin : 0 0 0 0;
text-decoration:none;
} 

.red { 
color : #d3443e; 
} 
.purple { 
color : #912825; 
} 
#contend span.FAILER { 
font : normal 12px/16px "Arial", Arial, Helvetica, sans-serif; 
color : #d3443e; 
padding : 0 15px 0 20px; 
margin : 0 0 0 0; 
} 
#inc_form { 
background : url(gfx/_form_bg.gif) repeat-x; 
width : 564px; 
padding-left : 20px; 
color : #586e0a; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
margin : 0 0 10px 0; 
} 
#inc_form h2 { 
background-color : #81a306; 
color : #ffffff; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px; 
padding : 6px 0 6px 8px; 
margin : 0; 
} 
#inc_form input { 
background : #f1f4eb url(gfx/_form_bg_input.gif) repeat-x; 
border : 1px solid #81a306; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
padding : 3px 0 0 3px; 
height : 17px; 
width : 170px; 
} 
#inc_form input.button { 
border : 0; 
width : 138px; 
height : 24px; 
margin : 5px 0 0 83px; 
padding : 0 0 0 0; 
} 

#right {
width : 206px; 
margin : 12px 0 0 20px; 
padding : 0; 
float : left;

display:inline;
} 
#right p.more {
	color : #a79363;
	text-align : left;
	margin : 5px 0 0 0;
	float : left;
	width : 183px;
	background: transparent url(Bilder/pfeil-icon.png) no-repeat 22px 10px;
} 
#right p.more a {
	margin : 0 0 0 0;
	font : 12px/17px Arial;
	color : #a79363;
	text-decoration : none;
	padding : 0 25px 5px 15px;
	width : 200px;
} 
#right p.more a:hover {
	color : #a79363;
	text-decoration : underline;
} 

#baghera {
	width : 206px;
	height:183px;
	margin : 15px 0 15px 0;
	padding : 0 0 0 0;
	float : left;


}
 
#baghera h1 {
	font : bold 14px/18px Arial;
	color : #fff1cf;
	padding : 10px 0 0 20px;
	margin : 127px 0 0 0;
	float : left;
	
} 

#informationen {
	width : 206px;
	height:183px;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	float : left;
	background : #fff url(Bilder/bg-anfahrt.jpg) no-repeat 0 0;


} 

#informationen ul {
	margin:0 10px 0 0;
	padding:0;
	float:right;
	display:inline;
}

	#informationen ul li {float:left;margin:0 0 0 0; padding:0; text-align:center;}

	#informationen ul li a {
	margin:0 0 0 0;
	padding:0 0 0 0;
	display: block;
	font : bold 14px/14px Lucida Sans;
	text-decoration:none;
}
	

#informationen ul li a.button1 {background-image:url(Bilder/button-anfahrt.jpg); width:88px; height:24px; color: #313131; }
#informationen ul li a:hover.button1 { background-image:url(Bilder/button-anfahrt-over.jpg); width:88px; height:24px; color:#FFFFFF;}

 
#informationen h1 {
	font : bold 14px/18px Lucida Sans;
	color : #a79363;
	padding : 10px 0 0 20px;
	margin : 0 0 0 0;
	float : left;
	
} 

#informationen h2 {
	font : bold 15px/22px Lucida Sans;
	color : #a79363;
	padding : 5px 0 0 50px;
	margin : 0 0 0 0;
	width: 180px;
	float:left;
	background: url(Bilder/tel-icon.jpg) no-repeat 21px 5px;
} 

#informationen h3 {
	font : bold 18px/24px Arial, serif;
	color : #201210;
	padding : 5px 0 0 70px;
	margin : 0 0 0 0;
	width: 140px;
	float: left;
	background : url(Bilder/telefon.jpg) no-repeat 21px 3px;
	height: 40px;
} 

#informationen h3 span { 
font : normal 10px/12px Arial, serif;  
color : #201210; 
padding : 5px 0 0 0px; 
margin : 0 0 0 0;
} 

 
#informationen p {
	font : normal 13px/18px Arial;
	color : #1f6599;
	margin : 0 0 0 0;
	padding : 5px 0 0 12px;
	float:left;
	width: 180px

} 

#informationen p span { 
font : bold 13px/30px Arial; 
padding : 0 25px 0 0; 
background : url(Bilder/tel.jpg) no-repeat 95px 0; 
} 
#referenzen { 
width : 213px; 
margin : 0 0 10px 0; 
padding : 0 0 0 0; 
float : left; 
background : #ffffff url(Bilder/bg_informationen.jpg) no-repeat 0 0; 
} 
#referenzen ul { 
font : normal 12px Arial, Helvetica, sans-serif; 
color : #51524e; 
margin : 0 0 0 0; 
padding : 0 0 0 0; 
display : block; 
} 
#referenzen h2 { 
background : url(Bilder/titel-bg-right.jpg) repeat 0 0; 
font : bold 13px/29px "Arial", Arial, Helvetica, sans-serif; 
color : #51524e; 
width : 176px; 
height : 29px; 
padding : 0 0 0 37px; 
margin : 0 0 0 0; 
float : left; 
} 
#referenzen p { 
font : normal 12px Arial, Helvetica, sans-serif; 
color : #51524e; 
margin : 0 0 0 0; 
padding : 10px 0 0 30px; 
float : left; 
width : 180px; 
} 
#referenzen p span {
font : bold 12px "Arial", Arial, Helvetica, sans-serif;
background-color:#81a306;
color : #fff;
padding:2px 5px 2px 5px;
display : block; 
margin : 10px 10px 0 0; 
} 

#nav_infos { 
width : 180px; 
float : left; 
padding : 0 0 10px 30px; 
} 
#nav_infos ul { 
width : 180px; 
display : block; 
} 
#nav_infos ul li { 
height : 16px; 
padding : 0 0 0 0; 
} 
#nav_infos ul li a { 
background : url(Bilder/pfeil.jpg) no-repeat 0 4px; 
font : bold 11px/16px Arial; 
color : #51524e; 
text-decoration : none; 
padding : 0 0 0 15px; 
} 
#nav_infos ul li a:hover { 
background : url(Bilder/header_pfeil-over.jpg) no-repeat 0 4px; 
text-decoration : underline; 
} 

#footerOutside { 
margin : 0 ; 
padding : 0 0 0 0; 
width : 1000px; 

} 
#footer {
	width : 1000px;
	height : 38px;
	margin : 0 auto;
	padding : 0 0 0 0;
	float:left;
	background : transparent url(Bilder/bg-footer.jpg) no-repeat;
}


#footer-copyright{
	width:510px;
	margin:0 auto;
	padding:0 0 0 20px;
	float:left;
	}

#footer-baseplus{
	width:440px;
	height:35px;
	margin:0 auto;
	padding:0 0 0 0;
	float:right;
	text-align:right;
	background:url(Bilder/logo-baseplus.jpg) no-repeat 405px 5px;
	}
	
#footer-baseplus p{
	padding:0 40px 0 0;
	}


#footer-bg { 
height : 21px; 
margin : 0 0 0 0; 
padding : 0 0 0 0; 
} 

#footer ul.nav { 
margin : 0 auto; 
padding : 0; 
list-style : none; 
width : 490px; 
} 
#footer ul.nav li { 
font : bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; 
color : #000000; 
background-color : #e1e1e1; 
float : left; 
} 
#footer ul.nav li a { 
font : bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; 
color : #000000; 
background-color : #e1e1e1; 
padding : 0 9px; 
text-decoration : none; 
} 
#footer ul.nav li a:hover { 
background-color : #efecec; 
color : #000000; 
} 
#footer p {
	font : normal 12px/16px Arial;
	color : #5294a2;
	margin : 10px 0 0 0;
} 
#footer p a {
	font : normal 12px/16px Arial;
	color : #5294a2;
	text-decoration : none;
} 
#footer p a:hover {
	font : normal 12px/16px Arial;
	color : #115588;
	text-decoration : underline;
} 
#footer ul.navlink { 
margin : 0 auto; 
padding : 0; 
list-style : none; 
width : 180px; 
} 




#footer ul.design { 
margin : 8px auto; 
padding : 0; 
list-style : none; 
width : 158px; 
} 
#footer ul.design li { 
font : normal 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
color : #000000; 
background-color : #f7f7f7; 
float : left; 
} 
#footer ul.design li a { 
font : bold 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
color : #000000; 
background-color : #f7f7f7; 
text-decoration : none; 
} 
#footer ul.design li a:hover { 
background-color : #e1e1e1; 
color : #000000; 
} 
#kopf { 
height : 100px; 
margin : 10px; 
background-color : #ffff00; 
} 
#inhalt { 
width : auto; 
margin : 0 180px; 
background-color : #ffffc6; 
} 
#links { 
position : absolute; 
top : 120px; 
left : 10px; 
width : 160px; 
height : 300px; 
background-color : #ffcc00; 
} 
#rechts { 
position : absolute; 
top : 120px; 
right : 10px; 
width : 160px; 
height : 300px; 
background-color : #ffcc00; 
} 

.urbangreymenu{
	width: 302px; /*width of menu*/
	margin: 0 0 15px 0;

}

.urbangreymenu .headerbar{
font: normal 19px Arial, serif;
color: #080403;
background: #be5d2e url(Bilder/titel-menue.jpg) top no-repeat;
 /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 10px 0 7px 20px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
padding:0 0 0 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
clear:both;

}

.urbangreymenu ul li{
padding:0 0 1px 0; /*bottom spacing between menu items*/
background:  #050601 url(Bilder/button-sec-leistungen.jpg) no-repeat;
height:32px;

}

.urbangreymenu ul li a{
	font: normal 13px Arial;
	color: #a79363;
	display: block;
	padding: 8px 0 0 30px; /*link text is indented 8px*/
	text-decoration: none;
	height:24px;
}

.urbangreymenu ul li a.visited{
	color: #050601;
	background: #050601 url(Bilder/button-sec-leistungen-over.jpg) no-repeat;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: #050601;
	background: #050601 url(Bilder/button-sec-leistungen-over.jpg) no-repeat;
}

#contentForm {
	display: block;
	width: 500px;
	margin:0;/*this line will center the page*/
	padding: 0 0 0 27px;
	font:normal 12px/16px "Arial", Arial, Helvetica, sans-serif;
	color:#6a7384;
 
}

/* and now the form formatting itself */
label {
  display: block;
  float: left;
  clear: left;
  Width: 150px;
  line-height: 20px;
  margin-bottom: 10px;
  margin: 5px 0;
  
}

input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #666666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(Bilder/submit.jpg) no-repeat left top;
  width: 90px;
  height: 28px;
  margin-left: 150px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(images/stop.gif) no-repeat 10px center;
  padding: 7px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
  font:bold 14px/14px "Arial", Arial, Helvetica, sans-serif;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}