html, body
{
padding: 0;
margin:0;
background-color: #cf8e44;
background-image: url(bilder/bg.gif);
background-repeat: repeat-x;

}

#wr-wrapper {
    width:780px;
    margin: 0 auto;
    background-color: #ffffff;
    height: 100%;
}

#wrapper {
    width:780px;
    margin: 0 auto;
    background-color: #ffffff;
   
}

#top-logo {
    width:780px;
    height: 97px;
    background-color: #000000;
}

#top-bg-foto {
    width: 780px;
    height: 133px;
    background-image: url(bilder/header-bg-foto.jpg);
    background-repeat: no-repeat;
    	
}

#content-wrapper {
    width: 740px;
    padding:40px 20px 40px 20px;
    background-color: #ffffff; 
    
}

#content-left {
    float: left;
    width: 330px;
    background-color: #ffffff;
    
   
   
}

#content-right {
    float: left;
    width: 400px;
    padding:0 10px 0 0;
    font-family: Arial,Verdana, sans-serif; 
    font-size: 11px;
    word-spacing: 1px; 
    line-height: 15px;
    background-color: #ffffff;
       
}

#content-right h1, h2{
    font-size: 15px;
    font-family:Georgia,Times New Roman ;
    padding-bottom: 8px;
    color: #C42A2A;
}

#content-right p {
    
    text-align: justify;
     
    
}

.img-borders {
    padding:5px;
    border: 1px solid #c42a2a; 
}




#footer {
    clear: both;
    width: 780px;
    height: 40px;
    padding-top: 60px;
    background-color: #ffffff;
}

#logo {
    padding:10px 0 0 35px;
    border: none;
}



#menu {

    font-family: Times, Verdana, Arial, serif;
	font-size:12px;
    float:left;
	width: auto;
	padding-top:111px;
	padding-left:30px;

	

}
#menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#menu li {
	float:left;
	background: url(bilder/button-normal-left.gif) no-repeat top left;
	margin-left: 1px;
	padding-left:7px;
	height: 22px;

}


#menu li a {
    float:left;
    height: 22px;
    color:#FFFFFF;
	background: url(bilder/button-normal-right.gif) no-repeat top right;
	padding:3px 7px 0 0;
	text-decoration:none;
	
}

#menu li:hover {
    color: #FFAD00;
   /*   background: url(bilder/button-over-left.gif) no-repeat top left; */

}


#menu li a:hover   {
    color: #FFAD00;
	/*  background: url(bilder/button-over-right.gif) no-repeat top right; */
	
}

#menu li.current-left {
	background: url(bilder/button-over-left.gif) no-repeat top left;
	color: #2C2727;
	font-weight: bold;



}
#menu li a.current-right {
	background: url(bilder/button-over-right.gif) no-repeat top right;
	color: #2C2727;
    font-weight: bold; 
 
}
#menu li a.current-right:hover {
    color: #2C2727;
    font-weight: bold; 


}
 
h2 a:hover {
    text-decoration: none;


}


a.link-normal {
    color:#C42A2A;
	text-decoration:none;

}

a.link-normal:hover {
    color:#C42A2A;
    text-decoration:underline;
}

a.link-links {
    color:#FFAD00;
     text-decoration:none;

}

a.link-links:hover{
    text-decoration:none;
    color:#C42A2A;

}
.linktext {
    color:#000000;
    font-size:14px;
	
}





/* ### Galerie ### */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #C42A2A;
background-color: #ffffff;
padding: 5px;
}

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

.thumbnail:hover img{
visibility: visible;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #F0E39E;
left: -1000px;
border: 1px solid #C42A2A;
visibility: visible;

}

.thumbnail span img{ /*CSS for enlarged image*/
border:none;
visibility: visible;


}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 317px; /*position where enlarged image should offset horizontally */
z-index: 50;
}