/**
 *
 *Theme Name: TGW
 *Theme URI: http://artegraph.de
 *@Author: Simone Flossmann, Artegraph GbR
 */
 
body {
overflow: hidden;
}

@media only screen and (max-width: 1650px) {
  body {
    overflow-x: scroll;
  }
}

@media only screen and (max-height: 850px) {
  body {
    overflow-y: scroll;
  }
}

* {margin:0; padding:0;}

/* TEXT SIZES */
p, a, ul a {
	font-size:1em;
	text-decoration: none;
	text-align:left;
	}
h1
	{
	font-size:1.5em;
	line-height: 1.3em;
	}
h2, h3, h4, h5, h6 
	{
	font-size:1.05em;
	line-height: 1.3em;
	}
label
	{
	display: none;	
	}
.backlink
	{
	width: 100%;
	text-align:center;
	}
.backlink a
	{
	font-weight: bold;
	color: #aa0000;
	}
.servicelink a
	{
	margin-left: 20px;
	font-style: italic;
  	font-weight: normal;
  	font-size: 1em;
    text-decoration:none;
	}
/* TEXT COLORS */
h1 {
	color:#000066;
	}
h2, h3, h4, h5, h6 {
	color:#000000;
	}
p, li, ul {
	color:#000000;
	}
a, li a, ul a {
	color:#999900;
	}
a:hover {
	color:#B8B84D;
	}
#content_inner p 
	{
	color: #000000;
	}
#content_inner p a:hover	
	{
	color: #5199CB;
	}
body
	{
	text-align:center;  /* IE6 needs this to center the layout in the browser window */
	font-family: Verdana, Helvetica Neue, Arial, sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-size: 12px;
    text-decoration:none;
	line-height: 1.4em;
	background-color: #999900;
	background-image: url('images/footer_streifen.jpg');
	background-attachment: fixed;
	background-repeat: repeat-y;
	height: 100%;
	width: 100%;
	position:absolute;
	}

#main 
	{
	margin:auto; 
	text-align:left;
	min-width: 1650px;
	height: auto;
	width: 100%;
	background-color: #D6D699;
	}
body.category-sanierung
{
	min-width: 1900px;
	}
#header 
	{
	width: 100%;
	margin: 0;
	padding: 0;
	}
#header_inner_1
	{
	left: 0;
	height: 80px;
	background-color: #ffffff;
	width: 100%;
	position: relative;
	}
#header_inner_1 a
	{
	width:414px;
	height: 28px;
	top: 28px;
	left: 50px;
	display: block;
	background-image: url('images/tgw_logo.jpg');
	position: absolute;
	}
#sidebar_404	
	{
	width: 200px;
	float: left;
	padding-right:10px;
	}
#footer 
	{
	width:100%;
	height: 80px;
	float: left;
	}
/* Navigation oben */
#nav-2
	{
	height: 75px;
	padding:0;
	background-color: #D6D699;
	}
#nav-2_inner
	{
	padding:0;
	margin-left: 50px;
	background-color:#D6D699;
	}
#nav-2_inner li
	{
	display: block;
	float: left;
	padding: 2em 2.5em 0 0;
	}
#nav-2_inner li a
	{
	font-weight: bold;
  	font-size: 1.1em;
	color:#ffffff;
	}
#nav-2_inner li a:hover
	{
	color:#A8A826;
	}
/* SUCHEN */

#searchbox
{
	float:left;
	height: 75px;
    	width: 600px;
	background-color: #D6D699;
}
#search, #submit
{
    	float: left;
}

#search
{
	margin-top: 20px;
    	padding: 4px 9px;
    	height: 20px;
    	width: 280px;
    	border: 0px;
    	font: normal 13px 'verdana', arial, helvetica;
    	background: #f1f1f1;

    -moz-border-radius: 0px;
     border-radius: 0px;
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
}
body.search #main
	{
	min-width: auto;
	}
body.search #post
	{
	margin-top: -30px;
	}
body.search #post_inner
	{
	margin-top: 30px;
	}
body.search li.sheet {
	background-color: #FFFFFF;
	padding: 0 0 30px 30px;
	margin: -30px 0 0 -30px;
	}
body.search .inbox {
	margin: 30px 30px 30px 0;
	padding: 0 0 30px 0;
	}
body.search.inbox a{
	width: 100%;
	}
	
body.search .searchoverbox,
body.search .searchovertext
{
	margin-left: 30px;
	}	
/* ----------------------- */

#submit
{
    background: #C7C773;
    background-image: -moz-linear-gradient(#BDBD59, #C7C773);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C7C773),color-stop(1, #BDBD59));

    	-moz-border-radius: 0px;
   	border-radius: 0px;
	border-width: 0;

     -moz-box-shadow: 0px rgba(0, 0, 0, 0.3), 0 0px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0px rgba(0, 0, 0, 0.3), 0 0px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0px rgba(0, 0, 0, 0.3), 0 0px 0 rgba(255, 255, 255, 0.3) inset;       

    height: 30px;
    margin: 20px 0 0 0;
    padding: 0 0 0.1em 0;
    width: 90px;
    cursor: pointer;
    font: bold 13px Verdana,Helvetica Neue,Arial,sans-serif;
    color: #ffffff;

    text-shadow: 0 rgba(255,255,255,0.5);
}

#submit:hover
{
    background: #B8B84D;
    background-image: -moz-linear-gradient(#A8A826, #B8B84D);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #B8B84D),color-stop(1, #A8A826));
}  

#submit:active
{
    background:#B8B84D;
    outline: none;

     -moz-box-shadow: 0px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0px  rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0px rgba(0, 0, 0, 0.5) inset;
}

#submit::-moz-focus-inner
{
       border: 0;  /* Small centering fix for Firefox */
}
/* Navigation links */
#nav-1
	{
	float: left;
	width: 290px;
	height: 630px;
	background-color: #D6D699;
	position: relative;
	}
#nav-1_inner
	{
	float: left;
	background-color: #D6D699;
	padding-left: 30px;
	bottom: 0;
	position: absolute;
	}
#nav-1_inner li a
	{
	color:#000000;
	width: 260px;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	}
#nav-1_inner h2
	{
	display: none;	
	}
#nav-1_inner ul.menu li a:hover, ul.xoxo li a:hover
	{
	color: #000000;
	font-weight: bold;
	}
#nav-1 ul.menu
	{
	border-top: solid 2px #ffffff;
	}
#nav-1 ul.menu li, ul.xoxo li
	{
	width: 260px;
	height: 28px;
	text-align:left;
	list-style: none;
	border-bottom: solid 2px #ffffff;
	}
#nav-1 ul.menu li:hover, ul.xoxo li:hover
	{
	background-color: #cccc80;
	}
#nav-1 .current-menu-item
	{
	display: block;
	background-color: #FFFFFF;
	font-weight: bold;
	}
ul.eme_events_list li a
	{
	font-weight: bold;
	background-color: #FFFFFF;
	}
#mainbox 
	{
	width: 100%;
	max-height: 630px;
	}
#post, #singlepost
	{
	margin: 0;
	padding: 0;
	margin-left: 290px;
	max-height: 630px;
	width: auto;
	overflow:hidden;
	}
#sliderpost
	{
	margin-left: 290px;
	width: 100%;
	background-color: #FFFFFF;
	}
#sliderpost_inner
	{
	background-color: #FFFFFF;
	height:570px;
	width: 100%;
	padding: 30px 0 30px 30px;
	overflow: hidden;
	}
#singlepost_inner
	{
	float: left;
	background-color: #FFFFFF;
	min-height:630px;
	width: 100%;
	position: relative;
	}
#post_inner
	{
	position: relative;
	height: 600px;
	width: 100%;
	background-color: #FFFFFF;
	padding: 30px 0 0 30px;
	background-image: url('images/projekte_hg.jpg');
	background-position: 15px 15px;
	}
	
ol.post_innerbox
	{
	position: absolute;
	height: 600px;
	width: 100%;
	}
li.sheet 
	{
	padding: 0;
	margin:0;
	float: left;
	width: 200px;
	height: 200px;
	list-style: none;
	overflow: hidden;
	border-style: none;
	position: relative;
	}
.inbox a
	{
	display: block;
	background-color: #B8B84D;
	overflow: hidden;
	padding: 0;
	margin:0;
	float: left;
	width: 170px;
	height: 170px;
	}
.overbox 
	{
	display: none;
	position: absolute;
	width: 170px;
	height: 60px;
	background-color: #ffffff;
	opacity: 0.65;
	filter:alpha(opacity=65); /* For IE8 and earlier */
	left:0px;
	bottom:30px;
	}
.searchoverbox 
	{
	display: block;
	position: absolute;
	width: 170px;
	height: 60px;
	background-color: #ffffff;
	opacity: 0.65;
	filter:alpha(opacity=65); /* For IE8 and earlier */
	left:0px;
	bottom:30px;
	}
.overtext
	{
	display: none;
	position: absolute;
	left:10px;
	bottom:35px;
	color:#000000;
	height: 45px;
	width: 155px;
	text-decoration:none;
	}
.searchovertext
	{
	display: block;
	position: absolute;
	left:10px;
	bottom:35px;
	color:#000000;
	height: 45px;
	width: 150px;
	text-decoration:none;
	}
li.sheet:hover .overtext, li.sheet:hover .overbox
	{
	display: block;
	cursor: pointer;
	}
.postimg
	{
  	margin: 0px;
  	overflow:hidden;
	padding: 0;
	position: absolute;
	}
.postimg img
	{
	overflow:hidden;
	border-style: none;
	}
#projektbox
	{
	left: 30px;
	width: 260px;
	height: 100%;
	display: block;
	background-color: #ffffff;
	position: relative;
	}
p.projektdaten
	{
	color: #000000;
	padding: 2px 0 0 20px;
	font-size: 1em;
	line-height: 1.5em;
	}
p.projektinfo
	{
	color: #000000;
	padding: 5px 5px 0 20px;
	font-size: .95em;
	line-height: 1.4em;
	}
#scrollinfo
	{
	width: 260px;
	height: 165px;
	overflow:auto;
	}
#scrolltext
	{
	width: 260px;
	height: 280px;
	overflow:auto;
	}
#infobox
	{
	left: 30px;
	width: 260px;
	height: 100%;
	display: block;
	background-color: #999900;
	position: relative;
	}
#infobox .off
	{
	width: 260px;
	height: 100%;
	display: block;
	background-color: #D6D699;
	}
#infobox_page
	{
	width: 290px;
	height: 100%;
	display: block;
	background-color: #D6D699;
	}
#infobox p
	{
  	color: #ffffff;
	padding: 2px 5px 0 20px;
	font-size: .95em;
	font-weight: 550;
	line-height: 1.4em;
	display: block;
	}
#infobox h2, #projektbox h2
	{
  	padding: 10px 5px 5px 20px;
	font-weight: 700;
	color:#000000;
	overflow: hidden;
	}
#infobox .off h2, #infobox .off p
	{
  	display: none;
	}
#searchinfobox
	{
	left: -290px;
	top: -30px;
	width: 260px;
	height: 298px;
	display: block;
	background-color: #999900;
	position: absolute;
	}
#searchinfobox p
	{
	color: #ffffff;
	padding: 25px 5px 0 20px;
	font-size:1.05em;
	line-height: 1.3em;
	font-weight: 550;
	display: block;
	}
.date
	{
  bottom: 0px;
  margin-right: 0px;
  overflow:hidden;
  font-style: oblique;
	}
span.moretag
	{
 	font-style: oblique;
	}
						/* Pages_Büro */
#inh_port{
	left: 30px;
	width: 1170px;
	height: 170px;
	top: 30px;
	overflow:hidden;
	position: absolute;
	}
.pictport{
	float:left;
	width: 130px;
	height: 170px;
	}
.textport
	{
	background-color: #B8B84D;
	float:left;
	width: 260px;
	height: 170px;
	overflow:hidden;
	}
.textport p
	{
	padding: .5em 8px .2em;
	font-size: 0.9em;
	line-height: 1.3em;
	}
.textport h3
	{
	padding: .5em 8px 0;
	}
#sp_one
	{
	left: 0;
	width: 600px;
	height: 400px;
	top: 210px;
	overflow:hidden;
	position: absolute;
	}
#sp_two
	{
	left: 600px;
	width: 600px;
	height: 400px;
	overflow:hidden;
	position: absolute;
	top: 210px;
	}
#sp_one li, #sp_two li
	{
	list-style-type:square;
	list-style-position: inside;
 	padding: 0 0 0 30px;
	font-size: 0.9em;
	}
#sp_one p, #sp_two p
	{
	padding: .2em 0 0 30px;
	font-size: 0.9em;
	line-height: 1.5em;
	}

#sp_one h2, #sp_two h2
	{
	padding: .75em 0 0 30px;
	font-size: 0.9em;
	}

						/* Pages_Aktuell, Pages_Test*/
.post-1558,
.post-1691{
	overflow-y: scroll;
	width: 870px;
	height: 570px;
	padding: 30px 30px 0 30px;
	}
.post-1558 p,
.post-1691 p
	{
	width: 100%;
	padding: 20px 0 0;	
	}
.post-1558 img,
.post-1691 img
	{
	margin: 25px 20px 30px 0;
	}
.post-1558 img.alignleft,
.post-1691 img.alignleft
	{
	margin: 25px 20px 20px 0;
	}
.post-1558 img.alignright,
.post-1691 img.alignright
	{
	margin: 20px 0 20px 20px;
	}
.post-1558 img.aligncenter,
.post-1691 img.aligncenter
	{
	margin: 25px auto 20px auto;
	}
.post-1558 .aligncenter,
.post-1691 .aligncenter
	{
	margin-left: auto;
	margin-right: auto;
	}
.post-1558 .alignright,
.post-1691 .alignright
	{
	margin: 0 0 20px auto;
	}
p.wp-caption-text
	{
	padding: 0;
	margin-top: -20px;
	}		
							/* Pages_Kontakt */
#google
	{
	padding: 30px;
	}
#kontakttext{
	float: left;
	width: 490px;
	height: 570px;
	overflow:hidden;
 	padding: 30px;
	position: relative;
	}
.kontaktlist{
	margin-top: 40px;
	}
.kontaktlist ul{
	float:left;
	width: 50%;
	}
.kontaktlist li{
	width: 95%;
	}
#kontakttext li,
.post-1558 li,
.post-1691 li{
	list-style-type:square;
	list-style-position: inside;
	padding: 10px 0 0 0;
	}
#kontakttext li a{
	padding: 1em 0 0 1em;
	}
/* Pages_Datenschutz */
#databox {
	overflow-y: auto;
	}
/* Pages_Impressum */
#impress_left
	{
	float: left;
	padding: 30px 0 30px 30px;
	width: 570px;
	height: 570px;
	}
#impress_right 
	{
	float: left;
	padding: 30px 0 30px 50px;
	width: 570px;
	height: 570px;
	}
#impress_left p,
#impress_right p{
	width: 100%;
	}
#impress_left span, #impress_right span
	{
	font-weight: bold;
	font-size:1.05em;
	line-height: 1.3em;
	}
#impress_left ul,
#impress_right ul{
	list-style: disc;
	list-style-position: outside;
	margin-left: 11px;
	}
#impress_left ol,
#impress_right ol{
	list-style-position: outside;
	margin-left: 15px;
	margin-bottom: 70px;
	}
#impress_left ol ul li,
#impress_right ol ul li {
	font-weight: normal;
	}
#impress_left ol li,
#impress_right ol li {
	font-weight: bold;
	}
.bottomtext
	{
	vertical-align: bottom;
	height: 40px;
	width: 570px;
	left: 650px;
	position: absolute;
	bottom: 0;
	}
#cat-menu
	{
	position: absolute;
	left: 150px;
	top: 5px;
	}
li.current-cat
	{
	display: inline;
	font-style: italic;
	}
.cat-item
	{

	}
/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.aligncenter 
	{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright 
	{
	margin: 0;
	float: right;
	}
img.alignleft {
	margin: 0;
	float: left;
	display: block;
	}
.nivo-caption p
	{
	text-align: center;
.wp-caption
	{
	text-align: left;
	}
/* CSS Document */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
	}
.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

@media only screen and (device-width:768px)and (orientation:landscape){
	
}
@media only screen and (device-width:768px)and (orientation:portrait){
#post, #singlepost {
    height: auto;
}
}