@charset "utf-8";
body {
	font-family: 'trebuchet ms', helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	background-color: #FFF;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}
#wrapper {margin: 0 auto; width:1020px; background:#FFF url(../images/wrapper.gif) repeat-y;}
#header{height:222px; width:1020px; background-image:url(../images/header.jpg);}
#flash{width:704px; height:222px; margin-left: 308px}

#content {width:480px;padding: 0 0 0 5px; float:left}
#content img {float: left; padding: 0px 10px 5px 0px;}

#links{width:309px; height: 501px; float:left; padding: 0; margin: 0 0 0 17px; background: url(../images/menue.jpg) no-repeat; }

#menue{width:291px; margin: 0/*background:#2e4e9c;*/ }
#menue ul li {padding-top:7px; list-style-type:none;} 
#menue ul li img {border: none}
#menue a {color:#2e4e9c; text-decoration: none; font-size: 1.5em}

#musik{width:291px;padding-top:10px; text-align:center}
#musik a img {border:none}

#news {
	width:190px;
	float:right;
	padding:10px 0 0 0;
	background-color: #FFF;
	font-size: 1em;
	color:#FFF;
	text-align:center;
	letter-spacing:1px;
	margin: 0 10px 0 0;
}
#news a img {border:none}

#clear {clear:both}

#unten{	width:995px;
	margin: 10px 0 0 17px;
	background-color: #2e4e9c;
}
#unten p{
	color:#FFF;
	padding:5px;
	font-family: 'trebuchet ms', verdana, sans-serif;
	font-size: 12px;
}
#unten a{
 color:#FFF;
 text-decoration:underline
}

#unten a:hover{
 text-decoration:none
}
#snvai{
	width:1020px;
	text-align:center;
	background-color:#FFF;
	margin: 0 auto 10px auto;
}

#introduction{
	float:left;
	width:100%;
	padding:0px 0px;
	margin:12px 0 30px 0;
	background-color: #CEBF2F;
	text-align:center;
	line-height:1.5em;
	color:#999999;
	font-size:1em;
	font-family:'trebuchet ms', helvetica, sans-serif;
	letter-spacing:0px;
}

#introduction ul, #introduction li {display: inline; text-align:center; list-style: none; margin: 0; padding: 0;}
#introduction a {text-decoration: none; color: #000000; float: left; border-left: 1px solid #FFFFFF; padding: 0.2em 12px;}
#introduction a:link{color:#000000;}
#introduction a:hover{background-color:#EAE6A1; color:#000000;}
#introduction a:active{color:#000000;}
#introduction LI.current A {background-color:#EAE6A1; color:#2e4e9c; font-weight: bold; letter-spacing: 2px}

#rechts2{
	margin: 0 0 25px 0;
	padding-left: 5px;
	padding-top: 25px;
	width: 97%;
}

a:link,a:visited{
 color:#2e4e9c;
 text-decoration:underline
}

a:active{
 color:#2e4e9c;
 text-decoration:underline
}

a:hover{
 text-decoration:none
}

h1,h2,h3,h4{
	border-bottom:1px solid #ccc;
	color:#2e4e9c;
	letter-spacing:0.05em;
	margin:25px 0 0 0;
	font-size:1.5em;
	font-family: 'trebuchet ms', Arial, Helvetica;
}
h2{
	font-size:1.2em;
	font-family: 'trebuchet ms', Arial, Helvetica;
}
table {	border-style: none;}
td {border-style: none;}

.title {color:#2e4e9c}

.titel{
 float:right;
 width:90px;
 padding:0 10px 0 0
}

.titel img{
 border:0
}
.border {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	border-top-width: 1px;
	border-left-width: 1px;
	text-align:right;
}
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

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

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

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