/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */

* {
	margin: 0;
	padding: 0;
}
body {
  background:#fff url(/bilder/page-background.png) 50% 0 repeat-x;
	font: 0.75em/1.5em Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;  
	width: 100%;
}
a {
	color: #1c94c4;	
	outline: none;
	text-decoration: none;
}
a:hover {
  color: #eb8f00;
	text-decoration: none; 
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#pagewidth {
	width: 800px;
	margin: 0 auto;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
  position:relative; 
  height:90px; 
  width:100%;
}

/* Left Column
-----------------------------------------------------------------------------*/
#leftcol{
  width:230px; 
  float:left; 
  position:relative; 
}

/* Main Column
-----------------------------------------------------------------------------*/
#rightcol{
  position: relative; 
  width:570px;
  float:right; 
}

/* Footer
-----------------------------------------------------------------------------*/
#footer_box{
  margin-top: 10px;
  margin-bottom: 10px;  
  padding-top: 5px;
  border: 2px solid gainsboro;
  overflow:hidden;
}

.footer {
  float: left;
}

.footer ul, li {
  list-style-type: none;
  padding-left: 5px;
}

.footer li {
  padding-left: 2em;
  text-indent: -2em;
}

.footer > ul > li:first-child {
  border-bottom: 1px solid #DCDDE0;
  color: #212121;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.footer > ul > li > a {
  color: #70747C;
  font-size: 12px;
}

/* Toggle-View für FAQ/Hilfe
-----------------------------------------------------------------------------*/

#toggle-view {
	list-style:none;	
	margin:0;
	padding:0;
	width:790px;
}

#toggle-view li {
  margin:10px;
	border-bottom:1px solid #ccc;
	position:relative;
	cursor:pointer;
}

#toggle-view faq_ueberschrift {
	margin:0;
	font-size:12px;
}

#toggle-view span {
	position:absolute;
	right:5px; top:0;
	color:#ccc;
	color:#000;
	font-size:12px;
}
	
#toggle-view .panel {
	margin:5px 0;
	display:none;
  margin-left: 10px;
}	

/* Clearfix
-----------------------------------------------------------------------------*/
.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{ 
#leftcol{display:none;} /*hide the left column when printing*/ 
#rightcol{width:100%; float:none;}
}

/* Diverse
-----------------------------------------------------------------------------*/
.left{float:left}
.right{float:right}
.hover{cursor:pointer}

.form-select { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; color: #c77405 !important; }

.redborder {border-color:red !important;} 

#inseratlink:hover {color: #1C94C4;}

.laenderliste {
  clear: both;
  padding-top: 15px;
  width: 780px;
  margin-bottom: 5px;
}

.laenderliste ul, li {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 5px;
}

.laenderliste li {

}

.laenderliste > ul > li:first-child {
  border-bottom: 1px solid #DCDDE0;
  color: #212121;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.laenderliste > ul > li > a {
  color: #70747C;
  font-size: 12px;
}

.seite_n_von_n {
  width: 120px;
  height: 18px;
  border: 1px solid #384C71;  
  color: #FFFFFF;
  background: #1C94C4;
  font-weight:700;
  text-align: center;
  margin-left: 3px;  
}

.navigationsbutton {
  width: 18px;
  height: 18px;
  border: 1px solid #E78F08;  
  color: #FFFFFF;
  background: #F7B64B;
  font-weight:700;
  text-align: center;
  margin-left: 3px;
  cursor: pointer;  
}

.navigationsbutton:hover {
  background: #1C94C4;
  border: 1px solid #384C71;   
}

.lagelink {
}
.lagelink a {
	color: #777777;
	font-weight: normal;
	font-size: 10px;
}
.lagelink a:hover {
	color: #FF921B;
}

#logo {
	top: 10px;
	left: 0px;
	width: 240px;	
	position: absolute;
}

#logotext {
	top: 55px;
	left: 65px;
	position: absolute;
}

#sprache {
	top: 10px;
	right: 0px;
	position: absolute;
	font-size: 12px;
}
.sprache_farbe { color: #1C94C4; text-decoration: none; }
.sprache_farbe:hover { color: #eb8f00; text-decoration: none; }

#favoriten_zuletztangesehen {
	top: 5px;
	right: 180px;
	position: absolute;
	font-size: 12px;
}

#hauptmenu {
	top: 58px;
	right: 0px;
	position: absolute;
}

.seitenpos {
	background-color: #386C9E;
	color: #FFFFFF;
}

/* http://gradients.glrzad.com/ */
.rad_grad {  
background-image: linear-gradient(bottom, rgb(226,232,235) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%) !important;
background-image: -o-linear-gradient(bottom, rgb(226,232,235) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%) !important;
background-image: -moz-linear-gradient(bottom, rgb(226,232,235) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%) !important;
background-image: -webkit-linear-gradient(bottom, rgb(226,232,235) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%) !important;
background-image: -ms-linear-gradient(bottom, rgb(226,232,235) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%) !important;

background-image: -webkit-gradient(linear, left bottom,	left top,	color-stop(0, rgb(226,232,235)), color-stop(0.5, rgb(255,255,255)),	color-stop(1, rgb(255,255,255))) !important;
}

.buchungs_button {
   display: inline-block;
   line-height: 1;
   padding: 7px 10px;
   text-decoration: none;
   font-weight: bold;
   font-size: 13px;
   color: #fff;
   background-color: #1C94C4;   
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
}
.buchungs_button:hover {
   color: #fff;
   background-color: #8ac007;
   cursor: pointer;
}

/* Bildboxen
-----------------------------------------------------------------------------*/
.dropshadow{-moz-box-shadow:5px 5px 5px #cdcdcd;-webkit-box-shadow:5px 5px 5px #cdcdcd;box-shadow:5px 5px 5px #cdcdcd}
.ThemeBoxes_text{border-left:1px solid #EFEFEF;border-right:1px solid #EFEFEF;height:60px;overflow:hidden;padding:4px 12px}
.ThemeBox_txt_footer{-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#FFF #EFEFEF #EFEFEF;border-right:1px solid #EFEFEF;border-style:solid;border-width:1px;padding:4px 6px}
.ThemeBox_txt_footerlink{display:inline-block;text-decoration:none}
.guidedNavigationArrow{background-image:none;height:45px;padding:5px;text-align:center;font-weight:bold}

/* NoScript
-----------------------------------------------------------------------------*/
.dialog{position:relative;margin:0px auto;min-width:8em;max-width:1500px;color:#fff;z-index:1;margin-left:12px;margin-bottom:0.5em}.dialog .content,.dialog .t,.dialog .b,.dialog .b div{background:transparent url(/bilder/dialog-grey.png) no-repeat top right;_background-image:url(/bilder/dialog-grey.gif)}.dialog .content{position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px}.dialog .t{position:absolute;left:0px;top:0px;width:12px;margin-left:-12px;height:100%;_height:1600px;background-position:top left}.dialog .b{position:relative;width:100%}.dialog .b,.dialog .b div{height:30px;font-size:1px}.dialog .b{background-position:bottom right}.dialog .b div{position:relative;width:12px;margin-left:-12px;background-position:bottom left}.dialog .hd,.dialog .bd,.dialog .ft{position:relative}.dialog .wrapper{position:static;max-height:1000px;overflow:auto}.dialog h1,.dialog p{margin:0px;padding:0.5em 0px 0.5em 0px}.dialog h1{padding-bottom:0px}.dialog .data{margin-top:10px}
#noscript-overlay-bg{position:fixed;background-color:#000;width:100%;height:100%;z-index:10;opacity:0.10;filter:alpha(opacity=90)}#noscript-overlay{position:absolute;width:100%;height:100%;z-index:20}#noscript-overlay-inner{position:relative;top:155px;width:700px;margin:0 auto;z-index:50}#noscript-overlay-close{position:absolute;top:20px;right:30px;border:0;z-index:25}#noscript-overlay-content{padding:25px 15px 25px 15px}

/* Verfügbarkeitstabellen
-----------------------------------------------------------------------------*/
.frebes_table {
	background-color:gray;
}
.frebes_monat {
	font-size: 11px;
	font-weight: bold;
	background-color: white;
  padding-left: 3px;
}
.frebes_monat_edit_header {
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFEA;
}
.frebes_wochentage {
	font-size: 10px;
	background-color: #5770b6;
	color: white;
	font-weight: normal;
	text-align: center;
	width: 15px;
}
.frebes_belegt {
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	height: 14px !important;
	width: 17px !important;
  line-height: 14px !important;
	font-size: 9px;
	background-color: #FF8080;
	text-align: center;
}
.frebes_frei {
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	height: 14px !important;
	width: 17px !important;
  line-height: 14px !important;  
	font-size: 9px;
	background-color: #C7E4B0;
	text-align: center;
}
.frebes_leer {
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	height: 14px !important;
	width: 17px !important;
  line-height: 14px !important;  
	font-size: 9px;
	background-color: white;
	text-align: center;
}
.frebes_anreise {
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	height: 14px !important;
	width: 17px !important;
  line-height: 14px !important;  
	font-size: 9px;
	text-align: center;	
	background-image: url(/bilder/anreisetag.gif);
}
.frebes_abreise {
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	height: 14px !important;
	width: 17px !important;
  line-height: 14px !important;  
	font-size: 9px;
	text-align: center;	
	background-image: url(/bilder/abreisetag.gif);
}
.frebes_leer_edit {
	font-size: 9px;
	background-color: white;
	text-align: right;
	height: 20px;
	width: 30px;
}

/* easyTooltip
-----------------------------------------------------------------------------*/
#easyTooltip{
	padding:2px;
	border:1px solid orange;
	background:#fff;
  
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 7px #ccc;
	-webkit-box-shadow: 0 0 7px #ccc;
	/* box-shadow: 0 0 7px #ccc; */  
}

/* Tabellenzeilen formatieren
-----------------------------------------------------------------------------*/
.treven {
   background: #fff;
}
.trodd {
   background: #f0f0f0;
   background: #f1f7ff;
}
th {
   background: #dddddd;
   background: #ddeeff;   
}
.fontsize14 {
	font-size: 14px;
}

/* Form Layout Suchformular
-----------------------------------------------------------------------------*/
.formLayout
{
  padding: 0px;

}
.formLayout label
{
  display: block;
  width: 66px;
  float: left;
  margin-top: 5px; 
  margin-left: 2px; 
}
.formLayout input
{
  float: left;
  margin-top: 3px;
}

.triangle {
  cursor: pointer;
  border-color: #999;
  background: url('images/uniform-bg-input-focus.png') repeat-x 0px 0px;
  border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405;
  color: #eb8f00;
  padding: 3px 3px 3px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;  
}

/* Alte Formatierungen für Admin-Seiten
-----------------------------------------------------------------------------*/
.listehgdunkel {
	background-color: #D8DFE9;
	font-weight: bold;
	color: #000000;
}
.listehghell {
	background-color: #FFFFFF;
}
.listehghellgrau {
	background-color: #F5F8FA;
}
.textnormalrot {
	color: red;
	font-weight: normal;
}
.textklein {
	color: #000000;
	font-weight: normal;
	font-size: 10px;
}
.textfettorange {
	color: #FE901D;
	font-weight: bold;
}
.submit {
	width : 150px;
	border : 1px solid #000000;
	color : #000000;
	background-color : #E2DFDA;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#box-770-auto {
	width: 800px;
	top: auto;
	color: #000000;
	background-image: url(/bilder/box-770-auto-hg.gif);
	border: 1px solid #CCCCCC;
	height: auto;
	margin-top: 5px;
}
.box2-770-auto {
	width: 556px;
	top: auto;
	color: #000000;
	border: 2px solid #DCDCDC;
	height: auto;
	margin-bottom: 3px;
}