/* ****** Google Font Import ***** */
@import url(http://fonts.googleapis.com/css?family=Inconsolata);

* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}
ul, .lightbox-cont ul {margin:10px;margin-bottom:20px;padding:0;list-style-position:inside; list-style-type: decimal;}

a img {border:none;}

.inhaltre .csc-default, .lightbox-cont .csc-default {margin-bottom:30px;}

body {
	background-image: url(bg-we.jpg);
	background-position:top left;
	color: #fff;
	text-align:center;
	font-family: 'Inconsolata', Georgia, Times, serif ;
	font-size: 0.8em;
}

h1, .lightbox-cont h1 {color:#999;font-size:1.5em;text-transform:uppercase;display:block;font-weight:bolder;padding:5px; margin-bottom:10px; border-bottom:1px solid #00cc00;}
h2 a { border:none;}
h2, .lightbox-cont h2 {color:#999;font-size:1em;text-transform:uppercase;display:block;font-weight:bolder;padding:2px; margin-bottom:10px; border-bottom:1px solid #666;}


/* ****** LINKS ***** */
A {
  	text-decoration: none;
  	/*color: #009900;*/
  	color: #00cc00;
}

A:hover {
  	text-decoration: underline;
}

A:active {
  	color: #009900;
}

A:focus {
}



/* ****** MENU ***** */
#tabmenu {
	text-align:right;
	border: 6px solid #666;
	background: #333;
	margin:0;
	padding:20px;
	padding-bottom:30px;
}
#tabmenu li {
	line-height:30px;
	list-style-type: none;
	border-bottom: 1px solid #666;
}

#tabmenu li a {
	color: #fff;
	display:block;
	text-transform:uppercase;
	
}

ul #tabmenu_sub_aktiv {border-bottom:1px solid #fff;}
#tabmenu_sub_aktiv {margin-top:-1px;background-image: url(menu-bg.gif); margin-right: -31px; padding-right:31px; border:1px solid #fff; border-right:0;}


#sub_tabmenu {margin:0;padding:0;background: #666; margin-right:-20px;  }
#sub_tabmenu li {line-height:15px; }


/* ****** Formular ***** */
.csc-mailform {border:none; padding:10px;}
.csc-mailform-field {padding:5px;}
.csc-mailform-field label {display: inline-block; width: 80px;}
.csc-mailform-submit {margin-left:85px; padding:3px;}


/* ****** Format ***** */

#distance {
 	width:1px;
	height:50%;
	/*background-color:#fc6;*/
	margin-bottom:-290px; /* half of container's height */
	float:left;
	}
	
#cont {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:572px;
	width:810px;
	clear:left;
	border-right: 1px solid #fff;
}

	
.inhaltli {float:left;width:252px; border-left: 1px solid #fff;}
.inhaltre {
  	 width:  	   	 500px;
  	 min-height:  	   	 540px;
  	 border:  	   	 6px solid #666;
  	 background:  	   	 #333;
  	 padding: 20px;
  	 padding-bottom:0;
  	 float:right;
  	 text-align:justify;
	}
	

.logo {border: 6px solid #666;border-bottom:0;height:120px; width: 240px; background-image: url(../../Bilder/Layout/072010/t-werk-logo-bg-240.gif);}
.addr {height:224px;text-align:right;background: #333; padding:15px; padding-right: 20px; color: #666;border: 6px solid #666; border-top:0;}
#menubo {margin:0;padding-top:15px; height:21px;}
#menubo li {list-style-type: none; padding-left:5px; float:right; }
#menubo li a {color: #666; text-decoration: underline;}


/* **** Lightbox **** */
.lightbox-cont {
	width: 600px;
	padding:20px;
	background:#fff;
	color:#000;
	text-align:left;
	line-height:15px;
}
	
	
	
/****************************

Portfolio Grid CSS for Bungert V5

	By Stephen Bungert
	http://www.bungert.co.uk/
	
****************************/

/* Main: Columns */
/* ------------- */

.columns
{
	float: left;
	margin-right: 0px;
	width: 460px;
}
	
	#column1
	{
		padding-right: 10px;
	}
	
	#column3
	{
		padding-left: 10px;
	}



/* Portfolio Grid */
/* -------------- */

.portGridImage.lastColumn
{
	margin-right: 0px;
}

.portGridImage.lastRow
{
	margin-top: 0px;
}

.portImageTitle,
.portImageTitleBg
{
	height: auto;
	line-height: 1.3em;
	padding: 4px 5px;
}

.clearFilter
{
	margin-left: 5px;
	font-size: 0.556em;
	color: #6f6f6f;
	text-transform: uppercase;
}
	
	.clearFilter a:hover
	{
		text-decoration: none;
	}


/* Portfolio List */
/* -------------- */
.testimonials {}
.portfolioList, .testimonials {margin:0;padding:0;}
.portfolioList h2 {padding-left:120px;}
.listLabel {color: #666;}
.portfolioList li {list-style-type: none;min-height:110px;}
.testimonials li {list-style-type: none; padding-bottom:10px; margin-bottom:10px; border-bottom: 1px solid #666;}
.listImage {float:left; width: 120px;}
	.lightbox-cont .portfolioItem .listClient {clear:right; float:right;width: 380px;margin-bottom:10px;}
	.lightbox-cont .portfolioList .portfolioItem h2 {padding:3px; padding-left: 200px; background: #333;  color: #fff;}
	.lightbox-cont .portfolioItem .listDescription {margin-bottom: 10px;}
	.lightbox-cont .portfolioList .portfolioItem.even  {background: #F2FFF2;}



/* Portfolio Client Single */
.portfolioClientSingle .testimonial {padding:10px; }



/* Sidebar Items */
/* ------------- */

.sblItem
{
	width: 220px;
	float: left;
	margin-right: 20px;
}

.sblItem.even
{
	margin-right: 0px;
}

.sblItem.selected
{
	width: 200px;
}



	
.portfolioItem {clear:both;}
.portfolioItem.even { margin-top:10px; margin-bottom:10px;}
.tx-pagebrowse {clear:both; color: #666; padding: 6px; border-top: 1px solid #00cc00;margin-top: 20px;}

.portfolioSingle .singleDescription {margin-bottom:20px;}

.portfolioClientSingle .testimonial {padding:5px; background: #F2FFF2;margin:10px;border: 1px dotted #666;}
.portfolioClientSingle .listImage {width:200px;}
.portfolioClientSingle .portfolioItem {margin-bottom: 20px; height: 170px; }
.portfolioClientSingle .portfolioList h2 {padding-left:200px; background: #666;margin-top:10px;}
.clientSingleTestimonial {margin-bottom:10px;}

.singleClient {margin-left:120px;margin-top:10px;}
.singleLinkUrl {margin-left:120px;}
.singleCategories {margin-left:120px;}
.singleTags {margin-left:120px;}

.portfolioCats {float:left;margin-top:-20px; margin-bottom: 20px; color: #666;}
.portfolioCats li {float:left; list-style-type: none;padding: 5px;border-bottom: 1px solid #666;}
.listFilter {margin-top: -15px; float:right; color: #666;}

.address-lightbox { padding:10px; text-align:left; width:360px; color:#666;}


/* **** LOGIN **** */
.tx-felogin-pi1 {margin-bottom: -20px;}
.tx-felogin-pi1 form { margin:0px;margin-top:10px;}
.tx-felogin-pi1 fieldset {padding:10px;}
.tx-felogin-pi1 legend {padding:5px; color:#00cc00; font-weight:bolder;}
.tx-felogin-pi1 label {display: inline-block; width: 80px;margin:5px;}
.tx-felogin-pi1 .button {padding: 2px 5px 2px 5px;margin-left: 95px;}