body{
margin: 10px 0 10px 0;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffcc;
height: 100%;
background-color: #ffffcc;
font-size: 83%;
line-height: 100%;
}

img {
border: none;
}

.bio img {
text-align: center;
padding-left: 20px;
}

.bio {
font-weight: bold;
}

.vpgb_eintrag {
border-top: 1px dotted #ffffcc;
}

.vpgb_eintrag img {
font-size: 80%;
font-weight: bold;
}

.vpgb_fleft {
font-size: 80%;
font-weight: bold;
margin: 0.5em 0 0.3em 0;
}

.vpgb_entry {
font-size: 90%;
margin: 0 0 0.5em 0;
}

.vpgb_commentheader {
font-size: 80%;
font-weight: bold;
margin: 0.2em 0 0 1em;
}

.vpgb_comment {
font-size: 90%;
margin: 0 0 1em 2em;
}

.vpgb_infos {
font-size: 80%;
font-weight: bold;
margin: 0.5em 0 0 0;
}

.bottomnavi {
margin-top: 50px;
font-size: 80%;
font-weight: bold;
}

#bg{
width: 840px;
margin: auto;
background-image:url(/images/bg.jpg);
min-height: 100%;
}

#wrapper{
width: 800px;
margin: auto;
padding-left: 10px;
}

#headerblock{
height: 107px;
}

#sitelogo{
width: 400px;
height: 100px;
float:left;
}

#servicenav{
float: right;
height: 25px;
width: 294px;
padding: 0 0 0.1em 1em;
font-size: 85%;
}

#servicenav ul { /* alle Listen */
padding: 0;
margin: 0.2em;
list-style: none;
line-height: 1;
}

#servicenav a {
display: block;
padding: 0.2em;
margin: 0;
color: #ffffcc;
text-decoration: none;
}

#servicenav li { /* alle Listenelemente */
float: left;
width: 6.3em;
list-style: none;
text-align: center;
}

#servicenav li a:hover {
color: #FFC080;
}

#vpnavigation {
height: 25px;
width: 790px;
border-bottom: 1px solid #ffffcc;
}

#vpnavigation, #vpnavigation ul { /* alle Listen */
padding: 0;
margin: 0;
list-style: none;
line-height: 150%;
font-size: 100%;
font-weight: bold;
}

#vpnavigation a {
display: block;
padding: 0 0 0 0.3em;
width: 10em;
color: #ffffcc;
text-decoration: none;
border-left: 1px solid #ffffcc;
}

#vpnavigation a:hover {
color: #FFC080;
}

#vpnavigation li { /* alle Listenelemente */
float: left;
width: 156px;
}

#vpnavigation li ul { /* Listen 2. Ebene */
position: absolute;
width: 11.65em;
left: -999em; /* durch "left" au�erhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
border: 1px solid #ffffcc;
border-top: 0;
padding: 0.3em 0 0.3em 0;
background-color: #ffffcc;
}

#vpnavigation li ul a {
color: #9d0000;
text-decoration: none;
font-size: 90%;
line-height: 130%;
font-weight: normal;
border-left: 0;
}

#vpnavigation li ul a:hover {
color: #330000;
}

#vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */
background: url(../images/rightarrow.gif) center right no-repeat;
}

#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */
margin: -1em 0 0 10em;
}

#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
left: -999em;
}

#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Men�punkte liegen */
left: auto;
}

/* #vpnavigation li.activepath { * Listenelemente, die im aktiven Pfad liegen *
* font-style: italic!important; *
* background-color: #c56969; *
* } *
**
* #vpnavigation li#active { * Listen zur aktuellen Kategorie *
* font-style: italic!important; *
* background-color: #303030; *
* } */

#navipath {
font-size: 75%;
margin-top: 0.1em;
padding-bottom: 0.1em;
width: 790px;
border-bottom: 1px solid #ffffcc;
}

#navipath a {
color: #FFC080;
text-decoration: none;
}

#navipath a:hover {
text-decoration: underline;
}

#outer{
width: 800px;
margin: auto;
}

#content{
border-right: 1px dotted #ffffcc;
width: 609px;
float: left;
padding-right: 15px;
line-height: 120%;
margin-top: 10px;
min-height: 50em;
}

.content_headline {
font-size: 130%;
font-weight: bold;
margin-top: 1em;
}

#content a {
color: #FFC080;
text-decoration: none;
}

#content a:hover {
color: #FFC080;
text-decoration: underline;
}

#content img {
margin: 0 0 0.2em 0;
}

#content p {
width: 570px;
}

#content p img {
margin: 0 0.8em 0 0;
}

#content h1 {
font-size: 110%;
margin-top: 1em;
}

abbr, acronym {
    border-bottom: 1px dotted #8ca6a6;
cursor: help;
}

#kontaktform input.hidden {
	border:0px;
	margin-bottom:0px;
	height:0px;
	float:none;
background-color: #9d0000;
}

#marginal{
height: 100%;
width: 168px;
float: right;
font-size: 90%;
padding-left: 7px;
margin-top: 10px;
}

#marginal h1 {
font-size: 85%;
margin-top: 1em;
}

#marginal a {
color: #FFC080;
text-decoration: none;
}

#marginal a:hover {
text-decoration: underline;
}

.clearer {
width: auto;
height: 1px;
margin: 0.5em 1em 0.5em 0;
border-bottom: 1px dotted #ffffcc;
}

.divider {
width: auto;
height: 1px;
margin: 0.5em 1em 0.5em 0;
border-bottom: 1px dotted #ffffcc;
}

/* Lightbox */

#lightbox {
position: absolute;
top: 40px;
left: 0;
width: 100%;
/*z-index: 100;*/
z-index: 990;
text-align: center;
line-height: 0;
}

.medianame {
margin-bottom: 0.9em;
height: 17px;
}

#lightbox img {
border: none;
}

#outerImageContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer {
padding: 10px;
}

#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
/*z-index: 10;*/
z-index: 970;
}

#imageContainer>#hoverNav {
left: 0;
}

#hoverNav a {
outline: none;
}

#prevLink, #nextLink {
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}

#prevLink {
left: 0;
float: left;
}

#nextLink {
right: 0;
float: right;
}

#prevLink:hover, #prevLink:visited:hover {
background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}

#imageData {
padding:0 10px;
}

#imageData #imageDetails{
width: 70%;
float: left;
text-align: left;
}	

#imageData #caption{
font-weight: bold;
}

#imageData #numberDisplay{
display: block;
clear: left;
padding-bottom: 1.0em;
}			

#imageData #bottomNavClose{
width: 66px;
float: right;
padding-bottom: 0.7em;
}	

#overlay {
position: absolute;
top: 0;
left: 0;
/*z-index: 90;*/
z-index: 980;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
/* << */

.formular{
margin-top: 2em;
}

.formular label, input { 
  display: block;
  float: left;
  width: 100px;
  font-size:12px;
  font-weight:bold;
  margin-bottom:5px;
  padding:2px;
}

.formular textarea {
clear: both;
}

/* COMMENTS OUTPUT */

#commentmodule{
	padding:0px;
	margin:0px;
	margin-top:40px;
	display:block;
}
#commentheader{
	margin:0px;
	padding:0px;
}
#commentheader p.cheadline{
	margin:0px;
	padding-top: 0.6em;
	font-size: 110%;
	font-weight:bold;
	line-height: 120%;
        border-top: 1px dotted #ffffcc;
}
#commentheader p.clink{
	margin:0px;
	padding:0px;
	padding-top:2px;
	text-align:right;
}
#commentheader p.clink a{
	margin:0px;
	padding:0px;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	padding-left:12px;
	background:url(../img/speech_bubble.gif) no-repeat;
}
#commentheader  p.clink a:hover{
	text-decoration:underline;
}


#comments{
	margin:0px;
	margin-top:15px;
	padding:0px;
	background-position:10px 0px;
	border-left: 3px solid #ffffcc;
}
#comments img.avatar{
	margin:0px;
	margin-top:3px;
	margin-left:13px;
	padding:0px;
	float:left;
}
#comments h4{
	margin:0px;
	padding:0px;
	margin-left:0;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:7px;
	background:url(../img/sbubble_spitze.gif) bottom no-repeat;
	background-position: 0px 33px;
	font-size:80%;
}
#comments h4 span{
	font-size:100%;
}

#comments h4 a{
	color:#FFC080;
	text-decoration:none;
}
#comments h4 a:hover{
	text-decoration:underline;
	
}

#bubble{
	margin:0px;
	padding:0px;
}
#bubble p{
	margin:0px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	display:block;
	font-size: 90%;
width: auto;
}
#bubble p a{
	text-decoration:none;
	color:#FFC080;
	font-weight:bold;
	padding-left:15px;
	background:url(../img/external_link_c.gif) no-repeat;
	background-position:2px;
}
#bubble p a.mail{
	background:url(../img/mail_link_c.gif) no-repeat;
	background-position:2px 2px;

}
#bubble p a:hover{
	text-decoration:underline;
}
#bubble p.link{
	font-size:10px;
	margin-top:4px;
	text-align:right;
width: auto;
}
#bubble p.link a{
	text-decoration:none;
	color:#FFC080;
	font-weight:bold;
	padding-left:15px;
	background-position:2px;
}
#bubble p.link a:hover{
	text-decoration:underline;
}

#bubble div.rbtop div  { background: url(../img/sbubble_lo.gif) no-repeat top left; }
#bubble div.rbtop      { background: url(../img/sbubble_ro.gif) no-repeat top right; }
#bubble div.rbbot div  { background: url(../img/sbubble_lu.gif) no-repeat bottom left; }
#bubble div.rbbot      { background: url(../img/sbubble_ru.gif) no-repeat bottom right; }
#bubble div.rbtop div, #bubble div.rbtop, #bubble div.rbbot div, #bubble div.rbbot {
	margin:0px;
	padding:0px;
	width: 100%;
	height: 10px;
	font-size: 1px;
}



/* Comment Formular */

#commentform {
border-top: 1px dotted #ffffcc;
padding-top: 15px
}

#commentform label, #commentform input, #commentform div.ubbpics, #commentform textarea { 
  display: block;
  float: left;
  width: 150px;
  font-size:12px;
  font-weight:bold;
  margin-bottom:5px;
  padding:2px;
  
}
#commentform input, #commentform div.ubbpics,textarea{
	width:350px;
	font-size:12px;
	font-weight:normal;
	background-color:#FFFFCC;
	border:0px solid black;
}
#commentform div.ubbpics{
	background:none;
	border:0px solid black;
}
#commentform textarea {
width: 300px;
	height:100px;
  	font-size:12px;
  	font-weight:normal;
}

#commentform form br {
  	clear: left; 
}

#commentform input {
  	width: auto;
}

#commentform input.hidden {
	border:0px;
	margin-bottom:0px;
	height:0px;
	float:none;
background-color: #9d0000;
}

#commentform input.submit {
  	width: auto;
font-weight: bold;
color: #9d0000;
}

#bottom {
clear: both;
width: 840px;
height: 20px;
margin: 0;
padding: 1em 0 0 0;
text-align: center;
}

#content .teaser h2{
font-size: 1.1em;
}