/***************************/
/* General element styles: */
/***************************/
BODY {background: #cccccc; margin:0 auto;}
H4, P, TD, UL, OL, BLOCKQUOTE, LABEL, INPUT, TEXTAREA, SELECT { font-family: arial;}
A { font-size: 12px; padding: 0px 0px 0px 0px; color: #0033CC; font-weight: normal; text-decoration: none; }
A:hover { color: #0033DD; text-decoration: underline;}
PRE { font-family: monospace; }
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 5px;}
P, TD, OL { font-family: arial; font-size: 12px; line-height: 1.5;}
UL { font-family: arial; font-size: 12px; line-height: 1.5; padding: 0px 5px 5px 20px;}

LABEL, INPUT, TEXTAREA, SELECT { padding-left: 0px; font-size: 11px;}

input {border: 1px solid #E0E0E0;
	font-size: 10px;}

textarea { border: 1px solid #E0E0E0;
		overflow: auto;}

/* Schriftart & Schriftgröße */

P.bodytext { font-family: arial; font-size: 12px; line-height: 1.5; color: #000000; padding: 0px 5px 10px 5px;}
P.bodytext A { font-weight: normal; padding: 0px 0px 10px 0px;}

/* Frames, spacing, link-to-top */

P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: normal; }

DIV.csc-frame { border: 1px solid #000000; padding: 10px 10px 10px 10px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #c0c0c0; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #c0c0c0; margin: 0px 5px 0px 5px; padding: 5px 5px 5px 5px; color: #000000; }
DIV.csc-frame-rulerAfter hover A{ color: #000000; }
DIV.csc-frame-indent { padding-left: 100px; }

DIV.csc-frame-indent3366 { background-color: #F5F5F5; padding: 0px 0px 0px 0px; border-bottom: 1px solid #333333;
border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; margin: 5px 5px 10px 5px; }

DIV.csc-frame-indent6633 { background-color: #E5E5E5; padding: 0px 0px 5px 0px; border-bottom: 0px solid #333333; margin: 0px 10px 10px 5px; }
DIV.csc-frame-frame1 { width: 714px; background-color: #f5f5f5; padding: 5px 6px 0px 6px; border: 1px solid #000000; margin: 5px 10px -5px 12px;} 
DIV.csc-frame-frame2 { width: 19%; background-color: #ff0000; padding: 0px 0px 5px 0px; border: 0px solid #333333; margin: 0px 5px 0px 300px; }

/* RTE / Table styling */
TABLE.contenttable { border: 1px #EDEBF1 solid; margin: 0px 0px 0px 0px; width: 100%; font-size: 12px; font-family: arial; text-align: left; border-collapse: separate; border-spacing: 0px; table-layout: fixed; }
TABLE.contenttable TR TD { padding: 0px 0px 0px 0px;}
TABLE.contenttable TR TD P.bodytext { font-family: arial; font-size: 12px; }
TABLE.contenttable TR { background-color: #E5E5E5; }

TABLE.contenttable.infobox { 
	  background-color: #E5E5E5;
          margin: 0px 0px 0px 0px;
          width: 100%;
          font-size: 12px;
          font-family: arial;
          text-align: left;
          padding-left: 7px;
          border-top: 2px solid #FFFFFF;
		  border-right: 2px solid #FFFFFF;
          border-left: 2px solid #FFFFFF;
          border-bottom: 2px solid #FFFFFF;}		
          
TABLE.contenttable.infobox A {
	font-family: arial;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	color: #206ab3;
	text-decoration: underline;
	background-color: #E5E5E5;
}          

TABLE.contenttable.leftbox { background-color: #EDEBF1;
          margin: 0px 0px 0px 0px;
          width: 150px;
          font-size: 12px;
          font-family: arial;
          text-align: left;
          padding-left: 4px;
          border-right: 0px solid #C0C0C0;
          border-left: 0px solid #C0C0C0;
          border-bottom: 0px solid #C0C0C0;}
          
TABLE.contenttable.contentbox { background-color: #EDEBF1;
          table-layout:auto;
          margin: 0px 0px 0px 0px;
          width: 100%;
          font-size: 12px;
          font-family: arial;
          text-align: left;
          padding-left: 4px;
          border-right: 0px solid #C0C0C0;
          border-left: 0px solid #C0C0C0;
          border-bottom: 0px solid #C0C0C0;}
          
DIV.tx-timtabsociable-pi1 IMG { padding: 10px 5px 10px 5px; }
		  
#table1 { font-family: arial; 
		 font-size: 12px;
		 background-color: #E5E5E5;
		 color: #000000;
		 padding: 5px 0px 0px 5px;}
		 
#table1 img { padding: 0px 0px 0px 0px;}

#table1 th, td { 
   padding: 0px 0px 0px 0px;
   text-align: left; 
   vertical-align: top; /* Standard ist vertical-align: middle */ 
}

#table1 IMG {padding: 0 0 0 0; } 
		 
#table2 { font-family: arial; 
		 font-size: 10px;
		 width: 100%;
		 background-color: #EDEBF1;
		 color: #000000;
		 margin: 0px 0px 0px 0px;
		 padding: 0px 0px 0px 0px;}
		 
#table2 caption { 
   font-size: 12px;
   font-weight: bold;
   width: 100%;
   font-family: arial;
   background-color: #fdf6bc; 
   color: #212121; 
   text-align: left;
   padding: 2px 0px 2px 5px;
   margin: 0px 0px 0px 0px; 
}
#table2 IMG {
		 
margin: 2px 1px 0px 2px;
padding: 0px 0px 0px 0px; } 
		 
#table2 A {font-size: 10px; }
		 
#seite { width: 883px;
         margin: auto;
 		 text-align: center;
		 }
		 
#inhalt {
	width: 752px;
	background-color: #f5f5f5;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: square;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
}

#links {
	FONT-FAMILY:  arial;
	FONT-SIZE: 8pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	COLOR: #000000;
 	text-decoration: none;
}

#1rechts {
	width: 165px;
	float: none;
	FONT-FAMILY: arial;
	FONT-SIZE: 8pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	COLOR: #000000;
	background-color: #D8D8D8;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #E5E5E5;
	text-decoration: none;
}

#oben {
	width: 752px;
	height: 100px;
	background-color: #E5E5E5;
	COLOR: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	FONT-WEIGHT: bold;
 	text-decoration: none;
 	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
}

#oben A {
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid #000000;
	text-decoration: none;
}

#oben img {
	padding: 0px 0px 0px 0px;
	border-style: none;
}

#oben A:hover {
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid #000000;
	text-decoration: underline;
}

#oben2 {
	width: 752px;
	background-color: #ffe60f;
	COLOR: #000000;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	FONT-WEIGHT: bold;
 	text-decoration: none;
 	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #E5E5E5;
}

#oben2 A {
	padding: 0px 5px 0px 10px;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid #000000;
	text-decoration: none;
}

#oben2 img {
	padding: 0px 0px 0px 0px;
	border-style: none;
}

#oben2 A:hover {
	padding: 0px 5px 0px 10px;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid #000000;
	text-decoration: underline;
}

#menu {
	background: #333333;
	float: left;
	list-style: none;
	margin: -5px -5px 0px -5px;
	padding: 0px 0px 0px 0px;
	width: 100.67%;
}

#menu li {
	float: left;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333 url("http://germany-explorer.com/fileadmin/css/images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background: #ffcf00 url("http://germany-explorer.com/fileadmin/css/images/hover.gif") bottom center no-repeat;
	color: #000;
	padding-bottom: 8px;
	}

#obenrechts {
	width: 160px;
	float: none;
	font-size: 13px;
	font-weight: bold;
	background-color: #D8D8D8;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #E5E5E5;
	text-decoration: none;
}	

#obenrechts A {
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid #000000;
	text-decoration: none;
}

#obenrechts img {
	padding: 2px 0px 0px 0px;
	border: 0px solid #000000;
	border-style: none;
}

#obenrechts A:hover {
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid #000000;
	text-decoration: underline;
}

/* Formular */
fieldset.csc-mailform {
border:0;
}

fieldset.csc-mailform label {
width: 120px;
float: left;
text-align: right;
margin-right: 10px;
display: block
}


fieldset.csc-mailform input,
fieldset.csc-mailform textarea {
margin-bottom: 10px;
font-size:10px;
font-family: Verdana, Helvetica, sans-serif;
border:1px solid #ccc;
padding:2px;
xwidth:300px;
}

fieldset.csc-mailform fieldset input {
float:none;
display:block;
width:50px;
text-align:left;
border:0px

}

fieldset.csc-mailform fieldset label{
display:inline;
float:none;
text-align:left;
width:300px;
margin:10px 10px;

}
fieldset.csc-mailform fieldset {
border:0;

}

fieldset.csc-mailform fieldset legend {
display:none;

}


fieldset.csc-mailform select {
width:220px;
margin:2px 0;
}
fieldset.csc-mailform option {
padding:0 5px;

background:#fff;
}


#header {
	width: 752px;
	background-color: #FFFFFF;
	COLOR: #000000;
	padding: 0px 10px 0px 5px;
	margin: 0px 0px 0px 0px;
	FONT-WEIGHT: bold;
 	text-decoration: none;
 	border-bottom: 0px solid #000000;
}

#header A {
	font-size: 13px;
	font-weight: bold;
	color: #206ab3;
}

#info { 
	background-color: #EDEBF5;
	border-collapse: collapse; /* Alternative wäre border-collapse: separate */ 
	margin: 5px 0x 0px 0px;
    width: 100%;
    font-size: 12px;
    font-family: arial;
    text-align: left;
    padding: 5px 0px 5px 0px;
    border: 0px solid #000000;
    border-left: 0px solid #C0C0C0;
    border-bottom: 0px solid #C0C0C0;
	}
          
#info caption { 
   font-size: 12px;
   font-weight: bold;
   width: 100%;
   font-family: arial;
   background-color: #333; 
   color: #ccc; 
   text-align: left;
   padding: 2px 0px 2px 5px;
   margin: 10px 0px 0px 0px; 
}

#info th, td { 
   padding: 0px 0px 0px 5px; 
   text-align: left; 
   vertical-align: top; /* Standard ist vertical-align: middle */ 
}

#info th { 
   font-family: arial; 
   font-size: 11 px;
   padding: 1px 1px 1px 5px;
   letter-spacing: 2px; /* etwas Abstand zwischen den Buchstaben */ 
   font-weight: bold; /* nicht fett */ 
}

#info thead { 
   background-color: #333333; 
   color: white; 

}

#info tfoot { 
   background-color: #b0c4de; 
}

#info tr.zebrastreifen { 
   background-color: #F6F6F6; 
   color: #212121;
   }
              
#info A {
	font-family: verdana;
	font-size: 11px;
	padding: 1px 1px 1px 0px;
	margin: 0px 0px 0px 0px;
	color: #0033CC;
	text-decoration: none;
	
}

#info A:hover {
	font-family: verdana;
	font-size: 11px;
	color: #0033DD;
	text-decoration: underline;
}

#frontad {
width: 752px;
margin: 5px 10px 5px 10px;
padding: 5px 0px 5px 0px;
border-style: none;
background-color: #F5F5F5;

}

#mypath {
	background-color: #f5f5f5;
	width: 752px;
	COLOR: #000000;
	font-size: 8 px;
	padding: 0px 0px 0px 5px;
	margin: 10px 0px 0px 0px;
	FONT-WEIGHT: bold;
 	text-decoration: none;
	border-top: 1px solid #000000;
}

#mypath A {
	background-color: #f5f5f5;
	COLOR: #0033CC;
	font-size: 8 px;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	FONT-WEIGHT: bold;
 	text-decoration: none;
}

#mypath A:hover {
	background-color: #f5f5f5;
	COLOR: #0033CC;
	font-size: 8 px;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	FONT-WEIGHT: bold;
 	text-decoration: underline;
}

#bottom {
	width: 752px;
	background-color: #f5f5f5;
	border-left: 0x solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
}


#bottom P {
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	background-color: #f5f5f5;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

#bottom A {
	background-color: #f5f5f5;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 10px;
	
}

#foot {
	width: 752px;
	text-align: center;
	background-color: #E5E5E5;
	border-top: 1px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
}


#foot P {
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	background-color: #EDEBF5;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

#foot A {
	background-color: #EDEBF5;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 10px;
	
}

#print {
	background-color: #FFFFFF;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
 	text-decoration: none;
 	text-align: left;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#update {
	align: right;
	background-color: #EDEBF1;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
 	text-decoration: none;
 	text-align: left;
	border-bottom: 1px solid #C0C0C0;
}

#footer {
	background-color: #8F1F1F;
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
 	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
 	}

#search {
	float: right;
	padding: 0 0 0 0;
	margin: 2px 0 2px 0;
	background-color: #FFFFFF;
	font-size: 8px:
 	text-decoration: none;
 	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	border-top: 0px solid #000000;
 	}
	
#searches {
	width: 160px;
	padding: 0px 12px 0px 0px;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	font-size: 8px:
 	text-decoration: none;
 	border-right: 0px solid #E5E5E5;
	border-left: 0px solid #E5E5E5;
	border-top: 0px solid #E5E5E5;
	border-bottom: 0px solid #E5E5E5;
 	}

#searchhead {
	float: left;
	background-color: #000000;
	COLOR: #ffffff;
	font-size: 8px:
	font-family: bodoni mt; 

}

#rightwork {
	width: 155px;
	text-align: center;
	border-left: 0px solid #000033;
	border-bottom: 0px solid #000033;
	border-right: 0px solid #000033;
	border-bottom: 0px solid #000033;
	}
	
#adleft {
	padding: 0 5 0 0;
}

#linksunten {
	Background-color: #EDEBF1;
	border-left: 0px solid #000033;
	border-bottom: 0px solid #000033;
	}

#nav, #nav ul {
	float: none;
	width: 752px;
	list-style: none;
	line-height: 0.7em;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	padding: 0 0 0 0;
	border-bottom: solid #212121;
	border-width: 0.1em;
	margin: 0 0 0 0;
}
 
#nav a {
	display: block;
	width: 10em;
	color: #ffffff;
	text-decoration: none;
	padding: 0.50em 0.5em;
}
 
#nav a:hover {
	color: #ffff00;
	background-color: #000000;
	text-decoration: none;
} 
 
#nav a.menuparent  {

}
 
#nav li {
	float: left;
	padding: 0;
	margin: 0;
	width: 12em;
	border-bottom-width: thin;
	border-bottom-color: #333333;

}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 12em;
	font-weight: normal;
	border-width: 0.1em;
	margin: 0;
		
}
 
#nav li li {
 
	width: 12em
}
 
#nav li ul a {
	width: 12em;
	padding-left: 0em;
}
 
#nav li ul ul {
	margin: -1.75em 0 0 10em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
 
#nav li:hover, #nav li.sfhover {
	color: white;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a 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; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* 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; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/**********/
/* Images */
/**********/

/* Images / Captions */

div.csc-textpic-imagewrap{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 5px;
 
}

dd.csc-textpic-caption{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 5px;
 color: #ffffff;
 font-size: 11px;
 background-color: #333333;
}

/* Images / Tables / Floating text */
TABLE.imgtext-table { background-color: #FF0000; border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px;}
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; margin-bottom: 0px;}

/******************/
/* Headers, plain */
/******************/
H1 { font-size: 16px;
     font-weight: bold;
     color: #000000;
     padding-top: 5px;
     padding-right: 0px;
     padding-bottom: 1px;
     padding-left: 10px;
     margin: 0px 0px 0px 0px;}

H2 {font-size: 14px;
     font-weight: bold;
     color: #212121;
     background-color: #F5F5F5;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 1px;
     padding-left: 10px;
     margin: 5px 0px 0px 0px;}
  
H3 { font-size: 12px;
     color: #000000;
     padding-top: 5px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 10px;
     margin-top: 0px;
     margin-right: 0px;
     margin-left: 0px;
     margin-bottom: 0px;}     

H4 { font-size: 13px;
	 color: #212121;
	 background-color: #F5F5F5;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 5px;
     margin-top: -12px;
     margin-bottom: 0px;}

H5 { font-size: 12px;
     font-weight: bold;	
     color: #000000; 
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 5px;
     margin: 0px 0px 0px 0px;}

H6 { font-size: 12px; margin: 0px 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; }
H1.csc-firstHeaser, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; margin-bottom: 0px;}

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { font-size: 14px; 
			       color: #b8860b; 
			       font-weight: bold;
				background-color: none; 
			       text-decoration: none;
				padding: 0px 0px 0px 0px;}

H2 A { color: #206ab3; }
H4 A { color: #b8860b; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover
{ font-size: 14px;
  color: #206ab3;
  text-decoration: underline;
  font-weight: bold; }

/* Header date */
P.csc-header-date { font-size: 10px; color: #186900; }

/* Subheader, general */
P.csc-subheader { font-style: italic; }

/* Subheader, specific */
P.csc-subheader-0 { font-style: normal; }
P.csc-subheader-1 { color: #186900; }
P.csc-subheader-2 { color: #10007B; }
P.csc-subheader-3 { color: #8A0020; }

/* tabber
----------------------------------------------- */
      /* $Id: example.css,v 1.3 2006/03/06 06:02:28 pat Exp $ */

      /*--------------------------------------------------

        REQUIRED to hide the non-active tab content.

        But do not hide them in the print stylesheet!

        --------------------------------------------------*/

      .tabberlive .tabbertabhide { display:none; }

      /*--------------------------------------------------

        .tabber = before the tabber interface is set up

        .tabberlive = after the tabber interface is set up

        --------------------------------------------------*/

      .tabber {}

      .tabberlive {  margin-top: 1.5em;}

       

      /*--------------------------------------------------

        ul.tabbernav = the tab navigation list

        li.tabberactive = the active tab

        --------------------------------------------------*/

      ul.tabbernav{

              margin:0px 10px 0px 9px;

              /* padding: 3px 0; */

              padding: 3px 5px 5px 0;

              border-bottom: 0px solid #E5E5E5;

              font: 11px "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;

      }
  
       
  
      ul.tabbernav li {
  
              list-style: none;
  
              padding: 0;
  
              margin: 0;
  
              line-height: 1.0em;
  
              display: inline;
  
              }
  
       
  
      ul.tabbernav li a {
              padding: 3px 0.5em;
  
              margin-right: 3px;
  
              border: 0px solid #333;
  
              border-bottom: none;
  
              background: #333;
  
              text-decoration: none;
  
              }
  
       
  
      ul.tabbernav li a:link { color: #ccc; }
  
      ul.tabbernav li a:visited { color: #ccc; }
  
       
  
      ul.tabbernav li a:hover{
  
              color: #000;
  
              background: #ffcf00 url("http://germany-explorer.com/fileadmin/css/images/hover.gif") bottom center no-repeat;
  
              text-decoration: none;
  
              }
  
       
  
      ul.tabbernav li.tabberactive a{
  
              color: #ccc;
             border: 1px solid #333;
  
              border-bottom: none;
 
              background-color: #333;
 
              border-bottom: 0px solid #E5E5E5;
 
              cursor: default;
 
              }
 
       
        ul.tabbernav li.tabberactive a:hover{
  
              color: #ccc;
			  background: #333;
                background-color: #333;
  
              border-bottom: 0px solid white;
  
      }
  
      /*--------------------------------------------------
  
        .tabbertab = the tab content
  
        Add style only after the tabber interface is set up (.tabberlive)
  
        --------------------------------------------------*/
  
      .tabberlive .tabbertab {
  
       padding: 5px 5px 5px 5px;
	   
	   margin: 0px 11px 0px 9px;
  
       font-size: 0.9em;
  
       border: 1px solid #333;
  
       background-color: #f5f5f5;
  
       
  
      }
  
       
  
      /* If desired, hide the heading since a heading is provided by the tab */
  
      .tabberlive .tabbertab h2 {
  
       padding: 0px 0px 0px 5px;
  
              margin: 0;
 
              font-size: 12px;
 
              font-weight: bold;
 
              color: #283A63;
			  
			  display:none;
  
      }
  
       
  
      /* If desired, set a height and add a scrollbar */
  
      .tabberlive#tab2 .tabbertab{
  
       height:200px;
  
       overflow:auto;
  
      }
  
       
  
      .tabberlive .tabbertab h3 {
  
              padding: 0px 0px 5px 5px;
  
              margin: 0;
 
              font-size: 14px;
 
              font-weight: bold;
 
              color: #000000;
			  
 
              }
 
       
 
       
 
      #sidebar .tabberlive .tabbertab ul{
 
              padding-left: 0;
 
              }
 
      #sidebar .tabberlive .tabbertab ul li{
 
              line-height: 1.2em;
 
              border-bottom: 0px solid #E5E5E5;
 
              padding: 0.3em 0;
 
              }