@import url(reset.css);

html, body {
	padding: 0;
	margin: 0;
	/*font-family: Verdana, sans-serif;*/
	/*font-size: 100.01%;*/
	color: #9C9376;/*#ACA386;*//*#bdb497;*/
	}
body {
	/*font-size: x-small;  IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	/*font-size: small;*/
	height: 100%;
	/*font-family: georgia, serif;*/
	font-family: Verdana, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
	line-height: 1.2em;
	background: #222 url("/media/layout/tapete2.jpg") repeat left top;
	font-size:0.75em; /*12px*/
	}


#outerouterwrap{
	width: 79.166em; /*950üx*/
	border-right: 4px solid #1F1C17;
	background: url("/media/layout/tapetelighter.jpg") repeat left top;

}

#outerwrap{
	width: 79.166em; /*950px*/
	background: url("/media/layout/tapetewand.jpg") repeat-x left top;
	padding: 2em 0 2em 0;
	border-right: 2px solid #161411;
}

#wrap{
	width: 75.166em; /*902px*/
	/*height: 50em;*/
	/*background: #38362D;*/
	background: url("/media/layout/contentbg6.gif") repeat left top;
	margin: 0 1.9em;
	border-bottom: 1px solid #A90E0A;
}

#rvbanner{
	position: absolute;
	left: 1.9em;
	top: 2em;
	z-index: 2;
	width: 75.166em;
}
#rvlogolink{
	position: relative;
	top: 1.1em;
	left: 1.2em;
	display: block;
	width: 15em;
	height: 3.5em;
	/*border: 1px solid red;*/
	z-index: 3;
	/*background: url("../media/layout/rockviertel.png") no-repeat -1.3em -0.7em; /*sonst im IE nicht klickbar*/
}
#starmail{
	position: absolute;
	left: 31em;
	top: 2em;
	z-index: 2;
	background: url("/media/layout/starmailbg.jpg") no-repeat left top;
	display: block;
	width: 230px;
	height: 15px;
}

a, a:link, a:visited, a:active{
color: #778990;
}

a:hover, a:focus{
color: #e79D08;
}



/*----------------------------------------------------------------*/
/*-----------------------------Header-----------------------------*/

#header{
margin: 0;
/*font-family: georgia, serif;*/

}
#header h1, #header h2{
position: absolute;
left: -2000px;
}

#header #meta{
position: absolute;
top: 2.2em;
left: 40.2em;/*28.187em;*/
width: 25em;
}

#header #meta ul{
/*background: url("../media/layout/triplestar.jpg") no-repeat left top;
padding-left: 60px;*/
}

#header #meta ul li{
display: inline;
float: left;
}
#header #meta ul li a{
padding: 0 0.6em;
color: #9C9376;


width: .1em; /*für IE, sonst Fläche nicht klickbar*/
}
#header #meta ul li a img{
margin-bottom: -0.25em;
}

#header #meta > ul li a{
width:auto; /* IE versteht Kindelelemente nicht, alle anderen Browser überschreiben width*/
}

#header #meta ul li a:hover, #header #meta ul li a:focus, #header #meta ul li a:active{
color: #dcd3b6;
}

#header #meta ul li a.metamenuselected, #header #meta ul li a:visited.metamenuselected{
color: #e79D08;
}
#header #meta ul li a:hover.metamenuselected, #header #meta ul li a:focus.metamenuselected{
color: #F7bD28;
}



#header #menu{
position: absolute;
top: 12em;
left: 41.1em;/*28.187em;*/	
}

h1#menuheader{
text-indent: -10000px;
}

#menu ul{
/*background: #303330;*/

}
html>body #menu ul{ /*IE<7 versteht "> Kindelement" nicht*/

}

#menu ul li{
/*border-top: 1px dotted #663366;*/
background: none;
width: 16.5em;
line-height: 1em;
background: url("../media/layout/.gif") no-repeat 0em 0em;
padding-bottom: 0.1em;
}

#menu ul ul{
/*margin-left: 18em;*/
/*background: #2a2f2a; #222322;*/
padding: 0;
position: absolute;
left: 16.5em;
top: 0;
border-left: 2px solid #2F2C26;
/*border-top: 1px dashed #4a4f4a;
border-bottom: 1px dashed #4a4f4a;*/

}
html>body #menu ul ul{ /*IE versteht "> Kindelement" nicht*/
margin: 0;
}


#menu ul li li{
/*border-top: 1px dotted #fff;*/
/*padding-left: 1em;*/
}

#menu ul li.menuselected{
/*border-top: 1px dashed #4a4f4a;
border-bottom: 1px dashed #4a4f4a;*/
padding: 0;
margin: 0;
position: relative;
background: #2F2C26 url("/media/layout/starpoint.gif") no-repeat 0em 0.2em;
}


#menu ul li a:link,#menu ul li a:visited{
/*color: #FFA70D;*/
color: #9C9376;
/*font-weight: bold;*/
padding: 0.1em 1em 0.1em 1.5em;
display: block;
/*width: 12em; für IE, sonst Fläche nicht klickbar*/
/*font-family: georgia, serif;*/
font-size: 0.95em;
}

#menu ul li a:hover, #menu ul li a:focus/*, #col #menu ul li a:active*/{
color: #ccc3a6;
background: url("/media/layout/starpoint.gif") no-repeat 0em 0.2em;
}
/*2. Ebene*/

#menu ul ul li a:link, #menu ul ul li a:visited, #menu ul ul li a:hover, #menu ul ul li a:focus/*, #col #menu ul ul li a:active*/{
/*padding: 0.1em 1em 0.1em 1em;*/
/*width: 12em; für IE, sonst Fläche nicht klickbar*/
}


#menu ul li a.menuselected:link, #menu ul li a.menuselected:visited{
color: #e79D08;
}
#menu ul li a.menuselected:hover, #menu ul li a.menuselected:focus/*, #col #menu ul li a.menuselected:active*/{
color: #F7bD28;
background: transparent;
}


#toppic{
	position: absolute;
	left: 1.9em;
	top: 2em;
	z-index: 1;
	background: url("/media/layout/imgborder.jpg") repeat left top;
	padding: 0 0.35em;
	width: 37.45em;
}
#toppicbu{
	position: absolute;
	left: 3.1em;
	top: 37.7em;
	z-index: 2;
	font-size: 0.8em;
	width: 37em;
	color: #4C4336; /*wie .fade*/
}

#inhalt{
	/*margin-top: 24em;*/
	margin: 2em 1em 2em 1.5em !important;
	margin: 2em 0.5em 2em 1em;	
	padding: 0;
	font-size: 0.938em;
	width: 52em;
	/*border: 1px solid #eee;*/
	float: left;
}
/*
#inhalt h1{
	font-size: 1em;
	margin: 2em 0 0 0;
	padding: 0 0 0 0.8em;
}*/
#inhalt h1{
	font-size: 1.666em;
	margin: 2em 0 0 0;
	padding: 0.8em 0 0.5em 0.9em;
	color: #aCa386;
	border-bottom: 1px solid #3C5862/*#4a4f4a*/;
	background: url("/media/layout/starpoint3red.gif") no-repeat 0em 0em;
}

#inhalt h2{
color: #aCa386;
font-size: 1.45em;
line-height: 1.4em;
margin: 2em 0 1em 0;
padding: 0 0 0 0.5em;
border-bottom: 1px solid #3C5862;
letter-spacing: 0.04em !important;
letter-spacing: 0em;
}

#inhalt h3{
width: 22em;
color: #aCa386;
font-size: 1.1em;
font-weight: bold;
line-height: 1.4em;
margin: 2.5em 0 1em 0;
padding: 0 0 0 0.5em;
border-bottom: 1px solid #3C5862;
}

#inhalt p, #inhalt li{
line-height: 1.5em;
}
#inhalt p{
margin-bottom: 1em;
}

#inhalt .abstandoben{
margin: 1em 0 0 0;
}
#inhalt .abstandunten{
margin: 0 0 1em 0;
}

#inhalt .eingerueckt{
margin: 0 0 0 2em;
}
#inhalt .fade{
color: #4C4336;
}



#inhalt ul li{
background: url("/media/layout/dot_red.gif") no-repeat 0 0.3em;
padding-left: 1em;
/*padding: 0.1em;*/
}

#inhalt dt{
font-weight: bold;
line-height: 1.4em;
margin-top: 1.5em;
width: 14em;
border-bottom: 1px solid #3F3C36;
}
#inhalt dd{
padding-left: 1.7em;
line-height: 1.4em;
background: url("/media/layout/dot_red.gif") no-repeat 0.7em 0.3em;
}

#inhalt div.leftfloat{
float: left;
width: 25em;
}
#inhalt div.rightfloat{
float: right;
width: 25em;
}
/*
#inhalt div.leftfloat dl, #inhalt div.rightfloat dl{
border-left: 1px solid #aEa698;
}
*/

#inhalt object.vierZuDrei{
margin: 0 7em;
}
#inhalt object.sechszehnZuNeun{
margin: 0 1em;
}

#inhalt div.bild{
float: left;
margin: 0.333em 1.25em 1em 0;
background: #2F2A24;
width: 20em;
border-bottom: 1px solid #6a1a19;
}
/*6a1a19*/
#inhalt div.bild img{
width: 19.3em; /*225px*/

padding: 0 0.35em;
background: url("/media/layout/imgborder.jpg") repeat left top;
}

#inhalt div.bild p{
font-size: 0.8em;
color: #716A55;
margin: 0 0.417em;
padding: 0.417em 0;
}
#inhalt div.bild p span{
font-style: italic;
display: block;
color: #4c4336;
}

/*-------------------------------------------------------------------------------*/
/*----------------------------- Allgemeines -------------------------------------*/

.hide{
display: none;
}
.linethrough{
text-decoration: line-through;
}

hr{
background: #3F3C36;  /*FF + andere*/
color: #3F3C36;  /*IE*/
height: 1px;
border: 0;
width: 90%;
text-align: center;
}

img{
border: none;
}

.floatleft{
float: left;
margin: 0 0.5em 0 0;
}
.floatright{
float: right;
margin: 0 0 0 0.5em;
}

.backtotop{
text-align: center;
font-size: 0.95em;
margin-bottom: 0.3em;
}

.rockviertel {
font-family: "Arial";
text-transform: uppercase;
font-style: italic;
letter-spacing: 0.1em;
font-size: 0.95em;
color: #999;
font-weight: bold;
}

abbr{
text-decoration: underline;
}
/*----------------------------------------------------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{
height: 1%;
}
.clearfix{
display: block; /*für IE/MAC, der weder :after kann, noch automatisch cleared wie IE/WIN*/
}
/* End hide from IE-mac */
/*----------------------------------------------------------------------------------*/





/*--------------------- Fotogalerien ------------------------- */
#inhalt div.gallery{
text-align: center;
margin: 0 auto;
width: 51em;
}

#inhalt div.gallery div.vonbis{
text-align: left;
margin-bottom: 2em;
float: left;
width: 20em;
line-height: 1.3em;
}

#inhalt div.gallery div.seitennummern{
text-align: right;
margin-bottom: 2em;
float: right;
width: 30em;
line-height: 1.3em;
}


#inhalt img.fullsize{
padding: 7px;
background: #444;
border-bottom: 2px solid #111;
border-right: 2px solid #111;
}

#inhalt div.gallery div.thumb{ /*Rahmen um Bild*/
float:left;
width: 11.2em;
height: 7em;
margin: 0 0.4em 1.2em 0.4em; /*0 0.7 2 0.7, wenn nicht volle Breite*/
background: #444;
text-align: center; 			/*nötig?*/
border-bottom: 1px solid #111;
border-right: 1px solid #111;
overflow: hidden;
}
#inhalt div.gallery div.thumb a{
display: block;
height: 7em;
line-height: 7em;
text-align: center;
}
#inhalt div.gallery img.thumb{  /*gallery-Übersicht*/

}



#inhalt div img.prev, #inhalt div img.next, #inhalt div img.prevpreview, #inhalt div img.nextpreview{ /*Blättern allgemein*/
padding: 2px;
background: #444;
border-bottom: 1px solid #111;
border-right: 1px solid #111;
}
#inhalt div.gallery img.prev, #inhalt div.gallery img.next{ /*Bildergalerien Blättern*/
width: 2.5em;
}
#inhalt div.gallery img.prevpreview, #inhalt div.gallery img.nextpreview{ /*Bildergalerien Blättern Detailansicht mit Vorschau*/
width: 5em;
}



#inhalt div img.prev, #inhalt div img.prevpreview{ /*Blättern allgemein*/
float: left;
margin-right: 3px;
}
#inhalt div img.next, #inhalt div img.nextpreview{ /*Blättern allgemein*/
float: right;
margin-left: 3px;
}
#inhalt div.gallery img.prev, #inhalt div.gallery img.prevpreview{ /*Bildergalerien Blättern*/
float: left;
margin-right: 10px;
}
#inhalt div.gallery img.next, #inhalt div.gallery img.nextpreview{ /*Bildergalerien Blättern*/
float: right;
margin-left: 10px;
}

#inhalt div.gallery div.prevpic, #inhalt div.blaetternleft{
width: 11em;
float:left;
text-align:left;
}
#inhalt div.gallery div.nextpic, #inhalt div.blaetternright{
width: 11em;
float: right;
text-align:right;
}
#inhalt div.blaetternleft, #inhalt div.blaetternright{
width: 155px;
}

#inhalt div.gallery div.prevpic a, #inhalt div.gallery div.nextpic a, #inhalt div.blaetternleft a,#inhalt div.blaetternright a{
margin-top: 1em;
display: block;
padding: 5px;
background: #2f2a24;
border: 1px solid #9C9376;
}

#inhalt div.exifdaten {
position: relative;
text-align: right;
margin-bottom: 0.2em;
}

div.exifdaten a:hover{ /*nötig, da IE sonst gar nichts macht. Warum auch immer...*/
background: #2f2a24;
}
#inhalt div.exifdaten a span{
display: none;
}

#inhalt div.exifdaten a:hover span{
display: inline;
position: absolute;
top: 4em;
/*left: 8.5em !important;
left: -34.5em;*/
left: 19.3em !important;
left: -23.5em;
width: 34em;
padding: 0.5em; 
z-index: 100;
color: #9C9376;
background: url("/media/layout/tapete2.jpg") repeat top left;
border: 1px solid #9C9376;
}

#inhalt div.gallery a.button, #inhalt div.gallery a:link.button, #inhalt div.gallery a:visited.button{
padding: 0 0.3em;
background: #111;
font-size: 0.95em;
margin-right: 0.1em;
}
#inhalt div.gallery a:hover.button, #inhalt div.gallery a:focus.button{
background: #111;
color: #e79d08;
}
#inhalt div.gallery a.activebutton, #inhalt div.gallery a:link.activebutton, #inhalt div.gallery a:visited.activebutton{
font-size: 0.95em;
padding: 0 0.3em;
background: #990000;
color: #111;
margin-right: 0.1em;
}
#inhalt div.gallery a:hover.activebutton, #inhalt div.gallery a:focus.activebutton{
background: #e79d08;
color: #111;
}


/*#########--- Formulare ---########################################################################*/

form fieldset{
border: none;
padding-bottom: 2em;
border-bottom: 1px solid #3C5862;
border-top: 0px solid #2f2a24 !important;
border-top: 1px solid #2f2a24; /*für IE, der machts onst nen border hier, warum auch immer*/
}
form legend{
display: none;
}

form label{
background: url("/media/layout/dot_red.gif") no-repeat 0 0.3em;
/*Vor Mac IE verstecken\*/
float:left;
overflow: hidden;
/*Ende Versteck*/
margin: 0 ;
padding: 0.1em 0 0 1.2em;
width: 10em;
line-height: 1.4em;
}

form input, form textarea, form select, form option{
font-family: Verdana, Arial;
border: 1px solid #444;
background: #2f2a24;
color: #9C9376;
font-size: 1em;
}

form textarea{
background: #2f2a24;
}

form option{
border: none;
}

form input.button{
color: #778990;
font-size: 0.9em;
font-weight: bold;
}
form input.button:hover{
background: #111;
color: #e79D08;
}

#inhalt p.gbwriterinfo{
background: url("/media/layout/dot_red.gif") no-repeat 0 0.3em;
padding: 0.1em 0 0 1.2em;
}
/*-----------------------------------------------*/


































#col{
	margin: 24em 1.5em 0 0.5em !important;
	margin: 24em 1em 0 0.5em;
	padding: 0;
	font-size: 0.938em;
	width: 20em;
	float: right;
}

#col h1{
	margin-top: 2em;
	font-size: 1.1em;
	background: url("/media/layout/bannerbg.jpg") repeat -50px 0px;
	padding: 0.3em;
	font-variant: small-caps;
	color: #CAB49F;
	border-bottom: 1px solid #111;


}
#col div{
	background: #2f2a24;
	padding: 0.3em;
	border: 1px solid #3F3C36;
}
#col div img{
	width: 19.3em;
}

#col div ul li{
padding: 0.2em 0.2em 0.2em 1.3em;
border-bottom: 1px solid #3F3C36;
background: url("/media/layout/starpoint2.gif") no-repeat 0em 0.2em;

}