/* Stylesheet Satzstudio Borngräber 07/11 - hd ***********************/

body {
	background: #fff /*url(../images/sb_cloud_02.png) top center no-repeat !important*/;
	font:12px/20px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	color:#4e4e4e;	
	margin:10px 0 20px 0;
}
#backall {
	margin: auto;
	background:#fff;

}

h1 {
	margin: 20px 0 20px 0;
	font-weight: bold;
	color: #444;
	font-size: 1.4em;
	padding: 0 0 0px 0px !important;
	text-transform: uppercase;
/*	line-height: 1.4em;*/
	text-shadow: #eee 1px 1px 2px;
}
h2 {
	font-size: 1.4em;
	color: #109384;
}
h3 {
	color: #888;
	margin: 1em 0em;
	font-size: 1.2em;
	text-transform: uppercase;
}
h4 {
	color: #999;
	line-height: 130%;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 0 30px 0;
}
.small {
	font-size: 80%;
	margin-top: 10px;
}

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

	border-bottom: 1px solid #e2e2e2;
	height: 108px;
/*	z-index: 100;*/

}

#head {
	margin:auto;
	width: 1000px !important;
/*	position: relative;
	left: 0px;
	top: 22px;
	height:132px;*/
}
#logo{
/*	float: left;*/
	height:108px;
	
	}
#text_head{
	float:right;
	width: auto;
	font-size: 90%;
	padding: 0px 38px 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: #888;
/*	background: url(../images/sb_letter_01.png) 74% top no-repeat !important;*/

}

#bottom{
	margin: auto;
	text-align: center;
	background: #dbdbdb;
	border-top: 15px solid #eee;
}
#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 {
		background: url(../images/sb_small_voute_3.gif) bottom center repeat-x;
		height: 72px;
	}

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

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

}

#middle p {
  padding:0;

}
/******************* textbloecke *****************/

/**boxes**/

#boxes{
	position: relative;
	width: 920px;
/*	height: 650px;*/
	top: 0px;
	}

#box_01 {
position: absolute;
left: 0;
width: 280px;

}
#box_01 img:hover {

}
#box_02 {
position: absolute;
left: 320px;

width: 280px;
}
#box_02:hover {

}
#box_03 {
position: absolute;
left: 640px;
width: 280px;
}
#box_03:hover {

}

#boxes_bottom{
	position: relative;
	width: 920px;
	height: 250px;
	top: 0px;
		margin: auto;
		text-align: left;
		color:#fff;
	}

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

}
#box_bottom_01 img:hover {

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

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

}

	
.textblock_right {
	width: 500px;
	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: #4e4e4e;  
}
#textblock a:hover {
	color: #000;
}
#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;
	}


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

#left {
	float: left;
	padding: 0;

	border: 0;

	color: 	color:#4e4e4e;
	width: 480px;

	}
#left ul {
	list-style-type: none;
	padding:0 !important;
	}
#left ul li:hover {
	list-style-type: square;
	color: ;
	}
#left ul a {
	text-decoration: none;
	color:#333;
	}
#left ul li a:hover {
	list-style-type: square;
	color: ;
	play-during: url(../sounds/click_1.wav);
	}
#left ul li a:active {
	list-style-type: square;
	color: ;
}

#right {
	float: right;
	width: 400px;
	margin-top: 30px;
	background: none;
	text-align: justify;	
	}

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

#top_menu {
	display: none;
	margin: 0px auto;
	color: #fff;
/*	width: 900px;*/
	height: 30px;
  	padding: 10px 0 0px 0px;
   	text-align: left;
  	border-top: 0px solid #8D8F74;
  	border-left: 0px solid #8CBF83;
	border-right: 0px solid #8D8F74;
  	border-bottom: 0px solid #8D8F74;
	background: #526F4C url(../images/k_menu_02.jpg) 0 bottom repeat-x;
}

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

}
#top_menu a:hover {
	color: #000;
}

/*----------------- bottom menu ---------*/
#grey{
	clear:both;
	height:auto;



}
#bottom_menu{
	margin: auto;
	padding: 7px 0 0 0;
	width:460px;
	height: 50px;
	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;  
	padding:0 10px;  
	font:11px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #fff;
	text-transform: uppercase;
		text-shadow: #888 1px 1px 1px;
}
#bottom_menu a:hover {
	color: #555;
	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 {
	text-align: left;
	height: 35px;
	font-weight: bold;
	text-transform: uppercase; 
}

.readmore a {
	font-weight: bold;
	font-variant: small-caps; 
	text-decoration: none;
	color: #084c9d;
}
.readmore a:hover {
	color: #ccc;
}
.space15 {
	height: 15px;
	clear: both;	
}
.space30 {
	height: 30px;
	clear: both;	
}
#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 15px 10px 0;
	}

.img_left {
	margin: 0 0 30px 35px;
	
	}
#music {
	height: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
	}
/*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;
   }