body { 
padding: 2px 0 0 0; 
margin: 0; 
font: .81em Arial, Verdana, Helvetica, sans-serif; 
line-height: 1.7em; 
background: #9FA9B3;
color: #acacac; 
}

a { 
color: #5DBBEF;
font-weight:bold; 
background: inherit; 
}

a:hover { 
color: #f1f1f1; 
background: inherit;
text-decoration:underline;
}


a.current { 
color: #f1f1f1; 
background: inherit;
text-decoration:underline;
}


p {	
margin: 0 0 5px 0; 
}

h1 { 
margin: 0; 
padding: 0 0 8px 0; 
font: normal 1.8em  "Trebuchet MS", Sans-Serif;
color: #d3d3d3; 
}

h2 { 
margin: 0; 
padding: 0 0 8px 0; 
font: bold 1.4em  "Trebuchet MS", Sans-Serif;
color: #acacac; 
}

h3 { 
margin: 0; 
padding: 0 0 8px 0; 
font: bold 1.1em  "Trebuchet MS", Sans-Serif;
color: #acacac; 
}

ol {
list-style-type: upper-roman;
list-style-position: outside;
margin: 0 1px 0 0;
padding-left:3em;
}

ol li:first-line { 
font-weight: bold; 
}

#header h1 {	
font:bold 2.2em Arial, Verdana, Helvetica, sans-serif;
color:#d3d3d3; 
padding: 8px 0 0 15px; /* was 8px 0 0 22px; */
margin: 0; 
}


#header h2 {	
font:bold 1.2em Arial, Verdana, Helvetica, sans-serif;
letter-spacing: 0.5em;
color:#d3d3d3; 
padding: 0 0 0 15px; /* was 0 0 0 22px; */
margin: 0; 
}


#header a.noeffect { 
color: #d3d3d3;
background: inherit;
text-decoration: none;
}


ul { 
margin: 0 0 0 25px; 
padding: 0; 
list-style: square; 
}

img { 
border: 0; 
}

acronym {
cursor:  help;
}

.highlight {
font-weight: bolder;
}

/* blockquote new */
blockquote {
background:#32234A none repeat scroll 0%;
border:1px solid #ACACAC;
font-size:1.01em;
line-height:1.6em;
margin:8px;
padding:7px 10px 5px 18px;
}


/* -------The goods-------------------- */

#content { 
margin: 0 auto;
width: 960px;
background: url(../images/verlaufbg.jpg); background-repeat:repeat-x;
background-color:#5B3B8D;
border: 4px solid #2a2a2a;
}

#header {  
height: 80px; 
padding:0; 
margin:0 0 1px 0; 
background: none;
}

#pic { 
height: 225px; 
margin: 0 0 1px 0;
background: url(../images/bigimage3.jpg); 
}

#thumbgallery {
clear:both; 
padding:0 0 0 9px; 
margin: 0 0 2px 0; 
background:none;
}

.thumbs img{
position:relative;
padding:0;
margin:10px 2px 2px 2px;
border:2px solid #acacac;
background:inherit;
}

.thumbs img:hover{
border:2px solid #5DBBEF;
}


/* ----header menu----(oben rechts)------ */

.headermenu { 
margin: 5px 5px 0 0;
padding: 0;
float: right; 
list-style-type: none;
list-style-image: none;
width: 570px;
}

.headermenu ul { 
margin: 0;
padding: 0;
float: right; 
list-style-type: none;
list-style-image: none;
}

.headermenu li { 
float: left;
padding-left: 1px;
width: 100px; /* was 110px; */
}

.headermenu li a {
color: #5DBBEF;
font-weight: bold;
text-transform: uppercase;
display: block;
height: 15px;
line-height: 10px;
padding: 40px 0 6px 6px;
text-align: center; /* was left; */
font-size: 1.0em;
font-family: Arial, Verdana, Helvetica, sans-serif; 
letter-spacing: 0.19em; /* this line new */
background:none;
border-top: 5px solid #5DBBEF; /* von 4px raufgesetzt */
text-decoration: none;
}

.headermenu li a:hover {
color: #f1f1f1;
font-weight: bold; 
display: block;
background:none;
border-top: 5px solid #f1f1f1; /* war 4px */
text-decoration: none;
}

.headermenu li a.current {
color: #f1f1f1;
font-weight: bold; 
display: block;
background:none;
border-top: 5px solid #f1f1f1; 
text-decoration: none;
}

/* -------Main Menu--(unter dem grossen Bild)---------- */

#menu{
width: 960px;
padding: 4px 0 0 0; 
margin: 0; 
float: left;
background:none;
}

#menu li{ 
list-style: none; 
display: inline; 
margin: 0; 
}

#menu li a{
text-decoration: none;
padding: 6px 10px;
margin: 1px 1px 0 4px;
background:inherit;
font-weight: bold;
color: #5DBBEF;
}

#menu li a:hover{
background: inherit;
color: #f1f1f1;
}


#menu li a.current{
background: inherit;
color: #f1f1f1;
}


/* ---------Left Side Content----(right und left verkehrtherum!)------- */

#leftside {
float: right;
width: 635px;
margin: 0 0 10px 0;
}

.leftdata {
margin: 0px 0 15px 0;
border: 1px solid #d3d3d3;
min-height: 220px;
background: none;
color: #acacac;
padding: 15px 15px 5px 10px;
}

.leftdata a { 
color: #5DBBEF;
font-weight:normal;
background: inherit; 
text-decoration:none;
}

.leftdata a:hover { 
color: #f1f1f1; 
background: inherit;
text-decoration:underline;
}

/* gallery class new */

.gallery {
margin: 0px 0 15px 0;
border: 1px solid #d3d3d3;
min-height: 220px;
background: none;
color: #acacac;
padding: 15px 15px 5px 10px;
}

.gallery a { 
color:inherit;
background: inherit; 
text-decoration:none;
}

.gallery a img {
margin: 2px 12px 10px 2px;
float: left;
display:block;
border: 4px solid #acacac;
background: #eee;
color: #000;
}

.gallery a:hover { 
background: inherit;
text-decoration:none;
}

.gallery a:hover img {
border:4px solid #5DBBEF;
} 

#middle {
float: left;
width: 960px;
margin: 0 0 10px 0;
}

.middledata {
border: 1px solid #acacac;
margin: 0px 0 15px 0;
min-height: 220px;
background: none;
color: #acacac;
padding: 15px 15px 5px 10px;
}

.middlesubdata {
clear: both;
margin:0px 0 20px 0;	
padding: 5px 20px;
border: 1px solid #d3d3d3;
background: none;
color: #acacac;
} 


.thumb {
margin: 0 12px 6px 0;
float: left;
border: 4px solid #acacac;
background: #eee;
color: #000;
}

.thumb:hover {
border:4px solid #5DBBEF;
text-decoration:none ! important;
}

.leftinfo {
background: none;
color: #acacac;
border: 1px solid #d3d3d3;
padding: 15px;
margin: 0 0 15px 0;
}


.leftinfo a { 
color: #5DBBEF;
font-weight:normal;
background: inherit; 
text-decoration:none;
}

.leftinfo a:hover { 
color: #f1f1f1; 
background: inherit;
text-decoration:underline;
}

		
/* -------Right Side Content--(right und left genau verkehrtherum!)---- */


#rightside {
float: left;
width: 310px;
margin: 0 0 10px 0;
}

.rightdata {
border: 1px solid #d3d3d3;
padding: 15px 8px 8px 8px;	
margin: 0 0 10px 5px;
background: none;
color: #acacac;
}

.rightdata a { 
color: #5DBBEF;
font-weight:normal;
background: inherit; 
text-decoration:none;
}

.rightdata a:hover { 
color: #f1f1f1; 
background: inherit;
text-decoration:underline;
}

/* this one new 
.rightdata p { 
margin: 0 0 10px 5px; 
padding: 0; 
} */

.rightdata ul { 
margin: 0 0 10px 0; /* was 0 0 10px 5px; */
padding: 0; 
list-style: none; 
}

.rightdata li a { 
font-weight:bold;
text-decoration:none;
}

.rightinfo {
border: 1px solid #d3d3d3;
padding: 15px 8px 8px 8px;	
margin: 10px 0;
background: none;
color: #acacac;
}


.rightinfo a { 
color: #5DBBEF;
font-weight:normal;
background: inherit; 
text-decoration:none;
}

.rightinfo a:hover { 
color: #f1f1f1; 
background: inherit;
text-decoration:underline;
}

.imageright { 
float: right; 
margin: 3px 0px 3px 9px;
border: 2px solid #acacac; 
}


.imageleft { 
float: left;
margin: 3px 9px 3px 0;
border: 2px solid #acacac; 
}


/* -------The footer---------------- */

#footer { 
clear: both; 
color: #d3d3d3;
background: none;
padding: 10px 15px;
border-top: 1px solid #d3d3d3;
}

#footer .right { 
float: right; 
}

#footer a { 
color: #5DBBEF;
font-weight:normal;
background: inherit; 
text-decoration:none;
}

#footer a:hover { 
color: #f1f1f1; 
background: inherit;
text-decoration:underline;
}