@font-face {
	font-family: 'Nueva Std';
	src: url('nuevastd-cond-webfont.eot?#iefix') format('embedded-opentype'), 
	     url('nuevastd-cond-webfont.ttf')  format('truetype'),
	     url('nuevastd-cond-webfont.svg#NuevaStdCondensed') format('svg');
	}

@font-face {
    font-family: 'Cuprum';
    src: url('cuprum-regular-webfont.eot');
    src: url('cuprum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('cuprum-regular-webfont.woff') format('woff'),
         url('cuprum-regular-webfont.ttf') format('truetype'),
         url('cuprum-regular-webfont.svg#Cuprum') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cuprum';
    src: url('cuprum-bold-webfont.eot');
    src: url('cuprum-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('cuprum-bold-webfont.woff') format('woff'),
         url('cuprum-bold-webfont.ttf') format('truetype'),
         url('cuprum-bold-webfont.svg#Cuprum') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: 'Oranienbaum';
  font-style: normal;
  font-weight: 400;
  src: url('oranienbaum-regular.ttf') format('truetype');
}


body {
	margin: 0;
	padding: 0;
	font-family: Verdana,Helvetica,sans;
	font-size: 9pt;
	line-height: 2em;
	background-color:#E0E4A4;
/*	background: url('/files/background_3.jpg');  */
}


img {
	border-width: 0;
}


h1 {
/*	font-family: 'Nueva Std','Trebuchet MS', helvetica,sans; */
	font-family: 'Oranienbaum', helvetica, sans;
	font-size: 32px;
	font-weight: normal;
	line-height: 36px;
	color: #778800;
	text-shadow: 0.02em 0.02em 0.02em rgba(119,136,0,0.3);
	margin: 0;
	text-align:left;
}

h2 {
	font-size: 18px;
	font-family: Cuprum, 'Trebuchet MS',helvetica,sans;
	color: #778800;
	margin: 0;
	text-align:left;
}

h3 {
	color: #DA8D00;
	font-size: 14.5px;
	font-family: Tahoma, 'Trebuchet MS',helvetica,sans;
        font-weight: bold; 
        margin: 0;
        text-align:left;
}

h4 {
   color: #778800;
	font-family: Cuprum, 'Trebuchet MS',helvetica,sans;
	font-weight: bold; 
	font-size: 14.5px;
        margin: 0;
        text-align:left;
}

h5 {
   color: #554;
	line-height:1.5em;
	margin: auto;
        text-align:left;
}

p {
	text-align: justify;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;	
}

a:link {
   color: #560;
}
a:visited {
	color: #9a2;
}
a:hover {
        color: #340;
}


.btn {
	opacity: 0.7;
    -moz-box-shadow:inset 1px 1px 3px 0px #fce2c1;
    -webkit-box-shadow:inset 1px 1px 3px 0px #fce2c1;
    box-shadow:inset 1px 1px 3px 0px #fce2c1;
    background-color:#fff598;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #eeb44f;
    display:inline-block;
    color:#666666;
    font-family:'Trebuchet MS',helvetica,sans;
    font-size:14px;
    font-weight:normal;
    padding:1px 20px;
    line-height: 16px;
    text-decoration:none;
    text-shadow:1px 1px 3px #cc9f52;
}.btn:hover {
    background-color:#fb9e25;
}.btn:active {
    position:relative;
    top:1px;
}.btn:link {
    color: #666666;
}.btn:visited {
    color: #666666;
}


.btn01 {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.03, #f9ffe4), color-stop(1, #f6eaef) ); 
    background:-moz-linear-gradient( center top, #f9ffe4 3%, #f6eaef 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9ffe4', endColorstr='#f6eaef');
}.btn01:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.02,#bbcc44), color-stop(0.7,#eeffbb) );
    background:-moz-linear-gradient( center top, #bbcc44 2%, #eeffbb 70% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbcc44', endColorstr='#eeffbb');
}


.btn02 {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.02,#bbcc44), color-stop(0.7,#eeffbb) );
    background:-moz-linear-gradient( center top, #bbcc44 2%, #eeffbb 70% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbcc44', endColorstr='#eeffbb');
}.btn02:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.10,#ccff20), color-stop(0.8,#eeffbb) );
    background:-moz-linear-gradient( center top, #bbcc44 2%, #eeffbb 70% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbcc44', endColorstr='#eeffbb');
}

.btn03 {
   color:#333333; 
   text-shadow: 2px 1px 0px #ffffff;
   font-weight: bold;   
   width:300px;
   padding:12px;
   text-align: center;	
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.6, #FFF9C7), color-stop(1, #FFD32E) );
   background:-moz-linear-gradient( center top, #FFF9C7 5%, #FFD32E 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF9C7', endColorstr='#FFD32E');
}.btn03:hover {
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFF9C7), color-stop(1, #ffdd1c) );
   background:-moz-linear-gradient( center top, #FFF9C7 5%, #ffdd1c 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF9C7', endColorstr='#ffdd1c');
}.btn03:link {
	   color:#333333;	
}.btn03:visited {
      color:#333333; 
}
	

.btn04 {
	opacity: 1;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;	
	padding: 13px 15px 10px 25px;
    background-color: #FAFDF0;
	border: 1px solid #778800;
	text-shadow: none;
	line-height:1.5em;
}.btn04:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.10,#F7FFDB), color-stop(0.3,#EFFFB8) );
    background:-moz-linear-gradient( center top, #F7FFDB 2%, #EFFFB8 30% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7FFDB', endColorstr='#EFFFB8');
}

	
.featureBullet	{
	margin-right: 8px;
}

.fett {
	color: #444;
        font-family: 'Trebuchet MS',helvetica,sans;
        font-weight: bold;
        font-size: 1.1em;
        margin: 0;
}

.nowrap {
	white-space:nowrap;
}

.zettel-text a:link, .zettel-text a:visited {
 color: #DA8D00;
 font-family: 'Trebuchet MS',helvetica,sans;
 font-size: 1.3em;
 font-weight: bold;
 text-decoration: none;
}

#base {
	background-color: #eee;
}

#stage {
	position: absolute;
	display: inline-block;
/*	background-color: #fff; */
	height: 100%;
	width: 970px;
	/*margin-top: 30px;*/
	padding: 0;
	margin: 0 auto;
}


#col1 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 251;
	top: 0;
	width:600px;
	border: 1px dashed #6ff;
}
 
/*
#content-top {
	margin: 100 auto -10 auto;
	width: 610px;
	height: 80px;
	background-image: url('frame2_o_600.png');
	background-repeat:no-repeat;
	border: 1px dashed #66f;
}

#content-bot {
	margin: -20 auto 50 auto;
	width: 612px;
	height: 80px;
	background-image: url('frame2_u_600.png');
	background-repeat:no-repeat;
}

.off  {
	text-align: center;
	border: 1px dashed #666;
	border: 1px dashed #66f;
}
*/


/* ******************************************************************** */
/*     (Fliess-) Textformatierungen     */

.tinymcewysiwyg ul,
.hotelview ul  {
	padding-left: 20px;
	list-style-image: url('/files/bullet_green.png');
}

.tinymcewysiwyg p {
   word-wrap: break-word;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.hervorgehoben {
	font-weight: bold;
	color: #555;
}



/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 

#topBar {
	width: 99.5%; height: 40px; 
	background-color: #d97300;
	border: 3px solid #ccc;
}
 
#wrap {
margin: 0;
padding: 0;
width: 100%;
position: relative;
}

#pagewidth { 
 width:990px; 
 text-align:left; 
 margin:0 auto;
 padding: 0;
 position: relative;
 background-color: #fff;
 /* background-image: url('/files/paper.jpg'); */
 border-radius: 0 0 5px 5px;
 box-shadow: 0px 0px 20px #000000;

} 

 
#header{
 position:relative; 
 top: 20px;
 left: 60px;
 height:220px; 
 width:900px;
 display:block;
 overflow:hidden;
} 

#leftcol{
 width:220px; 
/* height:600px; */  
 height: 90%; 
 float:left; 
 margin-left: 12px;
 position:relative; 
 overflow:hidden;
 background-color: #ffffff;
}



#content {
	padding-left: 20px;
/*	border: 1px solid #ccc; */
	border-width: 0 1px;
}

#nav {
/* height: 100%; */
 padding: 15px 0;
}

#onecol {
 display: inline-block;
 width:750px;
 float:right;
 position:relative;
} 

#twocols{
 display: inline-block;
 width:750px; 
 float:right; 
 position:relative; 
}
 
#rightcol {
 display: inline-block;
 width:200px; 
 float:right; 
 margin-right: 12px;
 margin-top: -150px;
 position:relative; 
 line-height: 1.5em;
 height: 550px;
/*  overflow: hidden; */

/* border-left: 1px solid #aaa; */
 }
 
#extras{
 display: inline-block;
 padding:5px;
 font-size:9pt;
} 
 
#maincol, #maincol_wide {
 background-color: #FFFFFF;  
 float: left; 
/* padding-top: 20px; */
 position: relative; 
}

#maincol {
 width: 530px;
}

#maincol_wide {
 width: 680px;
}
 
#footer{
 height:50px; 
 clear:both;
 display:block;
 text-align: center;
 color: #acad63;
 overflow:auto;
 margin: 40px 9px 20px 11px;
 padding-bottom: 8px;
/* background: url('/files/paper_u.jpg') repeat-x;  */
} 
 
.floatLeft {float: left;padding-right:10px;}
.floatRight{float:right;padding-left:10px;}

.thinline { width:75%; border-bottom: 1px solid #778800; margin: 40px auto; clear:both;}
 
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.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;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#onecol, #twocols, #maincol, #maincol_wide {width:100%; float:none;}
}





/* ***************** */
/*    REX  navigation    */


#nav ul.rex-navi1 { padding:0 20px;  }
ul.rex-navi1 {
	font-family: Tahoma, 'Trebuchet MS', Verdana, helvetica, sans;
	font-size:12px;
	font-weight: bold;
	line-height: 18px;
}
 
ul.rex-navi1 li {
	display: block;
	text-align: right;
}
 
ul.rex-navi1 a {
	display: block;
	color:#cc7853;
	padding: 7px;
/*	text-transform: lowercase; */
	text-decoration: none;
}
 
ul.rex-navi1 li a.rex-active, 
ul.rex-navi1 li a.rex-current {
	color: #DA8D00;
 /* 	background-color: #efb; */
	background-color: #f7ffdf;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

ul.rex-navi1 a:hover {
        color: #DA8D00;
}




/* ******************************** */
/*        rechte Spalte "Zettel"    */

.zettel {
  margin-bottom: 20px;
  position:relative;
  left:0px;
  top:0px;
}

div.zettel-banner,
div.zettel-banner-new-0,
div.zettel-banner-new-1,
div.zettel-banner-aktuell-0,
div.zettel-banner-aktuell-1
{
  position:absolute;
  left:2px;
  top:0px;
  width:125px;
  height:65px;
  z-index:100;
}
div.zettel-banner-new-0 {
  background-image: url('/images/banner_neu.png');
}
div.zettel-banner-new-1,
div.zettel-banner-aktuell-1,
div.zettel-banner-aktuell-2,
div.zettel-banner-aktuell-3,
div.zettel-banner-aktuell-4
 {
  background-image: url('/images/banner_new.png');
}
div.zettel-banner-aktuell-0 {
  background-image: url('/images/banner_aktuell.png');
}

div.zettel-01 {
  position:relative;
  left:0px;
  top:-3px;
  width:180px;
  height:11px;
  background-image: url('/images/zettel_01.gif');
}

div.zettel-02 {
  position:relative;
  left:0px;
  top:-3px;
  width:180px;
  display: inline-block;
  background-image: url('/images/zettel_02.gif');
  background-repeat: repeat-y;
  clear: both;
/* border: 1px dotted #aaa; */
}

div.zettel-text {
  padding: 0 14px;
  font-size: 0.8em;
  color: #666;
  overflow-y: auto;
  position: relative;
  top: 0;
  left: 0;
  width: 150px;
  z-index:2;
}

div.zettel-04 {
  position:relative;
  left:0px;
  margin-top:-55px;
  width:175px;
  height:71px;
  background-image: url('/images/zettel_04.gif');
  z-index:1;
}

.zettel-text p {
 text-align: left;
}



/* ******************************** */
/* WELTKARTE home  */

#worldmap {
	background: url(worldmap_1.png);
	width: 495px;
	height:256px;
}

#map_na {
	position:absolute;
	top:80px;
	left:30px;
}

#map_sa {
	position:absolute;
	top:190px;
	left:80px;
}

#map_eu {
	position:absolute;
	top:50px;
	left:220px;
}

#map_af {
	position:absolute;
	top:125px;
	left:225px;
}

#map_as {
	position:absolute;
	top:90px;
	left:365px;
}

#map_au {
	position:absolute;
	top:200px;
	left:420px;
}


/* ********************** */
/* LISTEN Ansichten       */


.continent {
/*	background-color: #EFB; */
	display: block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
/*	width: 450px; */
	padding: 10px 5px;
	padding-left: 40px;
}
.continent h2 {
	font-size: 20px;
}

a.newwin:hover, a.lightup:hover {
	background: #efb;
}

.filterbox {
   width:210px; 
   overflow: hidden;
   z-index:1000; 
   margin-bottom:40px; 
}
