body{
	font-family:Verdana, Helvetica,  sans-serifa;
	font-size:13px;
	color:#5c5c5c;
	background-color:#5d5d5d;
	margin:0px;
}


a, .aktiv{
	color:#4B2856;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}


a:hover{
  text-decoration:underline;
}


.aktiv {
  color:#4B2856;
}


#contentrahmen{
	width:975px;
	margin-left:auto;
	margin-right:auto;
}


#rahmen{
	width:970px;
  float:left;
  background-repeat: no-repeat;
	background-image:	url(../pix/bg.jpg);
}


#header{
	float:left;
	width:940px;
	height:112px;
}

/* Logo plus kleiner Text Mediengestalterin und der Name der Seite */ 

#logo{
  float:left;
  width:60px;
  height: 20px;
  margin-top:35px;
  margin-left:   280px;
}


*html #logo{
  margin-left:143px;
}

.titel_head{
  margin-left:280px;
  margin-top:-25px;
  float:left;
  width:310px;
  height:30px;
  font-size:11px;
  color:#4B2856;
  font-weight:bold;
}

*html .titel_head{
  margin-left:143px;
}

/* Menü mit Abfälle */ 

#menu{
  float:left;
  width:776px;
  height:122px;
  margin-left:98px;
  background-image:	url(../pix/menu.jpg);
  background-repeat:no-repeat;
    
}


*html #menu{
  margin-left:43px;
}

/*Box um das Menü*/ 

#box{
  width:776px;
  margin-top:65px;
  margin-left:160px;
}


.menu_box{
	float:left;
	margin-left:20px;	
}


div.clear{
	both:clear;
	line-height:0pt;
}

/*umgibt alles */ 
#mitte{
	float:left;
	width:913px;
}

/* wächst mit */ 
#content_box{
	float:left;
	width:670px;
	margin-left:138px;
	margin-top:-22px;
	background-image:url(../pix/content.jpg);
	display:inline;
	padding:10px;
}

*html #content_box{
  margin-left:142px;
}


/* bereich indem der Text steht */ 
#content{
  margin-top:30px;
  width:520px;
  margin-left:130px; 
}


*html #content{
  width:530px;
}


#unterschrift{
  margin-top:20px;
  margin-left:80px;
}

.webdesign_rahmen{
  width:530px;
  float:left;
  margin-top:20px;
}

.text_beschreibung{
  width:290px;
  float:left;
  margin-left:10px; 
}


.webdesign_links{
  width:210px;
  float:left;
  margin-bottom:10px;  
}


.abstand{
  margin-top:10px;
}


.titel_fotos{
  float:left;
  width:115px;
  margin-top:5px;
  font-size:10px;
}


#links, #menu_links{
  margin-top:35px;
  float:left;
  width:115px;
  padding-right:10px;
}


#menu_links{
  font-size:11px;
  margin-top:12px;
}


#footer{
	background-image:	url(../pix/footer.jpg);
	height:30px;
	width:690px;
	margin-left:138px;
	float:left;
}

*html #footer{
  margin-left:71px;
}


#fotos{
  width:525px;
}


.fotos_thumb{
  float:left;
  width:115px;
}


.gallerycontainer{
float: left;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid grey;
}

.thumbnail span{
float:left;
padding: 5px;
margin-left: 110px;
margin-top:-10px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
background-color:#fff;
}

.thumbnail span img{ 
  border-width: 0;
  padding: 2px;
}

.thumbnail:hover span{ 
  visibility: visible;
  top: 0;
  left: 230px;
}



h4{
  font-size:14px;
}


h3{
  font-size:15px;
}


#klappen{
  display:none;
  background-color:#f1f1f1;
  width:70px; 
  position:absolute;
}

*:first-child+html #klappen{
  margin-top:15px;
  margin-left:-70px;
}

*html #klappen{
  margin-top:15px;
  margin-left:-70px;
}

.untermenu{
  width:40px;
  font-size:10px;
  background-color:#f1f1f1;
  line-height:16px;
  margin-top:2px;
}