/*
Theme Name: prodatv3
Description: PRODAT Version 1.3
Author: Marcus Friedemann
Author URI: www.prodat-sql.de
Version: 1.3 */


html { 	/* Force vertical scrollbar */
	overflow-y: scroll;
	height: 100%;
	margin-bottom: .0001em;
}
body {	
        background-image: url(images/body_bg.png); 
        background-color: #f8f7f7; /* grau #f8f7f7  blau #336699 */
        background-repeat: repeat-x;
	font-size: 13px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	line-height: 17px;
}

#wrap {width: 980px; text-align: left;}

/* ################################## Allgemein ################################## */

* {padding: 0px;margin: 0px;list-style: none;}

a img {border: none;}

hr {display:none;}
#hrwrap { height:20px; width:100%; float:left; padding:10px 0 10px 0;border-top: #ececec solid 1px; background: #fff url(images/linemain_tr.png) no-repeat;} 
#hrwrapinv{height:20px; width:100%; float:left; padding:0px 0 0px 0;} 

.clearfix:after { /* alle Elemente, die nicht gewrappt sind firefox */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;	margin-right: auto;}

.borderright{border-right:#ececec solid 1px; height:220px;}

/* ################################## HEADER ################################## */

#impressum {   
        float: right;        
        height: 18px; width: 170px; 
        margin: 0px 0px 0px 0px; padding-top: 8px;        
        font-family: Arial, Helvetica, sans-serif;        
        font-size: 10px; text-align: right; color: #777;
}

#impressum ul li {display: inline;list-style: none;}
#impressum ul li a:link, #impressum ul li a:visited{color: #666;text-decoration: none;}
#impressum ul li a:hover, #impressum ul li a:active{text-decoration: underline;}

#header {clear:right; width:980px; height: 96px;}

h1.logo {width:250px; height:30px; margin-bottom:33px; display:block; text-indent:-9999px;}
h1.logo a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/logo.png) no-repeat; 
	outline:none;
}
h1.logo a:hover {background-position:0 -60px;}

.tl {background: url(images/nav_bg-l.png) 0 0 no-repeat; padding-left:1px;}
.tr {background: url(images/nav_bg-r.png) 100% 0 no-repeat; padding:0px 6px 0px 5px;}
#navigation {
        padding-top: 8px;  /* margin-top: 6px; font-family:Verdana; letter-spacing:0.01em*/
	height:29px; background:url(images/nav_bg.png) repeat-x;
	font-size:13px; font-weight:bold;   
}

/* #navigation ul {margin-left:10px;} */

#navigation ul li {padding: 0px 0px 0px 0px; display:inline; list-style:none;}
#navigation li a{text-decoration: none; border-right:1px solid #5f788a; padding-left:15px; padding-right:15px;}
#navigation ul li a:link, #navigation ul li a:visited{padding-top:2px; color:#ccc;} /*verschiebt btn */
#navigation ul li a:hover, #navigation ul li a:active{color: #3399cc;}
#navigation ul li.current_page_item a:link, #navigation ul li.current_page_item a:visited{color: #fff;}

/* nur wenn button benötigt 
#navbtn a:link, #navbtn a:visited {padding: 0px 0px 2px 15px; background:url(images/logo_active_btn.png) no-repeat;background-position: top right;}
#navbtn a:hover {background:url(images/logo_hover_btn.png) no-repeat; background-position: top right;}
#navbtn.active a:link, #navbtn.active a:visited{background:url(images/logo_btn.png) no-repeat; background-position: top right;} */


/* ################################## CONTENT ################################## */

#main {background: #fff;padding: 0px 0px 20px 0px; text-align: left; height: 1%;}

#content{margin-right:2px;padding-left:40px;}

#siteCat {height:114px;border-top: #ccc solid 1px;background: #fff url(images/siteCat.jpg) no-repeat;}
#siteCat h1 {padding: 45px 0px 0px 45px;font-size: 18px; color: #27343a;font-weight:bold;}

/*Produkt Navigation */
#navigation_p {width:940px;font-size:13px;font-family:Verdana; margin:30px 0 20px 0;border-bottom:#ccc solid 1px;}
#navigation_p ul li {padding: 0px 28px 10px 0px;display: inline; list-style: none;}
#navigation_p li a{text-decoration: none;}
#navigation_p ul li a:link, #navigation_p ul li a:visited{padding-top: 2px;color: #999;}
#navigation_p ul li a:hover, #navigation_p ul li a:active{color: #336699;}
#navigation_p ul li.current_page_item a:link, #navigation_p ul li.current_page_item a:visited{color: #333;}

#colcontainer{width: 940px;float: left;height:1%;}
#colcontainer img{width: auto;margin:0; padding:0;}
#colcontainer .doplt p{font-size: 14px;color:#666;margin-bottom: 20px; }

#prodcontainer{width: 580px;float: left; height:1%; }

.column {float: left; width: 900px;padding: 0px 0px 20px 0;} /* nur eine spalte */
#columnleft_img {float: left;width: 410px; height: 370px;padding: 0px 40px 0 0px;}
#columnleft {float: left;width: 410px; padding: 0px 40px 20px 0px;} /* height: 230px; */
#columnright_img {float: right;width: 410px;height: 370px;padding: 0px 40px 0 0px;}
#columnright {float: right;width: 410px;padding: 0px 40px 20px 0px;}

/* 4 Spalten innerhalb Seiten */  
.colCon{            
width: 900px; padding:10px 0px 10px 10px; float:left; 
background:#f8f7f7;border-top:#eee solid 1px;border-bottom:#eee solid 1px;       
}
.colCon ul li{list-style:none;line-height: 150%;}
.colCon a:link, .colCon a:visited{color: #336699;}
.colCon a:hover, .colCon a:active, .column a:hover, .column a:active{text-decoration: none;}
.borderforimg {margin-bottom:8px;border:#ececec solid 4px;}
.valignmid {vertical-align:middle; border-right:#f8f7f7 solid 4px;}

.vleft {float:left;width:197px;margin:12px 0 0 0px;padding-right:15px;}
.vmiddle{float: left;width:197px;margin:12px 0 0 0px;padding:0 15px 0 15px;}
.vright {float: left;width: 197px;margin: 12px 0 0 0px;padding-left:15px;} 
.vleft p, .vmiddle p, .vright p{font-size: 12px;line-height: 130%;color:#555;}

/* Text Styles */
#content h1, h2, h3, h4, ul, ol, p {padding-bottom: 10px;}
.post {padding: 0px 0px 20px 0px;}
.post a,.entry a {color: #336699; font-size: 100%;}
.news {float:left; width:550px; padding-bottom:30px;}
.meta {border-top:1px solid #ddd; color:#999; margin-top:20px; padding-top:6px; padding-left:6px; font-size: 85%;}
h3 {margin:0 0 4px 0; font-size:17px; color:#333; font-weight: normal;}

.entry {padding:20px 40px 20px 0px;}
.entry h1{margin: 8px 0 6px 0;font-size: 15px;color: #336699;font-weight: bold;}
.news h1 a:link, .news h1 a:visited{color:#336699; text-decoration:none;}
.news h1 a:hover, .news h1 a:active{color:#222;}
.entry blockquote p {color:#336699;}

.entry .news h2{margin-top:15px; font-size:16px; color:#666; font-weight:normal;} 
.entry h2{margin-bottom:-3px; font-size: 16px;color: #666;font-weight: normal;}
.entry p {padding-right: 10px; font-size: 13px;line-height: 140%;color:#777;}
.entry ul li {font-size:13px; line-height:150%; color:#777;}
.entry img{margin-bottom:8px; margin-right:8px;/*border:#ececec solid 4px;*/}

.entryimg{float:left; margin: -10px 30px 0 0;}
.entryprodimg{float:right; margin: -1px -10px 0 0;border:none;}

.wp-pagenavi{clear:both; float:left;}

/* Box Seiten */
#box_pcont{width:540px;float:right;height:1%;background:#f8f7f7;border-top:#eee solid 1px;border-bottom:#eee solid 1px;margin:10px 10px 0 0;padding:15px;}
#box_pcont a:link, #box_pcont a:visited{color: #336699;text-decoration:underline;}
#box_pcont a:hover, #box_pcont a:active{text-decoration:none;}


/* Funktionen Seite*/
#thincol {float: left; width: 220px;padding: 3px 0 0 0;} /* Produkt spalte */

.box_cont{width:540px;float:right;height:1%;margin:10px 10px 0 0;}
.bg_grey{background:#f8f7f7; border-top:#eee solid 1px; border-bottom:#eee solid 1px; padding-left:15px;}
.box_cont a:link, .box_cont a:visited{color:#777;text-decoration:none;}
.box_cont a:hover, .box_cont a:active{color: #336699;}
.box_cont img{float:left;margin:0 10px 0 0;}

/* Tabellen */
#tableholder{float: left; width: 550px; margin-top: 40px;font-size: 11px;color: #777;}
td{margin: 0;padding: 3px 5px; border-bottom: 1px solid #ececec;}
.trhead{background: #336699;height: 16px;color:white;}

#tableholder_beratung{float: left; width: 550px; margin-top: 20px;font-size: 11px;color: #777;}
td{margin: 0;padding: 3px 5px; border-bottom: 1px solid #ececec;}
.trhead{background: #336699;height: 16px;color:white;}


/* ################################## FRONTPAGE ################################## */

#boxes{width: 940px; height: 117px; padding: 20px 0 10px 33px; float:left;}
#boxes p{font-size:12px; line-height:120%; color:#555; padding:24px 0 0 9px;}
#boxes a:link, #boxes a:visited{color: #336699;}
#boxes a:hover, #boxes a:active{text-decoration: none;}

#boxes_l{background: url(images/box_fp1.png) no-repeat; float:left; width:280px; height:91px; padding-right:16px; border-right:#eeeeee solid 1px;} 
#boxes_m{background: url(images/box_fp2.png) no-repeat; float:left; width:280px; height:91px; padding-right:16px; margin-left:15px; border-right:#eeeeee solid 1px;}
#boxes_r{background: url(images/box_fp3.png) no-repeat; float:left; width:280px; height:91px; padding-right:16px; margin-left:15px; border-right:#eeeeee solid 1px;}

.postfront_l {padding:10px 0px 10px 0px; width:410px; float:left;}
.postfront_r {padding:10px 40px 10px 0px; width:410px; float:right;}

.frontentry p {font-size: 13px;line-height: 140%;color:#777;/*text-align:justify;*/}
.frontentry p a:link, .frontentry p a:visited{color: #336699;text-decoration: none;}
.frontentry p a:hover, .frontentry p a:active{text-decoration: underline;}

.frontentry h1, .frontentry h1 a, .frontentry h1 a:visited{margin-bottom:8px; font-size:15px; color:#336699; font-weight:bold; text-decoration:none;}
.frontentry h1 a:hover, .frontentry h1 a:active{color:#555;}

/* NEWS 3 columns */  
#frontCon{float:left;margin-right:2px;padding-left:40px;}   
#frontCon h3{
  font-size:13px;font-family:Verdana;color: #333;
  margin:15px 7px 3px -5px; width:100%; letter-spacing: 0px;
  background:URL(images/h3_bg.gif)  repeat-x left center;
  clear: both;   
}
#frontCon h3 span{ background:#fff; padding-right:7px; }

#frontCon p{font-size: 95%;}

.imgcont_fp {
float:left;background: #fff; 
border-top:1px solid #eeeeee;border-right:2px solid #eeeeee;
border-left:1px solid #eeeeee;border-bottom:2px solid #eeeeee;
width: 275px; height: 120px;margin:-5px 0 15px -5px;
}
.imgcont_fp img, #colcontainer .imgcont_fp img {padding: 10px;}
#newsleft {float: left; width: 275px;margin: 12px 0 0 0;} 
#newsmiddle {float: left; width: 275px;margin: 12px 0 0 35px;}
#newsright {float: left;width: 275px;margin: 12px 0 0 35px;} 

/* Jquery Catcher */
ul#jqmenu {        
	  width:980px; height:224px; margin:0; padding:0;		
	  background:white; border-top: #ccc solid 1px;          
}
	
ul#jqmenu li {float:left;} /* Float LI Elements - horizontal display */
	
ul#jqmenu li a {  /* Link - common attributes */
	        background:url(images/catcher_start.jpg) no-repeat scroll top left;
		display:block; height:224px; position:relative; text-decoration: none;
}
	
ul#jqmenu li a.home {width:980px; /* Specify width and background position attributes specifically for the class: "home" */ }
	
	
ul#jqmenu li a span {    /* Span (on hover) - common attributes */
		background:url(images/catcher_start.jpg) no-repeat scroll bottom left;
		display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;
}
	
ul#jqmenu li a span:hover {cursor:pointer; /* Span (on hover) - display pointer */ }
	
ul#jqmenu li a.home span {background-position:0px -224px; /* Shift background position on hover for the class: "home" */ }




/* ################################## FOOTER ################################## */

#footer {
float: left;
width: 980px; height: 130px;   
margin-bottom: 10px;    
color: #999;font-size: 10px;
border-top: #ececec solid 5px;border-bottom: #ececec solid 1px;
}
#footer a, #footer a:visited{color: #999;text-decoration: none;}
#footer a:hover,#footer a:active {text-decoration: underline;}

#FooterL{float: left; width: 270px;margin:20px 40px 0 40px;}
#FooterM {float: left; width: 270px;margin:20px 0 0 0;}
#FooterR{float: right;width: 270px;margin:20px 40px 0 0; /* background: url(images/footer-logo.png) no-repeat;background-position: 150px 40px; */} 

/* ################################## SIDEBAR ################################## */

#navcontainer{float:right;width: 275px;padding-right: 40px;margin-top:25px;font-size: 12px;}
#sidebar {float: right; width: 275px; padding-right: 10px;margin:25px 30px 0 40px;;font-size: 12px;}

#navcontainer h1, #sidebar h1 {font-size: 14px;color: #333;font-weight: bold;padding: 15px 5px 15px 10px;border-bottom: 1px solid #eee;}

.bgl {border-top: 2px solid #336699; margin-bottom: 20px;background: #f8f7f7 url(images/dot.gif) repeat-y;}
.bgl p{color: #777;font-size: 11px;text-align:left; padding: 12px;}
.bgl a:link, .bgl a:visited{color: #336699;text-decoration: none;}
.bgl a:hover, .bgl a:active{text-decoration: underline;}
.bgbr {background: url(images/bgbr.gifff) 100% 100% no-repeat; padding-bottom:5px;}
.bgtr {background: url(images/bgtr.gifff) 100% 0 no-repeat; padding:10px;}

ul#link_list {padding: 10px;}
ul#link_list li{padding-bottom: 8px;}
ul#link_list li a{color: #777;text-decoration: none;}
ul#link_list li a img{margin-bottom: 2px;margin-right: 3px;}
ul#link_list li a:hover, ul#link_list li a:active{color:#336699;}

ul#navlist li{display: block;list-style: none;}

ul#navlist li a{display:block; text-decoration:none; color:#777; padding:10px 0 10px 10px; border-bottom:1px solid #eee;}
ul#navlist li a img{margin-bottom: -8px;margin-right: 5px;}
#navcontainer>ul#navlist li a {width: auto;}
ul#navlist li#active a{color:#336699; }
ul#navlist li a:hover, ul#navlist li#active a:hover{background: #eee;}

/* ############################## PLUGIN Rewrites ############################## */
#box_pcont .wpcf7-mail-sent-ok {color:#336699; border:none;}

.wpcf7-response-output {width:450px; float:left; margin:2em 0.5em 1em; padding:0.2em 1em;}