/*
Theme Name: Dachbau Rodig
Author: mh @ ito consult gmbh 
Author URI: http://itoconsult.de/
Version: 1.0
*/


/* CSS Document */

/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}a img{border:none;}a{outline:none!important;text-decoration:none;}

.clear {clear: both;}

body {
  background: url("gfx/bg.jpg") no-repeat fixed center top transparent;
  font: 0.75em/1.6em Arial, Helvetica, sans-serif; color: #555;
}

#upper-shadow {
  background: url("gfx/upper-shadow.png") no-repeat scroll center center transparent;
  height: 39px;
  margin: 50px 0 0;
  width: 100%;
}

#down-shadow {
  background: url("gfx/down-shadow.png") no-repeat scroll center center transparent;
  height: 39px;
  margin: 0 0 50px;
  width: 100%;
}

#background {
  background: url("gfx/background.png") repeat-y scroll center -45px transparent;
  width: 100%;
}

#wrapper {
  margin: 0 auto;
  text-align: left;
  width: 960px;
}

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

.header-logo {
  float: left;
  margin: -30px 0 0;
  padding: 0 0 5px 20px;
}

.header-menu {
  float: right;
  margin-top: 38px;
}

.header-menu nav ul li {float: left;}
.header-menu nav ul li a {display: block; padding: 20px 10px; margin: 0 0 0 1px; color: #6F6F6F;}
.header-menu nav ul li.current-menu-item a {
    color: #D6D6D6 !important;
}

.newspaper {position:absolute; margin:34px 0 0 270px;}

.newspaper a{display:block; text-indent:-999em; overflow:hidden; width:181px; height:67px; background:url(gfx/news.png) no-repeat;}

.flyer a{display:block; text-indent:-999em; overflow:hidden;  width:227px; height:191px; background:url(gfx/flyer_tag2.png) no-repeat;}

.flyer {position:absolute; z-index:100; width:227px; height:191px; margin:-6px 0 0 960px;}


/* ###########################################################################################
										SLIDER
########################################################################################### */

/* ###########################################################################################
										MAIN
########################################################################################### */

#main {padding-top: 40px;}
#content {position: relative;}
.headerImage img {line-height: 1; display:block;}

/*HEADLINE*/
h1.title-line {text-align: center; width: 100%;} 
h2.title-line {display: block; width: 100%; color: #414141;
  margin-bottom: 6px;
  min-height: 182px;
}
h2.title-line a {text-transform: uppercase; color: #414141; font-size: 1.2em;}
h2.title-line a:hover {color: #8b8b8b;}

strong, b {font-weight: 900;}

.page-image-holder {
  float: left;
  margin: 0 0 22px;
}

.front-blank-image {width: 202px; height: 130px; background: #ccc; display:block; margin: 0 0  6px 0;}

.page-title-text {
  background-color: #4C4C4C;
  color: #FFFFFF;
  display: inline-block;
  font-family: "PT Sans",sans-serif;
  font-size: 1.4em;
  line-height: 22px;
  margin: 0 auto 44px;
  padding: 7px 23px;
  position: relative;
  text-transform: uppercase;
  z-index: 6;
}

.title-width-line {
  background: url("gfx/color-bar.png") repeat-x scroll center bottom transparent;
  height: 6px;
  position: relative;
  top: -66px;
  width: 100%;
  z-index: 5;
  display:block;
}

.page-entry {padding: 0 0 30px 0;}
.page-entry h1 {color: #6F6F6F; font-size: 1.5em; margin: 0 0 0.7em 0;}
.page-entry h1.title-line {font-size: 1em; margin: 0 0 6px 0;}
.page-entry h2 {color: #6F6F6F; font-size: 1.3em; margin: 0 0 0.7em 0;}
.page-entry h3 {color: #6F6F6F; font-size: 1.1em; margin: 0 0 0.5em 0; font-weight: bold;}

.page-entry p {margin: 0; padding: 0 0 0.5em 0;}
.page-entry table {margin: 0 0 .5em 0;}
.page-entry p a, .page-entry li a  {color: #E3000F; font-weight: 900;}
.page-entry p a:hover, .page-entry li a:hover {color: #a6000b}

.col_4 h1 {font: 1.3em/2em 'PT Sans', Arial, Helvetica, sans-serif; color: #666; border-bottom: 1px solid #ccc; margin: 30px 0;}

.col_4 {
    display: block;
	padding: 0 0 30px 0;
}

.col1 {
  float: left;
  font-family: "PT Sans",sans-serif;
  margin: 0 49px 0 0;
  width: 203px;
}

.col_k1 {float: left;
  font-family: "PT Sans",sans-serif;
  margin: 0 20px 0 0;
  width: 266px;
  background: #ddd;
  background: rgba(0,0,0,0.1);
  padding: 20px;
}

.col1 .page-entry.short  {
  color: #666666;
  font-family: Helvetica,sans-serif;
  min-height: 90px;
  width: 100%;
  padding: 0;
}

.last {
    margin: 0;
}

.cell_read_more {
  background: url("gfx/read-more-arrow.png") no-repeat scroll left center transparent;
  display: inline-block;
  font-size: 11px;
  margin: 0 0 0.5em 0;
  padding-left: 18px;
  color: #414141;
}

.cell_read_more:hover {color: #8b8b8b;}

/* ###########################################################################################
										SUCHE
########################################################################################### */
.searchresult h2.title-line a {color: #fff; font-size: inherit;}
.searchresult h2.title-line {min-height: 0;}
.searchresult h2.title-line .page-title-text {margin: 0 auto;}
.searchresult h2.title-line .title-width-line {top: -24px;}
.searchresult h2.title-line a:hover {color: #E3000F;}
.searchresult .page-entry {padding: 0;}
.searchlink {margin: 0;}

#searchform input#s {background: #fff; padding: 3px 5px; border: 1px solid #ccc;}
#searchform input#searchsubmit {background: #4C4C4C; color: #fff; padding: 3px 5px; border: none;}
#searchform input#searchsubmit:hover {background: #444444;}

#searchform input#s:focus {border-color: #3CF;}
/* ###########################################################################################
										KONTAKT
########################################################################################### */



#gmap {margin-bottom: 30px;}

.col_k1 table {width: 100%; empty-cells:show; border-collapse: collapse; border-spacing: 0;}
.col_k1 table tr td.info,
.col_k1 table tr td.tel,
.col_k1 table tr td.mobil,
.col_k1 table tr td.fax,
.col_k1 table tr td.mail,
.col_k1 table tr td.address,
.col_k1 table tr td.web {padding: 0 0 0 30px; background-position: left center; line-height: 16px; background-repeat: no-repeat;}


.col_k1 table tr td.info {background-image: url(gfx/icons/info.png);background-position: left 2px;}
.col_k1 table tr td.tel {background-image: url(gfx/icons/tel.png);}
.col_k1 table tr td.mobil {background-image: url(gfx/icons/mobil.png);}
.col_k1 table tr td.fax {background-image: url(gfx/icons/fax.png);}
.col_k1 table tr td.mail {background-image: url(gfx/icons/mail.png);}
.col_k1 table tr td.address {background-image: url(gfx/icons/map.png); background-position: left 2px;}
.col_k1 table tr td.web {background-image: url(gfx/icons/web.png);}


.col_f1 {float: left;
  font-family: "PT Sans",sans-serif;
  margin: 0 1px 0 0;
  width: 279px;
  background: #ddd;
  background: rgba(0,0,0,0.1);
  padding: 20px 20px 17px 20px;
  height: 170px;
}


.col_f1 input {border: 1px solid #ccc; background: #fff; padding: 5px 10px; font-size: 1em; width: 257px; margin: 0 0 5px 0; color:#555;}
.col_f1 input.wpcf7-submit {width: auto; background: #666; border: 1px solid #666; color: #fff; padding: 5px 40px; float:right; margin: 0 3px 0 0;}
.col_f1 input.wpcf7-submit:hover {background: #444; border-color: #444;}
.col_f1 select{border: 1px solid #ccc; background: #fff; padding: 5px 10px; font-size: 1em; width: 279px; margin: 0 0 5px 0; color:#555;}
.col_f1 textarea {border: 1px solid #ccc; background: #fff; padding: 5px 10px; font: 1em/1.4em Arial, Helvetica, sans-serif; width: 254px; margin: 0 0 5px 0;  color:#555; height: 83px;}
.col_f1 input:focus, .col_f1 select:focus, .col_f1 textarea:focus {border-color: #3CF;}

.wpcf7-response-output {clear: both; margin: 20px 0 0 0;}

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

footer.inner {
  background: url("gfx/twit_back.png") repeat-y scroll center center transparent;
  margin: 0 auto;
  padding: 0 0 20px;
  width: 100%;
}

.footer-container {
  margin: 0 auto;
  width: 960px;
}

.footer_box {float: left;
  font-family: "PT Sans",sans-serif;
  margin: 0 20px 0 0;
  width: 306px;
  padding: 20px 0px 0px 0px;
  height: auto}
  
.footer_box.mid {text-align:center;}
.footer_box.last {margin: 0; text-align: right;}

.footer_box aside h3.widget-title {color: #666; font-size: 1.3em; margin: 0 0 20px 0;}
.footer_box aside ul.menu li a {color: #555;}
.footer_box aside ul.menu li a:hover {text-decoration: underline; color: #888;}
.footer_box aside p {margin: 0 0 0.5em 0;}

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

.copyright {margin: 0px auto;
  text-align: center;
  width: 960px;}
  
.copyright p {padding: 20px 0; margin: 0; color: #888;}

.copyright p a.fb_icon {background: url("gfx/facebook.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 18px;
    overflow: hidden;
    text-decoration: none !important;
    text-indent: -9999px;
    width: 21px;
	margin: -3px 0;}
	
.copyright p a.tw_icon {background: url("gfx/twitter.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 17px;
    overflow: hidden;
    text-decoration: none !important;
    text-indent: -9999px;
    width: 21px;
	margin: -3px 0;}


#ito {background: url("gfx/ito.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    text-decoration: none !important;
    text-indent: -9999px;
    width: 15px;}
	
#ito:hover {background-position: bottom center;}
.copyright p a.fb_icon:hover, .copyright p a.tw_icon:hover {background-position: left bottom;}

.link a {margin: 0 0 20px 0; display: inline-block; padding: 5px 15px; background: #E3000F; color: #fff; border-radius: 3px; transition: all .3s;}
.link a:hover {background: #B8000C;}

#cookiehint {position: fixed; left: 0; right: 0; bottom: -20em; background: rgba(227,0,15,.9); color: #fff; font-weight: 500; z-index: 999999999999; transition: all 500ms; padding: 1.5rem 0; font-size: 1rem;}
body.nocookie  #cookiehint {bottom: 0;}
#cookiehint .container {width: 960px; margin: 0 auto; display: block;}
#cookiehint p {margin: 0; padding: 0; line-height: 1.5;}
#cookiehint a {color: inherit;}
#cookiehint .btn {border: 1px solid rgba(0,0,0,.2); background: rgba(0,0,0,.1); color: #fff; padding: .25rem .5rem; border-radius: 3px; margin-top: 1rem; cursor: pointer; font-size: 1rem;}
#cookiehint .btn:hover {background: rgba(0,0,0,.2);}