/* CSS Document */

body{padding:0px; margin:0px; background:url(http://www.punktstyling.de/images/bg.jpg) repeat-x #FFFFFF;
font:12px Arial, Helvetica, sans-serif; color:#919191;}
div, ul, h1, h2, h3, li, p, img, a{margin:0; padding:0;}
ul{list-style-type:none;}





img, div, a, input { behavior: url(http://www.punktstyling.de/iepngfix.htc) }



/*-----------------main pan---------*/
#mainPan{width:878px; position:relative; margin:0 auto;

}
/*-------------------header pan------*/
#headerPan{
	width:778px;
 	height:223px;
	}
/*----------------left pan--------*/
#leftPan{
	width:139px;
	height:223px;
	background:url(http://www.punktstyling.de/images/left_side.jpg) no-repeat 0 0 #FFFFFF; color:#7F7F7F;
	float:left;
	}

	
	
	
/*------------------header middle-----------------------*/
#middlePan{
	background:url(http://www.punktstyling.de/images/logo.png) no-repeat 1px 1px #FFFFFF; color:#333333;
	width:500px;
	height:250px;
	float:left;
	}
#middlePan img{
	margin:13px 0 0 44px;
	}
/*----------------right side------------*/
#right{
	width:136px;
	height:223px;
	float:left;
	background:url(http://www.punktstyling.de/images/right_side.png) no-repeat 0 0;
	}

	
	
/*----------------------body---------------*/
#body1{
	width:878px;
	}
/*----------------body middle-------------*/
/*background:url(http://www.punktstyling.de/images/baum.png) no-repeat right top;*/

#body_middle{
	width:600px;
	float:left; color:#919191;
			
	}
#body_middle h2{
	height:40px;
	display:block;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:27px;
	line-height:35px;
	font-weight:normal;
	color:#A68A33; 
	margin:21px 0 0px 33px;
	}
#body_middle p{
	width:350px;
	margin:20px 20px 20px 0px;
	font-size:12px;
	line-height:17px;
        overflow:auto;
        height:700px; padding-left:1px; padding-right:5px;

	}
#xxbody_middle a{
	width:72px;
	color:#538D00; background-color:#FFFFFF;
	font:12px/17px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	margin:0px 14px 0 293px;
	display:block;
	}
#xxbody_middle a:hover{
	text-decoration:underline;
	}
#body_middle ul{
	width:332px;  margin:16px 0 0 34px;
	}
#body_middle ul li{
	background:url(http://www.punktstyling.de/images/01.gif) no-repeat #fff; border-bottom:#B7B7B7 1px dashed; border-top:#B7B7B7 1px dashed;
	height:65px; padding:10px 0 0 0px; font:14px/17px Arial, Helvetica, sans-serif; color:#6C6C6C;
	}
#body_middle ul li strong{
	color:#538D00; padding-left:8px; background-color:#FFFFFF;
	}
#body_middle ul li span{
	width:56px; height:45px; display:block; background-color:#F3F3F3; float:left; margin:4px 10px 0 0px;
	font:40px/45px Georgia, "Times New Roman", Times, serif; text-align:center; font-style:italic;
	color:#979797;
	}	
#body_middle ul li a{
	margin:0px 0 0 10px; font:11px/17px Arial, Helvetica, sans-serif; display:block; height:17px;
	font-weight:bold; color:#A68A33; background:url(http://www.punktstyling.de/images/more_bg.gif) no-repeat center #FFFFFF;
	text-decoration:none;  float:left; width:105px; padding-left:76px;
	}
#body_middle ul li a:hover{
	text-decoration:underline;
	}
#body_middle ul li.li1{
	background:url(images/02.gif) no-repeat #fff; border-bottom:#B7B7B7 1px dashed; 
	height:65px; padding:10px 0 0 0px; font:14px/17px Arial, Helvetica, sans-serif; color:#6C6C6C;
	}
#body_middle ul li.li1 strong{
	color:#538D00; padding-left:8px; background-color:#FFFFFF;
	}
#body_middle ul li.li1 span{
	width:56px; height:45px; display:block; background-color:#F3F3F3; float:left; margin:4px 10px 0 0px;
	font:40px/45px Georgia, "Times New Roman", Times, serif; text-align:center; font-style:italic; color:#979797; 
	}	
#body_middle ul li.li1 a{
	margin:0px 0 0 10px;	font:11px/17px Arial, Helvetica, sans-serif; display:block; height:17px;
	font-weight:bold; color:#A68A33; background:url(http://www.punktstyling.de/images/more_bg.gif) no-repeat center #FFFFFF;
	text-decoration:none;  float:left; width:105px; padding-left:76px;
	}
#body_middle ul li.li1 a:hover{
	text-decoration:underline;
	}

/*------------------------right----------------------*/
#right_bg{
	width:136px;
	float:left;
	height:480px;
	background:url(http://www.punktstyling.de/images/right_bg.gif) repeat-y left;
	}
#right_bg h2{
	height:31px; background-color:#FFFFFF;
	display:block; width:118px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:27px;	line-height:28px; font-weight:normal; color:#A68A33; margin:20px 0 0px 17px;
	}
#right_bg h3{
	font:18px/17px Arial, Helvetica, sans-serif;
	color:#538D00; background-color:#FFFFFF;
	height:22px;
	margin: 13px 0 0px 18px;
	display:block;
	font-weight:normal;
	}
#right_bg ul{
	width:130px;
	display:block;
	font-size:0px;
	margin:50px 0 0 17px;
	}
#right_bg ul li{
	display:block;
	height:24px;
	background:url(http://www.punktstyling.de/images/arrow.gif) no-repeat 0 8px; padding:0 0 0 12px;
	}
#right_bg ul li a{
	font:12px Arial, Helvetica, sans-serif;
	color:#6D6D6D; background-color:#FFFFFF;
	text-decoration:underline;
	}
#right_bg ul li a:hover{
	text-decoration:none;
	}

	
	
/*------------------------footer---------------*/
#footer{
	width:100%;
	height:163px;
	margin:0 auto 0 auto;
	background:url(http://www.punktstyling.de/images/footer_bg.gif) repeat-x #979797;
	float:left;
	color:#FFFFFF;
	font:11px/16px Arial, Helvetica, sans-serif;
	}
#footer ul{
	width:472px;
	margin:41px auto 0 auto;
	display:block;
	font-size:0px;
	height:20px;
	}
#footer ul li{
	display:block;
	float:left;
	height:16px;
	font:13px/16px Arial, Helvetica, sans-serif;
	}
#footer ul li a{
	margin:0 10px 0 10px; text-decoration:none;	color:#FCFCFC; background-color:#979797;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer ul.ad{
	width:635px; margin:17px auto 0 auto; display:block; height:60px;
	}
#footer ul.ad li{
	display:block;	float:left;	margin:0px 0px 30px 30px; border-right:#FFFFFF 0px dashed;	height:60px;
	}
#footer ul.ad li.li1{
	display:block;	float:left;	margin:0px 0 0 0; border-right:none; height:60px;
	}
#footer ul.ad li a.add{
	font:10px/14px Tahoma, Arial, Helvetica, sans-serif; color:#353535;	text-decoration:none; font-weight:bold;
	margin:0 10px 0 10px; background-color:#979797;
	display:block;
	}
#footer ul.ad li a.add:hover{
	text-decoration:none;
	}
#footer ul.ad li a.add span{
	color:#FFDB5D; background-color:#979797; text-transform:uppercase;
	}
#footer p{
	width:203px; margin:0 auto 0 auto;	display:block;
	}
#footer p.lk {
	margin:0 auto; text-align:center;
	}
#footer p.lk a {
	color:#fff; background-color:#979797; text-decoration:underline;
	
	
	}
#footer p a:hover {	
	color:#000;
	background-color:#C6C6C6;
	}




/* Formular */


.kontakt_clear {
	clear:both;
	height:5px;
	line-height:5px;
}


.kontakt_links_klein {
	position:relative;
	float:left;
	width:80px;
	border:0px solid red;
	font: normal 1.2em "Lucida Sans Unicode",sans-serif;

}

.kontakt_links {
	position:relative;
	float:left;
	width:120px;
	border:0px solid red;
}

.kontakt_links_gesamt{
	position:relative;
	float:left;
	width:200px;

}

.kontakt_rechts_klein {
	position:relative;
	float:left;
	width:80px;
	border:0px solid red;
	font: normal 1.2em "Lucida Sans Unicode",sans-serif;


}

.kontakt_rechts {
	position:relative;
	float:left;
	width:120px;
}


.kontakt_rechts_gesamt{
	position:relative;
	float:left;
	width:200px;
}


.textarea {
	height:100px;
	width:300px;
	border:1px solid #CEDEFF;
}



.pflichtfelder {
	color: #FF0000;
}

.textfeld {
	width:100px;
	border:1px solid #CEDEFF;
}