/*
Theme Name: Keil & Partner Theme
Theme URI: http://www.keil-partner.de
Description: Wordpress Theme für Keil & Partner GmbH
Version: 1.0
Author: Ralf Steinbrecher
Author URI: http://www.daspferd.de
*/
 html { 
 	height: auto; 
 	margin-bottom:0; 
 }

body {
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #606060;
	line-height: 130%;
	background-color: white;
	margin: 0;
	padding: 0;
	width: 99.99%;
	text-align: center;
  height: 100%;
}

 img, div, input { behavior: url("iepngfix.htc") }

div,span,a,img,p {
	margin: 0;
	padding: 0;
}

a {
	font-weight: normal;
		color: #DC5B2C;
}

a.print {
	display: block;
	width: 90px;
	height: 34px;
	background: transparent url('img/buttons/print.png') no-repeat top left;	
	opacity: 0.5;
	float: right;
}

a.print:hover {
	opacity: 1;
}

a.print span {
	display: none;
}


#master {
	width: 994px;
	margin: 0 auto;
	padding: 0 6px;
	background: #D4CFC5 url('img/backgrounds/shadow.gif') repeat-y top left;
	text-align: left;
}

* html #master {
  height: auto
}

#header {
	min-height: 89px;
}

* html 	#header {
	width: 994px;
}

#body {
	background-color: #DEDEDE;
	border-bottom: 1px solid white;
	color: white;
}

#home,
#main {
	display: table;	
	table-layout: fixed;
	overflow: visible;
}

*+html #main{
	overflow:hidden; 
	display:block;
}

* html #main{
	overflow:visible; 
	display:block;
	width: 994px;
  height: 1%;
}

*+html #home{
	overflow:hidden; 
	display:block;
}

* html #home {
	overflow: visible;
	display: block;
	width: 994px;
}

#menu {
	display: table-cell;
	float: none;
	overflow: hidden;
	vertical-align: top;	
	width: 150px;
	background: #969181 url('img/backgrounds/transition_menu.jpg') repeat-x top left;	
	padding: 45px 30px 30px 35px;	
}

*+html #menu{
    float: left; 
    display:inline;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}

* html #menu{
    float: left; 
		display: block;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
    width: 215px;

}

#content {
	display: table-cell;
	float: none;
	vertical-align: top;	
	width: 600px;
	background: #666666 url('img/backgrounds/transition_content.jpg') repeat-x top left;	
	padding: 55px 144px 55px 35px;
	font-size: 12px;
	line-height: 130%;
	color: white;
}

*+html #content{
    float: left; 
    display:inline;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}	

* html #content{
    float: left; 
		display: block;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
    width: 779px; 
}	

#content h1 {
	font-weight: normal;
	font-size: 15px;
	padding: 2px 0 5px 0;
	border-bottom: 1px solid white;
	margin: 0 0 15px 0;
}

#content h2 {
	font-weight: normal;
	font-size: 12px;
	padding: 2px 0 2px 0;
	margin: 0 0 3px 0;
}

#content p {
	margin-bottom: 11px;
}

#content ul {
	list-style-type: square;
	margin: 0 0 11px 17px;
	padding: 0;	
}

#content a {
	color: white;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content .close {
	font-weight: normal;
	font-size: 15px;
	padding: 5px 0 2px 0;
	border-top: 1px solid white;
	margin: 15px 0 0 0;
	text-align: right;
}

#visual {
	border-bottom: 1px solid #999999;
}

* html #visual {
	width: 994px;
}

#visual .fBox {
	width: 497px;
	height: 255px;
	overflow: hidden;
}

* html #visual .fBox {
	
}

#footer {
	position: relative;
	clear: both;
	padding: 23px 13px 18px 13px;
}

* html 	#footer {
	width: 994px;
}

#footer div.imprint {
	position: absolute;
	right: 13px;
	bottom: 18px;
	color: #999999;
}

#footer div.imprint a {
	color: #999999;
	text-decoration: none;	
}

#bottom {
	position: relative;
	top: -1px;
	width: 994px;
	margin: 0 auto;
	padding: 0 6px;
	height: 6px;
	background: transparent url('img/backgrounds/shadow_bottom.gif') no-repeat top left;
}

* html #bottom {
	width: 1006px;
}



.bBox {
	border-top: 8px solid #DEDEDE;
	background: #F5F5F5 url('img/backgrounds/transition_bBox.jpg') repeat-x top left;
	margin-bottom: 1px;
}

#slidecontainer {
	background: #9D9887 url('img/backgrounds/bg_slider.jpg') no-repeat top left;
	display: table-cell;
	float: none;
	vertical-align: top;		
}

*+html #slidecontainer{
    float: left; 
    display:inline;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}

* html #slidecontainer{
    float: left; 
		display: block;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
    width: 497px;
}

#slidebox {
	position: relative;
	width: 329px;
	margin: 35px 84px;
}

#slidebox .controller {
	text-transform: uppercase;
	margin-bottom: 4px;
}

#slidebox .controller h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
}

#slider, #slider li{ 
	/* 
		define width and height of container element and list item (slide)
		list items must be the same size as the slider area
	*/ 
	width: 329px;
	overflow: hidden; 
}

#slider li {
	
}



#buttons {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 56px;
}

#prevBtn,
#nextBtn
{
	float: left;
	margin-left: 5px;
		cursor: pointer;
}	

#prevBtn a,
#nextBtn a {
	display: block;
	width: 23px;
	height: 23px;
}

#prevBtn a {
	background: transparent url('img/buttons/prev.png') no-repeat top left;
}

#nextBtn a {
	background: transparent url('img/buttons/next.png') no-repeat top left;
}

#prevBtn a span,
#nextBtn a span
{
	display: none;
}

#slider li h1 {
	font-size: 16px;
	font-weight: normal;
	color: #DC5B2C;
	margin: 2px 0 4px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid white;
}

#slider li h1 a {
	color: #DC5B2C;
	text-decoration: none;
}

#slider li p {
	
}

#slider li p a {
	text-decoration: none;
	font-weight: bold;
	color: white;
}

#slider li p a:hover {
	text-decoration: underline;
}

#navi {
	display: table-cell;
	float: none;
	vertical-align: top;		
	width: 477px;
	height: 68px;	
	background: #666666 url('img/backgrounds/bg_navi.jpg') no-repeat top left;
	padding: 35px 10px;
	text-align: center;
}

*+html #navi{
    float: left; 
    display:inline;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}

* html #navi{
    float: left; 
		display: block;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
    width: 497px;
}

#navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#navi ul li {
	display: inline;
	margin: 0;
	padding: 0 15px;	
}

#navi ul li a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#navi ul li a:hover {
	text-decoration: underline;	
}

#navi a.maillink {
	font-size: 10px;
	line-height: 10px;
	padding: 16px 0 16px 17px;
	display: block;
	width: 200px;
	height: 10px;
	background: transparent url('img/backgrounds/maillink.png') no-repeat center left;
	text-decoration: none;
	color: #333333;
	margin: 20px auto 0 auto;
}

* html #navi a.maillink {
	width: 217px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li{
	margin: 0;
	padding: 3px 0;
}

#menu ul li a{
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
}

#menu ul li a.home{
	display: block;
	width: 150px;
	height: 32px;
	background: transparent url('img/backgrounds/home.png') no-repeat top left;
	margin-bottom: 8px;
}

#menu ul li a.home span {
	display: none;
}

#menu ul li a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}

#menu ul li a.act,
#menu ul li.current_page_item > a
{
	color: #FFFFFF;
}

#menu ul li ul
{
	margin: 0;
	padding: 2px 0 0 12px;
}

#menu > ul > li > a
{
	text-transform: uppercase;
}


.fBox {
	float: left;
}

.fBox.wB {
	border-right: 1px solid #626262;
}

#footer .fBox {
	padding: 0 26px;
}

.listBox {
		background: #7D7D7D url('img/backgrounds/transition_listbox.jpg') repeat-x top left;
		border-bottom: 1px solid white;
		margin-bottom: 15px;
}

.listBox.smallLft {
	float: left;
	width: 285px;
}

.listBox.smallRgt {
	float: right;
	width: 285px;
}

.listBox img {
	border: 1px solid white;
}

.listBox div.img {
	float: left;
	background-color: #7E7E7E;
	padding: 5px;
}

.listBox div.txt {
	float: left;
	padding: 5px 10px;
}

.listBox div.txt span {
	display: block;
	font-size: 11px;
	padding: 0;
	margin: 0 0 4px 0;
}

.listBox div.txt h2 {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 8px 0;
}

.listBox div.txt h2 a {
	color: white;
	text-decoration: none;
}

.listBox div.txt h2 a:hover {
	text-decoration: underline;
}

.listBox div.txt p {
	font-size: 12px;
}

/* Gallery */

a.shadowbox img{
	border: 1px solid white;
}

#content .gallery {
	background: #7D7D7D url('img/backgrounds/transition_listbox.jpg') repeat-x top left;	
	margin: 0;
	padding: 0 3px 5px 3px;	
}

* html #content .gallery {
	width: 100%;
}

#content .gallery-row {
	padding: 8px 0 0 0;
	margin: 0;
}

#content .gallery .gallery-item img {
	padding: 1px;
	margin: 0;
}

 
#content .gallery .gallery-item img.thumbnail {
	margin: 0;
	padding: 0;	
}

/* Formulare */

.wpcf7-form {
	padding: 25px 50px;
}

.wpcf7-form label {
	color: white;
	font-weight: bold;
	margin: 1px 0;
  float:left;
  width: 20%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */	
  text-align: right;
}

.wpcf7-form .radiobox label {
	float: none;
	font-weight: normal;
	width: 80%;
	text-align: left;
	 
}

#content .wpcf7-form span {
	display: block;
  width: 67.8%; 
  margin-left: 22%;	
	margin-right: -3px;  
}

#content span.wpcf7-not-valid-tip {
	color: #DC5B2C;
	border: 1px solid #DC5B2C;
	background-color: white;
	background-image: none;	
	font-size: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow:0 0 4px #333;
	-moz-box-shadow: 0 0 4px #333;
	box-shadow:0 0 4px #333;
	width: auto;
	padding: 3px;		
}

#content div.wpcf7-validation-errors,
#content div.wpcf7-mail-sent-ok {
	color: #DC5B2C;
	border: 2px solid #DC5B2C;
	background-color: white;
	background-image: none;	
	font-size: 11px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-webkit-box-shadow:0 0 9px #333;
	-moz-box-shadow: 0 0 9px #333;
	box-shadow:0 0 9px #333;
	width: auto;
	padding: 5px;		
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
  color: #DC5B2C;
  border: 1px solid #a9aaac;
  font-size: 11px;
	width: 304px;  
	margin-bottom: 7px; 
	background: #f8f9fb url('img/backgrounds/bg_input.jpg') no-repeat top left;		
  padding: 3px;	
}

.wpcf7-form input.hidden {
	display: none;
}

.wpcf7-form input.not {
	border: none;
	background-color: transparent;
	background-image: none;
}

.wpcf7-form .radiobox {
	padding: 2px 10px;
	border-bottom: 1px solid	#999999;
}

.wpcf7-form .radiobox input {
	float: none;
	width: auto;
	border: none;
	position: relative;
	top: 2px;
}

/*
#content .wpcf7-form input.submit
{
	margin: 20px 10px 10px 10px;
	padding: 2px 20px;
	font-size: 12px;
	font-weight: bold;
	border: 3px solid #DC5B2C;
	background-color: #DC5B2C;
	background-image: none;
	color: white;
	width: auto;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-box-shadow:0 0 7px #333;
	-moz-box-shadow: 0 0 7px #333;
	box-shadow:0 0 7px #333;		  	
}
*/

#content .wpcf7-form input.submitbutton
{
	display: block;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	background: transparent url('img/buttons/submit.png') no-repeat top left;	
	color: black;
	width: 91px;
	height: 34px;
	border: none;
	opacity: 0.5;
	text-align: center;
	padding: 10px 0;
	margin: 0 0 0 103px;
}

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus,
.wpcf7-form input:hover,
.wpcf7-form select:hover,
.wpcf7-form textarea:hover,
.wpcf7-form input:active,
.wpcf7-form select:active,
.wpcf7-form textarea:active {
   border:1px #DC5B2C solid;
}
#content .wpcf7-form input.not:hover,
#content .wpcf7-form input.not:focus,
#content .wpcf7-form input.not:active, 
#content .wpcf7-form input.submitbutton:hover,
#content .wpcf7-form input.submitbutton:focus,
#content .wpcf7-form input.submitbutton:active
{
	border: none;
	opacity: 1;
}



div.clearLeft,
div.clearRight,
div.clearAll {

	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

div.clearLeft {
	clear:left;
}

*+html div.clearLeft {
	display: inline-block;
}

* html div.clearLeft { 
		clear: both;
	height: 1%; 
	display: block;
}

div.clearRight {
	clear:right;
}

*+html div.clearRight {
	display: inline-block;
}

* html div.clearRight { 
	clear: both;
	height: 1%; 
	display: block;
}

div.clearAll {
	clear:both;
	
}

*+html div.clearAll {
	display: inline-block;
}

* html div.clearAll { 
		clear: both;
	height: 1%;
	display: block; 
}

#homesocial {
	margin-top: 10px;
	margin-left: 38px;
	padding-bottom: 1px;
}

#contentsocial {
	position: absolute;
	margin-left: 365px;
	margin-top: -40px;
}

#facebookbutton {
	margin-right: 2px;
}