* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Arial;
    font-size: small;
    text-align: center;
    color: #777;
    background: #f3f3f3 /*url(http://www.guenter-kuschmann.de/assets/templates/guenter-kuschmann/images/stripe.jpg) repeat center center*/;
}


a img, img {
    border: none;
}


#page {
    width: 800px;
    margin: 0 auto;
    text-align: left;
    background: #ffffff;
}

#header{
width: 800px; height: 100px; text-align: left; position: relative;
background: #ffffff url(http://www.guenter-kuschmann.de/assets/templates/guenter-kuschmann/images/heterogenes_kontinuum.png) no-repeat 52px 50px;
}
#header h1 {position:absolute; top:30px; left: 50px; }
#header small {position:absolute; top:53px; left: 51px; font-size: 11px;  text-transform: lowercase; color: #333;}
#header h1 a{color: #000; font-size: 20px; font-weight:normal; margin: 20px 0 0 0; text-decoration: none;}

#naviagtion{width:680px; margin: 0 0 15px 50px;}
#naviagtion ul{padding: 0; margin: 0; list-style-type: none;}
#naviagtion ul li{padding: 0; margin: 0 20px 0 0; float: left;}
#naviagtion ul li a{padding: 0px; color: #696969; font-weight: normal; font-size: 11px; text-transform: uppercase; 
text-decoration: none; }
#naviagtion ul li.active a{color: #666; font-weight: normal; text-decoration: none;  border-bottom:1px solid #000; background: #fff;}
#naviagtion ul li a:hover{color: #696969; font-weight: normal; text-decoration: none; border-bottom:1px solid #696969;}

#content {
    float: left;
    text-align: left;
    width: 800px;
    margin: 0;
    padding: 0;
}

#content a {
    color: #000;
	text-decoration: underline;
}

#content a:hover {
    color: #ccc;
	text-decoration: underline;
}

#content .content {
width:680px;
margin: 0 0 15px 50px;
}

#content .left-picture {
	padding: 0 0 0 50px;
    
}


#second-level{width:680px; margin: 0 0 15px 50px; }
#second-level ul{padding: 0; margin: 0; list-style-type: none;}
#second-level ul li{padding: 0; margin: 0 30px 0 0; float: left;}
#second-level ul li a{padding: 0px; color: #696969; font-weight: normal; font-size: 11px; text-transform: uppercase; 
text-decoration: none;}
#second-level ul li.active a{color: #666; font-weight: normal; text-decoration: none;  border-bottom:1px solid #000; background: #fff;}
#second-level ul li a:hover{color: #696969; font-weight: normal; text-decoration: none; border-bottom:1px solid #696969;}

#content .left-picture h1{
    margin:0 0 15px 0;
	padding:0;
	border-bottom: 1px dotted #ccc ;
	color: #A9A9A9 ;
	font-weight: bold;
	font-size:12px;
	}

#content .description-pictures{color: #A9A9A9;}	
	
	


img {
	border: none;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0px 0px 0px 30px;
	padding: 0;
}


.gallery li {
	margin: 15px;
	padding: 0;
	float: left;
	position: relative;
	width: 120px;
	height: 120px;
	overflow: hidden;
	border: solid 1px #ccc;
}
.gallery img {
	background: #fff;
	
}

.gallery a {
width: 120px;
	height: 120px;
	text-decoration: none;
	display:block;
}

	
	
.clear-left{clear: left;}	
	
#footer{
width: 750px;
float:left;
padding: 5px 0 30px 50px;
color: #ccc;
font-size: 11px;
text-transform: uppercase;
}

#footer a{
color: #A9A9A9;
text-decoration: underline;
}

#footer a:hover{
color: #333;
text-decoration: underline;
}