/*  09/11 - hd ***********************/

body {
	background: #292f31 url(../images/hd_cloud_01.png) top center no-repeat !important;

	font:12px/20px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	color:#4e4e4e;	
/*	text-shadow: #bbb 2px 2px 10px; */
}
#backall {
	margin: auto;
/*	background:#292f31;*/

}

h1 {
	margin: 20px 0 20px 0;
	font-weight: bold;
	color: #967e57;
	font-size: 1.8em;
	padding: 0 0 0px 0px !important;
	text-transform: uppercase;
	line-height: 1.4em;
	text-shadow: #000 1px 1px 2px;
}
h2 {
	margin: 15px 0 24px 0;
	font-size: 1.4em;
	color: #a5a5a5;
		text-shadow: #000 1px 1px 2px;
}
h3 {
	color: #666;
	margin: 1em 0em;
	font-size: 1.2em;
	text-transform: uppercase;
}
h4 {
	color: #eee;
	margin: 0em 0em;
	font-size: 1.2em;
	text-transform: uppercase;
}
.small {
	font-size: 80%;
	margin-top: 10px;
}
.hr_01 {
	background: url(../images/hd_hr_01.png) repeat-x;
	height: 10px;
	}
.hr_02 {
	background: url(../images/hd_hr_02.png) repeat-x;
	height: 10px;
	}
.hr_03 {
	background: url(../images/hd_hr_03.png) repeat-x;
	height: 10px;
	opacity: 0.4;
	}
li a, p a, a {
	color:#888;

	text-decoration:none;
	}
li a:hover, p a:hover, a:hover {
	color:#ccc;
	
	 -moz-transition-delay: 0s;
    -moz-transition-duration: 0.26s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease-out;

	}

/******************** head ***********************/
#top {

	height: 106px;
/*	z-index: 100;*/

}

#head {
	clear:both;
	margin:auto;
	width: 1000px !important;
/*	position: relative;
	left: 0px;
	top: 22px;
	height:132px;*/
}
#logo{
/*	float: left;
	height:108px;*/
	
	}
#callback {
	float:right;
	position: fixed;
	width:98%;
	top:10px;
	text-align: right;
	z-index:1000;
	}
	
#text_head{
	float:right;
	width: auto;
	font-size: 90%;
	padding: 0px 0px 0 0;
	text-align: right;
	color:#ccc !important;
}
 #text_head h1 {
	padding:0 !important;
	margin: 0 !important;
	text-shadow: #888 1px 1px 10px;
	text-transform: none;
	}

/******************** main ***********************/
#main{
/*	width:800px;*/
	color: #b5b5b5;
/*	background: url(../images/sb_letter_01.png) 74% top no-repeat !important;*/

}

#bottom{
	margin: auto;
	text-align: center;
/*	background: #292f31;*/
	border-top: 0px solid #888;
}
#copy {
/*	height: 20px;
	background: url(../images/sb_small_voute_3.gif) top center repeat-x;*/
	padding: 1px 0 4px 0;
}
#copy p {
	color: #888;
	font-size: 80%;
	line-height: 1.0em;
	text-align: center;
}
#copy a {
	text-decoration: none;
	color: #6dafaf;
}

.pic {
	padding: 10px 10px 20px 10px;

	}
.voute {

		height: 72px;
	}

/********************* middle *******************/
#middle {

/*	margin: 0.0in auto;*/
margin: auto;
	width: 920px;
	min-height: 300px;

}

#middle p {
  padding:0;

}

/*----------------- spalten ---------*/

#left {
	float: left;
/*	padding: 25px 0 0 30px;*/
	margin: 20px 0 0 0px;
	border: 0;
	width: 430px;

	}
#left ul, #right ul {
	list-style-type: none;

	}
#left ul li:hover, #right ul li:hover {
	list-style-type: square;
	color: #967e57;
	
	
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.26s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease-out;

	}
#left ul a {

	}
#left ul li a:hover, #right ul li a:hover {
	list-style-type: square;
	color: #967e57;

	}
#left ul li a:active {
	list-style-type: square;
	color: #967e57;

}

#right {
	float: right;
	width: 430px;
	margin: 90px 0 0 0px;
	background: none;
	color:#ccc;	
	}



/******************* textbloecke *****************/

/**boxes**/

#boxes{
	position: relative;
	width: 920px;
	height: 500px;
	top: 0px;

	}
#box_wide {
	psition: relative;
	top: -50px;
	left: 0px;
	width: 897px;
	border: 1px solid #373d3d;
	background: #232929;
	padding: 10px;
	margin: 0 0 30px 0;
	}


#box_01 {
position: absolute;
left: 0;
width: 280px;
background: url(../images/hd_frame1_mid.jpg) repeat-y;
-moz-box-shadow: 0px 5px 25px #222;
-webkit-box-shadow: 0px 5px 25px #222;
box-shadow: 0px 5px 5px #222;
}
#box_01 p {
	padding:0 15px 0 20px !important;
	}

#box_01 h1 {
	display:none;
	padding:0 15px 0 20px !important;
	}
#box_01 img {
	margin: 9px 15px 0 15px;
	border: 0px solid #ccc;
}


.box_top {
background: url(../images/hd_frame1_top.jpg) top center no-repeat;
height: 5px;

	}
.box_bottom {
background: url(../images/hd_frame1_bottom.jpg) top center no-repeat;
height: 5px;

	}

#box_02 {
position: absolute;
left: 320px;
top: 0;
width: 280px;
background: url(../images/hd_frame1_mid.jpg) repeat-y;
-moz-box-shadow: 0px 5px 25px #222;
-webkit-box-shadow: 0px 5px 25px #222;
box-shadow: 0px 5px 5px #222;
}
#box_02 h1 {
	display:none;
	padding:0 15px 0 20px !important;
	}

#box_02 p {
	padding:0 15px 0 20px !important;
	}
#box_02 img {
	margin: 9px 14px 0 14px;
	border: 0px solid #ccc;
}
	

#box_02:hover {

}
#box_03 {
position: absolute;
left: 640px;
width: 280px;
background: url(../images/hd_frame1_mid.jpg) repeat-y;
-moz-box-shadow: 0px 5px 25px #222;
-webkit-box-shadow: 0px 5px 25px #222;
box-shadow: 0px 5px 5px #222;
}
#box_03 h1 {
	display:none;
	padding:0 15px 0 20px !important;
	}

#box_03 p {
	padding:0 15px 0 20px !important;
	}
#box_03 img {
	margin: 9px 14px 0 14px;
	border: 0px solid #ccc;
}

#box_03:hover {

}

#boxes_bottom{
	position: relative;

width: 920px;
	height: 250px;
	top: 0px;
	margin: auto;
	text-align: left;
	color:#555;

	}

#box_bottom_01 {
position: absolute;
left: 0;
top: 20px;
width: 280px;

}
#box_bottom_01 img:hover {

}
#box_bottom_02 {
position: absolute;
left: 320px;
top: 20px;
width: 280px;
}
#box_bottom_02:hover {

}
#box_bottom_03 {
position: absolute;
left: 640px;
top: 20px;
width: 280px;
}
#box_bottom_03:hover {

}
/**********BOX MIDDLE (frame4)***********/
#box_middle{
	background: url(../images/hd_frame4_mid.jpg) repeat-y;
	-moz-box-shadow: 0px 5px 25px #222;
	-webkit-box-shadow: 0px 5px 25px #222;
	box-shadow: 0px 5px 5px #222;	
	}
.box_middle_top{
	background: url(../images/hd_frame4_top.jpg) top center no-repeat;
	height: 5px;	
	}
.box_middle_bottom{
	background: url(../images/hd_frame4_bottom.jpg) top center no-repeat;
	height: 5px;
	clear:both;	
	}
#box_middle .m_img {
	padding: 15px 20px;

	}
.m_img{}


/**********BOX RIGHT (frame3)************/

#box_right{
	background: url(../images/hd_frame3_mid.jpg) repeat-y;	

	}
#box_right .r_img {
	padding: 15px 20px;
	margin: 0 0 20px 0;
	height: 270px;

	}	
.r_img {

	}

	
#box_right ul {
	padding: 0 0 0 20px;
	
	}	
#box_right ul li{
/*	padding: 0 0px 0px 0 !important;*/
	list-style-type: none !important;
	float: left;
	margin: 0 0 15px 0;
	width: 390px;

}	
#box_right h1, #box_right h2 {
	padding: 0 0 0 20px !important;	
}
#box_right p {
	padding: 20px 0 0 20px !important;	
}	
#box_right img {
	float: left;
	margin: 0 10px 0px 0;

	}


#box_right ul li a{
	text-decoration: none;

}
	
ul .list {
	margin: 0px !important;

	}	
	
	
.box_right_top{
	background: url(../images/hd_frame3_top.jpg) top center no-repeat;
	height: 5px;	
	}
.box_right_bottom{
	background: url(../images/hd_frame3_bottom.jpg) top center no-repeat;
	height: 5px;
	clear:both;	
	}


	
.textblock_right {
	width: 430px;
	margin: 0;
	text-align: justify;

	text-shadow: none;
}
.leading {
	background: #eee;
	padding: 10px 30px 20px 30px;
	position: relative;
	top: 30px;

	width: 860px;
	border: 1px solid #ccc;
    border-radius: 4pt 4pt;
	}
.leading p {
		width: 860px;
		color:#888;
	}
.leading h1	{
	color: #398c33;
	font-size: 2.4em;
	}	

.text_01 {
	position: relative;
	color: #888;
	vertical-align: text-bottom;
}
.dotted_hori{
	border-bottom: 3px dotted #888;
}
.line_hori {
	border-top: 1px solid #bfbfbf;
	color: #888;
	font-size: 80%;
	line-height: 130%;
	font-style: italic;
	text-align: right;
}
#textblock{
	width: 920px;
	padding: 0 0 20px 0px;
}
#textblock a {
	text-decoration: underline;  
	color: #888;  
}
#textblock a:hover {
	color: #eee;
}
#textblock_auswertung{
	width: 800px;
	min-height: 350px;
	padding: 0 0 20px 50px;
}
#col_right {
	float: right;
	margin: 12px 0 0 0;
	width: 312px;
}
#col_right2 {
	float: right;
	margin: 12px 0 0 0;
	width: 312px;
}

.img_ban {
	width: 750px;
	height: 200px;		
}

.img_cont {
/*	border: 6px solid #ccc;*/
	background: url(../images/kh_back_img_03.jpg) top center no-repeat;
	width: 312px;
	height: 212px;
}
.img_cont img {
	margin: 6px;
}
.img_cont a{
	border: none;
}

/*----------------- referenzen ------*/
#referenzen{
	position: relative;
	width: 400px;
	top: 0px;
	height: 640px;
	}
#textblock_left {
	position: relative;
	left: 0;	
	width: 440px;
	margin: 0;
	text-align: justify;
}
#ref_thumbs {
	position: absolute;
	left: 480px;
	top: -20px;
	width: 500px;		
	}
#ref_thumbs p {
	border-bottom:1px solid #ccc;
	}
	
#ref_thumbs img{
	margin:10px 10px 15px 0 !important;
	}
#ref_thumbs2 {
	position: relative;
	left: 0px;
	top: 0px;
	width: 860px;
	background:none;
	padding:0 30px 30px 30px;		
	}
#ref_thumbs2 p {
	border-bottom:1px solid #ccc;
	}
	
#ref_thumbs2 img{
	margin:10px 10px 15px 0 !important;
	}


/*----------------- top menu ---------*/

#top_menu {

	margin: 0px auto;
	color: #fff;
	width: 920px;
	height: 50px;
  	padding: 0px 0 20px 0px;
   	text-align: left;
	background: none;
	text-transform: uppercase;
	text-shadow: #000 1px 1px 1px;

}

#top_menu ul {
	margin: auto;
	padding: 0px;
}
#top_menu li {
	position: relative; 
	float:right;
	list-style-type: none;
}
#top_menu a {
	display: block; 
/*	float:right; */
	text-decoration: none;  
	margin: 0 0px 0 40px;  
	font:13px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #eee;  

}
/*
#top_menu a:hover {
	color: #967e57;
	text-shadow: none;
}
*/
/*----------------- bottom menu ---------*/
#grey{
	clear:both;
	height:auto;



}
#bottom_menu{
	margin: auto;
	padding: 7px 0 0 0;
	width:460px;
	height: 20px;
	text-align: center !important;
/*	background: url(../images/hh_line.gif) -80px repeat-x;*/
	}
#bottom_menu ul {
	margin: 0px;
	padding: 0px;
}
#bottom_menu li {
	position: relative; 
	float:left;
	list-style-type: none;
	list-style-image: none; 
}
#bottom_menu a {

	text-decoration: none;  
	margin:0 10px;  
	font:11px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #888;
	text-transform: uppercase;
	text-shadow: #000 1px 1px 1px;
}
#bottom_menu a:hover {
	color: #eee;
	text-shadow:none;
}
/*----------------- leiste menu ---------*/
#leiste_menu{
	float:left;
	position:relative;
	width:164px;
	margin:0 0 0 23px;
}
#leiste_menu ul {
	margin: 0px;
	padding: 0px;
}
#leiste_menu li {
	position: relative; 
	float:left;
	list-style-type: none;  
}
#leiste_menu a {
	width:72px;
	height:72px;
	display: block; 
	float:left; 
	background: url(../images/rahmen.gif) 0 0 no-repeat;
	margin:0 10px 10px 0;  
	color: #fff;  
}
#leiste_menu a:hover {
	background: url(../images/rahmen_hover.gif) 0 0 no-repeat;
}

/*----------------- kontakt form ---------*/
#kontakt_left{
	float:left;
	width:340px;
	margin:0 0 0 30px;
	padding:0 30px 0 0;
	border-right:1px dashed #4e4e4e;
}

#kontakt_right{
	float:left;
	width:340px;
	margin:0 0 0 37px;
	padding:0;
}

#kontakt_whole{
	clear:both;
	width:740px;
	margin:0 0 0 30px;
	padding:0;
}

.kontakt_text{
	font:12px/17px Arial, Helvetica, sans-serif;
	color:#4e4e4e;
}
#kontactform {
	margin: 0px 10px 0 0;
	float: right;
	width: 400px;
}
#kontactform p {

}

#kontactform input {
	border: 1px solid #888;
	margin: 0 0 8px 0;
}

input {
	border: 1px solid #ccc;
}
#time {
/*	display: none;*/
	color: #666;
	font-size: 80%;
	position: relative;
	text-align: left;
	left: 2em;
	padding: 0 0px 0 0;
}
.nix
{
clear: both;
height: 5px;
margin: 0px;
}

/**************READMORE*************/

.readmore {
	text-align: left;
	height: 35px;
	font-weight: bold;
	text-transform: uppercase; 
		padding:0 15px 0 20px !important;
}

.readmore a {
	font-weight: bold;
	font-variant: small-caps; 
	text-decoration: none;
	color: #967e57;
}
.readmore a:hover {
	color: #ccc;
}

#space_bottom {
	height: 0px;
	margin: auto;
	background: none;
	}

.counter {
	color: #ccc;
	font-size: 80%;
	font-weight: normal !important;
	text-shadow: none;	
}
.hertel {
	font-size: 80%;	
}
#right table td{
	vertical-align: top;
	padding:0px 0px 5px 0;
	}

.img_left {
	margin: 0 0 30px 35px;	
	}
	
.space8 {
	height: 8px;
	clear: both;	
}

.space15 {
	height: 15px;
	clear: both;	
}
.space30 {
	height: 30px;
	clear: both;	
}

/*BUTTON*******************/
.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 2px 2px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
 /*  border-top-color: #28597a;*/
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
/*FORM*********************/

#formWrapper {
	width: 500px;
	background: #eee;
	margin: 2em auto 0 auto;
	padding: 2em 0 2em 0;
	border: 5px solid #ccc;
}
form {
	width: 400px;
	margin: 0 auto 0 auto;

	}
label {
	display:block;
	margin:0.3em 0 0.3em 0em;
	
	}	
input{
/*	width:250px;*/
	margin:0 0 0 0em;
	}
		
textarea {
/*	width: 376px;*/
	height: 100px;
	
	
	}
fieldset.second {
	border:none;
	background:#fff; 
	padding:0 0 20px 20px;
	}
fieldset.first {
	border:none;
	background:#fff;
	padding: 20px;
	}
.labelOne {
	margin-top:1em;
	}
input.button {
	text-align: center;
	width:100px;
	margin: 0em 2em 0 0;
/*	padding: none !important;*/
	cursor:pointer;
	}
/*POPUP JQUERY************************************/

#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:280px;  
width:408px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;
text-align: left;  
}  
#popupContact h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
}  
#button{  
  
margin:0px 0 100px 100px;  
}  
/*RSS Feed*******************/
.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/

}
#ddbox {
	background: #2d3536 url(../images/hd_rss_back_01.jpg) top right no-repeat;
	padding: 5px 8px 5px 8px;
	border: 1px solid #414647;
	
	-moz-box-shadow: 0px 5px 5px #1a2020;
  	-webkit-box-shadow: 0px 5px 5px #1a2020;
  	box-shadow: 0px 2px 2px #1a2020;

	}
#tweets {
	}

input.captcha{
	height: 40px;
	width:140px;
	font-size: 20px;
	background: #232929;
	color:#eee;
	text-align:center;
	}