html, body {
	height:100%;
	background-color:#000!Important;
	font-family: Helvetica, Geneva, Arial,  sans-serif;
	color:#333;
}

/**************************************** Wrappers *********************************/
#super_wrapper{
	background-image:url("../img/top_header_pattern_small.png");
	background-repeat:repeat-x;
	/*min-height: 100%; /* Mindesthöhe für moderne Browser */
	/*height:auto !important; /* Important Regel für moderne Browser */
	/*height:100%; /* Mindesthöhe für den IE */
 	background-color:#f2f2f2;
}
#home #super_wrapper{	background-image:url("../img/top_header_pattern.png");

}

#wrapper{
	width:960px;
	margin:auto;	
	/*min-height:100%;*/
	

}

/**************************************** Top *********************************/

#logo{
	float:left;
	width:240px;
	padding-top:20px;
}
#menu{
	float:left;
	width:700px;
	padding-top:47px;
	padding-left:20px;
}	

#menu li{
	border:0 solid blue;
	display:block;
	float:left;
	height:35px;
	padding-top:5px;
	margin-top:2px;
	text-align:center;
	width:123px;
	
	font-size:18px;
	color:#82a614;
}
#menu a{text-decoration:none;}
#menu li.active{
	background-image:url("../img/reiter.png");
	background-repeat:no-repeat;
}

#menu li.active a{
	color:#fff;
}

#menu li a:hover{
	color:#fff;
}

#light{
	position:absolute;
	top:87px;
	left:50%;
	display:none;
}

/**************************************** Header *********************************/
#header{

	float:left;
	padding-top:20px;
}
#home #header{
	background-image:url('../img/Light.png');
	background-repeat:no-repeat;
	background-position:550px 0;
}
#header_portfolio{
	float:left;
	width:670px;
	height:185px;
}
#home #header_portfolio{height:350px;}

#header_text
{
	padding-top:30px;
	padding-left:20px;
	float:left;
	width:270px;
	height:20px;
	color:#fff;
}
#home #header_text{height:230px;}
#home #header_text p{color:#fff;}

#header_text h1{color:#fff;}
#header_text p{
	font-size:16px;
}

#header_phone{
	float:left;
	width:270px;
	height:40px;
	padding-top:20px;
	padding-left:20px;
}
#home #header_phone{height:70px;}



/**************************************** Body *********************************/
#body{
	margin-top:10px;
	padding-bottom:20px;
}
#body #left{
	float:left;
	width:622px;
	background-color:#fff;
	padding:20px;
	border:1px solid #ddd;
}
#body #left h2{color:#555;}
#body #left ul{margin-left:15px;}
#body #left li {margin-bottom:4px;list-style:disc;}


#body #right{
	float:left;
	width:245px;
	padding:15px;
	border:1px solid #ddd;
	margin-left:15px;
	background-color:#fff;
}
#body #right a,#body #right li{
	font-size:12px;
	color:#555;	
}




/**************************************** Footer *********************************/

#footer_wrapper{
	background-image:url("../img/footer_bg_pattern.png");
	height:217px;
}
#footer{
	width:960px;
	margin:auto;
	padding-top:15px;
	color:#ccc;
	font-size:12px;
}



#twitter, #flickr{
	background-repeat:no-repeat;
	background-position:100% 0;
	padding-top:15px;
	}
#twitter{
	background-image:url("../img/twitter.png");
}
#twitter li{margin-bottom:1em;}




#footer_kontakt,#footer_middl,#footer_flickr{
	width:320px;
	float:left;
	line-height:1.5em;
}



#footer_flickr{
	background-image:url("../img/flickr.png");
	background-repeat:no-repeat;
	background-position:220px 0px;
	width:270px;
	padding-left:50px;
}

#flickrList{
	width:220px;
	float:left;
}
.flickrListLeft, .flickrListRight{
	width:50px;
	padding:5px 5px 1px 5px;
	margin:5px;
	float:left;
	border:1px #999 solid;
}
.flickrListLeft img, .flickrListRight img{
	width:50px;
}
.flickrListLeft a, .flickrListRight a{padding:0;margin:0;height:0;line-height:0;}


/**************************************** Allg. Klassen *********************************/
.clear{clear:both;}
.teaser{font-weight:bold;}
.oneOfTwo{
	width:290px;
	float:left;
	border:0px solid #aaa;
	padding-right:5px;
	margin-right:15px;
	height:300px;
}	
.oneOfThree{
	width:200px;
	float:left;
	border:0px solid #aaa;
	padding-right:5px;
	margin-right:15px;
	height:300px;
}	
.oneOfTwo h2{color:#74911A !Important;}
.goon{margin-top:1em;}
.goon a{font-size:14px;}
/**************************************** Elemente **************************************/
h1,h2,h3,a{color:#74911A;}

h1{
	font-size:22px;
	margin-bottom:0.4em;
	font-weight:100;
	line-height:1.5em;
}
h2{
	font-size:20px;
	margin-bottom:0.4em;
	margin-top:0.6em;
	font-weight:100;
	line-height:1.5em;
}
p, li{
	font-size:12px;
	line-height:1.4em;
	/*margin-bottom:1.0em;*/
	color:#555;
}
li {list-style:none;}
p{margin-bottom:1em;}




/**************************************** PlugIns **************************************/
/* S3 */
#slider {
    width: 662px; /* important to be same as image width */
    height: 342px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 662px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage .left {
    position: absolute;
    padding: 10px 13px;
    width: 646px;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
    color: #fff;
	font-size:12px;
	line-height:1.4em;
    display: none;
}
.sliderImage span li{color:#aaa;}
.sliderImage span strong {
    font-size: 13px;
}
.left {
	top: 10px;
    left: 10px;
	width: 140px !important;
	height: 300px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 332px;
}
#slider ul { list-style-type: none;}

/************************************* Blog***********************************/
.ditto_summaryPost{font-size:12px;line-height:1.5em;}
.ditto_summaryPost h3{
	font-size:18px;
	margin-bottom:1em;
}
.ditto_info{font-size:11px;color:#999;}
.ditto_tags{margin-bottom:2em;padding-bottom:3em;border-bottom:1px dotted #ccc;font-size:11px;color:#999;}
.ditto_link{margin-top:1em;}
#ditto_pages{width:30%;margin:auto;font-size:12px;}
/**************************** Green Table *************************************/
table.green{font-family: Arial,Helvetica,sans-serif;}
table.green,table.green th,table.green td
{
border: 1px solid #789e02;
}
Table.green th{
background-color: #89AF13;
color:#eee;
text-align:left;
padding:5px 5px 5px 5px;
font-size:14px;
font-weight:100;
}
Table.green td{font-size:12px;}
Table.green tr.alt{background-color:#e5fcb9;}
Table.green td{text-align:center;}
Table.green caption{
	color:#999999;
	font-size:12px;
	text-align:left;
}
div.comment{
	border:1px solid #333;
	background-color:#eee;
	color:#333;
	padding:15px;
}

.bilderStrecke{
	float:left;
	width:650px;
	}
.bilderStreckeBild{
	float:left;
	text-align:center;
	border:1px #999 solid;
	padding:5px;
	margin:5px;
	display:inline;	
}