/**************
 * 
 * CSS - RESET 
 * 
 **************/

html, b, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, button, cite, code,
del, dfn, em, font, i, img, input, ins, kbd, q, s, samp,
select, small, strike, strong, sub, sup, textarea, tt, u, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: 0;
    font-size: inherit;
    cursor: inherit;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
    /*outline: 1px dotted #0982bc;*/
}

body {
    line-height: 1.3;
    color: black;
    background: #e8ebd3 url("../images/bg_verlauf.png") repeat-x;
	font-size: 11px;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/*********************
 * 
 * ----- cleaner -----
 * 
 *********************/
 
.cleaner { 
	background: none repeat scroll 0 0 transparent !important; 
	border: 0 none !important; 
	clear: both !important; 
	font-size: 0 !important; 
	height: 0 !important; 
	margin: 0 !important; 
	padding: 0 !important;
	float: none !important; 
}

/***************************
 * 
 * ----- basic elements -----
 * 
 ***************************/

/* ----- headlines ----- */ 	
h1 { font-size: 1.6em; margin: 0 0 0.6em 0; color: #0872a4;}
h2 { font-size: 1.5em; margin: 0 0 0.5em 0; color: #0872a4;}
h3 { font-size: 1.4em; margin: 0 0 0.4em 0; color: #0872a4;}
h4 { font-size: 1.3em; margin: 0 0 0.3em 0; color: #0872a4;}
h5 { font-size: 1.2em; margin: 0 0 0.2em 0; color:#0872a4;}
h6 { font-size: 1.1em; margin: 0 0 0.1em 0; color: #0872a4;}

small { font-size: 0.8em; }
p { margin-bottom: 1em; }
hr { background-color: #000; border: medium none; color: #000; font-size: 1px; height: 1px; margin: 5em 0; }

/* ----- list styles ----- */
dl, ol, ul { margin: 0 0 1em 0; padding: 0 0 0 2em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dd { margin: 0 0 0 2em }

/* ----- form elements ----- */
fieldset { border: 1px solid #000; padding: 1em; margin: 0 0 1em 0; }
legend { padding: 0 0.4em; }

/* ----- table ----- */
table {border-collapse: collapse; border: 0px none; margin: 0 0 1em 0; }
th, td { border: 0px none; padding: 0.2em; }
th { font-weight: bold; text-align: center; vertical-align: middle; }

/* ----- textdecoration ----- */
sup, sub { font-size: 0.8em; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
cite { font-style: italic; }
acronym, abbr { border-bottom: 1px dotted #000; }
blockquote { font-style: italic; padding: 0 1em; }
pre { font-family: Courier; }

a {	color: #118DC7;	text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

/* ----- image ----- */ 
img { border: 0 }

/************************************
 * 
 * ----- your site specific css -----
 * 
 ************************************/
          
#overlay
{
	position: absolute; 
	top: 0pt; 
	left: 0pt;
	z-index: 90;
}

#lightbox
{
	width:100%;
	position:absolute;
	z-index: 100;
	text-align:center;
}
	  
address{
	font-style: normal;
}
address p{
	margin-bottom: 1px;
}
address label{
	display: inline-block;
	vertical-align: top;
	width: 50px;
}
address span{
	display: inline-block;
	vertical-align: top;
	width: 320px;
}

#main {
  	margin: auto;
  	width: 1002px;
  	z-index: 1;
  	min-height: 700px;
}

#middle, #right {
    float: left;
    width: 810px;	
	background: #fff;
  	width: 811px;
	padding-top: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #e3e5e8;
	behavior: url(ie-css3.htc);
}

#right{    
    float: right;    
    width: 184px;   
}

#header {
    padding-top: 2px;  	
  	height: 123px;
  	/*background: url(../images/header_verlauf.png) no-repeat;*/
  	background: #acd5e9; /* Old browsers */
	background: -moz-linear-gradient(top, #acd5e9 0%, #0982bc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acd5e9), color-stop(100%,#0982bc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #acd5e9 0%,#0982bc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #acd5e9 0%,#0982bc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #acd5e9 0%,#0982bc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ACD5E9', endColorstr='#0982BC',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #acd5e9 0%,#0982bc 100%); /* W3C */
}

#logo{
    float:left;
  	width: 471px;
  	height: 118px;
}

#reisplaner {
    float:left;
  	width: 234px;
  	height: 104px;
  	background: url(../images/reiseplaner_bg_start.png) no-repeat;
  	margin-left:40px;
  	margin-right:20px;
  	margin-top:18px;
 }

#reiseplaner_inh      {
    position:relative;
    top:17px;
    left:15px;
    width:191px;
}

#reiseplaner{
	position: relative;
	height: 45px;
}

#suche {
    float:left;
  	width: 235px;
  	height: 90px;
  	background: url(../images/suche_bg_start.png) no-repeat;
  	margin-top:18px;
}

#suche_inh{
    position:relative;
    top:42px;
    left:15px;
    width:187px;
    height:30px;
}

#betatest{
	position: absolute;
	font-size: 70px;
	font-weight: bold;
	top: 5px;
	left: 172px;
	font-family: Georgia;
}
#betatest .outline{
	position: absolute;
	color: #000;
}
#betatest #ol-ul{
	top: -1px;
	right: 1px;
}
#betatest #ol-ur{
	top: -1px;
	right: -1px;
}
#betatest #ol-ll{
	top: 1px;
	right: 1px;
}
#betatest #ol-lr{
	top: 3px;
	right: -3px;
}
#betatest #betatext{
	position: absolute;
	top: 0;
	right: 0;
}
#betatest #betatext a{
	color: #ff3b3a;
}

#navi_oben
      {
      	padding: 0 7px;
      }
           
#foot{
  	font-size: 10px;
    padding: 10px;
    text-align: center;
    background-color: #e5e6e6;
    margin: 0 7px 7px 7px;
    border-radius: 0 0 10px 10px;
    border: 1px solid #e4e4e4;
}
	  
#foot a.no_link {
	color: #000;
	font-weight: normal;
}

.foot_top {
	margin-top: 2px;
	margin-bottom: 4px;
}

.foot_bottom {
	
}

#oval_mitte_unten {
    float:left;
  	width: 811px;
  	height: 5px;     	
}



#oval_rechts_inh  { 
	padding: 0 6px 0 5px; 
	text-align: center;
}

#oval_rechts_unten { 
	height:8px;    
}

#inhalt {
    min-height:663px;
    padding: 5px 8px;
    margin: 0 7px;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
}


label:hover{ color: #0872a4;}

.inhalt    td  {color:#012148;}
.links_weis { font-size:11px; color:#ffffff; }
.links_weis * { color: inherit; }

.error { color:red; }



/*--------- Navigation -----------*/

#navi_oben {
	/* background: url(../images/navi_button_no.png) repeat-x; */
    height:  25px;
    padding: 0 7px;
}


.no {
	float: left;
	font-size:   13px;
	font-family: verdana, helvetica;
	background: url(../images/navi_button_no.png) repeat-x;
	padding-left:  10px;
	padding-right: 10px;
	padding-top:    5px;
	height: 20px;
}

.act {
	float: left;
	font-size:   13px;
	font-family: verdana, helvetica;
	background: url(../images/navi_button_ro.png) repeat-x;
	padding-left:  10px;
	padding-right: 10px;
	padding-top:    5px;
	height: 20px;
}

.no a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none !important;
	/* text-transform: uppercase; */
}

.act a:hover {
	color: #118DC7;
	font-weight: bold;
	text-decoration: none !important;
	/* text-transform: uppercase; */
}

.nav_spacer {
	float: left;
	background: url(../images/navi_spacer.png) no-repeat;
	/* background-position: 12px 0px; */
	height: 25px;
	width:  1px;
}

/********************************
 * 
 * ----- Textnavigation TOP -----	
 * 
 ********************************/

#topnavi {
	border: 1px solid #118DC7;
	margin: 0 7px;
	height: 27px;
	text-align: center;
	padding: 0;
	position: relative;
	background: #64AFD7; /* Old browsers */
	background: -moz-linear-gradient(top, #64AFD7 0%, #55A5D2 50%, #207FBE 50%, #207FBE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64AFD7), color-stop(50%,#55A5D2), color-stop(50%,#207FBE), color-stop(100%,#207FBE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #64AFD7 0%,#55A5D2 50%,#207FBE 50%,#207FBE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #64AFD7 0%,#55A5D2 50%,#207FBE 50%,#207FBE 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #64AFD7 0%,#55A5D2 50%,#207FBE 50%,#207FBE 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64AFD7', endColorstr='#207FBE',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #64AFD7 0%,#55A5D2 50%,#207FBE 50%,#207FBE 100%); /* W3C */
}

ul.topnavigation  {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.topnavigation > li > ul.navioverlay {
	position: absolute;
	top: 27px;
	left: -1px;
	display: none;
	width: 795px;
	z-index: 2011;
	background: url("../images/navioverlay.png");
	border: 1px solid #118DC7;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	padding: 11px 0 0 0;
}

ul.topnavigation > li {
	display: inline-block;
	text-align: left;
}

ul.topnavigation > li > a {
	display: inline-block;
	color: #fff;
	font-size: 1.2em;
	padding: 5px 17px;
	font-weight: bold;
	border-right: 1px solid #96C9E3;
	white-space: nowrap;
	height: 17px;
}

ul.topnavigation > li:last-child > a {
	border: 0 none;
}

ul.topnavigation > li.current_active > a, ul.topnavigation > li > a:hover {
	color: #118DC7;
	text-decoration: none;
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EDEBEB 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EDEBEB)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#EDEBEB 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%,#EDEBEB 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%,#EDEBEB 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EDEBEB',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #FFFFFF 0%,#EDEBEB 100%); /* W3C */
}

ul.topnavigation > li:hover > ul.navioverlay {
	display: block;
}

ul.navioverlay > li, ul.navioverlay > li.left {
	margin: 0 0 15px 15px;
	float: none;
	display: inline-block;
	position: relative;
	left: -6px;
	
}

#catnavi {
	width: 792px;
	margin: 15px 0 0 -14px
}

#catnavi ul.navioverlay > li, #catnavi ul.navioverlay > li.left {
	left: 0;
}

/*---------------------------------- STANDARDSACHEN ---------------------------- */

input[type="text"], input[type="password"], textarea, select{ border: 1px solid #CCCCCC; }
input[type="text"], input[type="password"], textarea{ cursor: text; }
input[type="radio"], input[type="checkbox"], select, button{ cursor: pointer; }
label{ cursor: default; }

select[readonly], select[disabled], 
input[readonly], input[disabled] { 
	background-color: #cdcdcd !important; 
	color: #666 !important; 
	cursor: default !important; 
}


/******** Obere Box Inhaltsseiten ******/
.csc-frame-frame1, #inhalto3, #inhalto_b{
	/*background: url(../images/bg_inhalto2.png) no-repeat;*/
	background-color: #fff;
	border: 1px solid #b2b3b3;
	padding: 0 10px 10px;
	margin: 10px 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
}
.csc-frame-frame1{
	padding-top: 10px;
}

.csc-frame-frame1 p{
	color: #0872a4;
	margin-bottom: 5px;
	text-align: justify;
}
.csc-frame-frame1 ul,.csc-frame-frame1 ol{
	color: #0872a4;
}

.csc-frame-frame1 table{
	width: 100%;
}
.csc-frame-frame1 td{
	width: 25%;
	text-align: center;
}
.csc-frame-frame1 table img{
	border: 1px solid #cccccc;
}


/******************************************
 * Content-Header
 ****************************************/
.header-icon {
	float: left;
	padding-right: 10px;
	padding-bottom:2px;
}

#content-header-left{
	float:left;
	width:515px;
	min-height:130px;
	color: rgb(8, 114, 164);
	text-align: justify;
}

.backlink{
	position: absolute;
	right: 10px;
	top: 5px;
}


.slideshow-thumbnails {
  position: absolute;
  height: 200px;
  top: 0;
  left: 272px;
  width: 70px;
  }
  
.slideshow-thumbnails ul {
  height: 500px;
  width: 70px;
}


/******************************************************************
 * Blauer Balken
 *****************************************************************/
.blue-spacer{
	background: url(../images/bg_sortierenr.png) no-repeat;
	width:797px;
	height:23px;	
	position: relative;
	left: -9px;
	margin-bottom: 10px;
}

.blue-spacer #filter-sort{
	width: 92px;
}

.blue-spacer .filtertext{
	font-weight: bold;
	display: inline-block;
	margin: 4px 10px;
	color: #fff;
	position: relative;
}
.blue-spacer .filtertext:hover{
	text-decoration: none;
}

.blue-spacer #filter-sort{
	margin: 2px 12px 2px 2px;
}

.blue-spacer #sort-direction{
	position: absolute;
	right: 0;
	top: 0;
}

.blue-spacer .filtertext span{
	margin-right: 25px;
}

.sortarrow 		{ position: absolute; top: 5px; right: 0; }
.sortarrow.up, .filtertext:hover .sortarrow.down { clip: rect(0, 9px, 5px, 0); right: 0;}
.sortarrow.down, .filtertext:hover .sortarrow.up { clip: rect(0, 18px, 5px, 9px); right: 9px; }


/* ///////////////////////////////Registrierung Experten/////////////////////////////// */
#registrierung_experte input[type="text"], #registrierung_experte select{
	width:250px;
	color:#006391;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	font-size:11px;
	font-family:verdana,helvetica;
}

/* ///////////////////////////////Reiseplaner Kopf/////////////////////////////// */
#reiseplaner input[type="text"],#reiseplaner input[type="password"],#suche input[type="text"] {
 width: 90px;
 font-size: 10px;
 line-height: 19px;
 height: 15px;
 color: #006391; 
 background-color: #fff;
 padding: 0 0 0 0px;
 margin: 0 2px 0px 0px;
}

.buttonstyle {
	color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #E0ECF2 #003A53 #003A53 #E0ECF2;
	background-color: #4ca2d1;
	padding: 2px 5px;
	margin: 0;
	display: inline;
	cursor: pointer;
}

input.buttonstyle2 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #E0ECF2 #003A53 #003A53 #E0ECF2;
	background-color: #4ca2d1;
	padding: 5px;
	margin: 10px;
	display: inline;
	cursor: pointer;
	float: right;
}

.buttonstyle:hover, .buttonstyle:active, .buttonstyle:focus, .buttonstyle2:hover, .buttonstyle2:active, .buttonstyle2:focus {
 	background-color: #003A53 !important;
}

#reiseplanerde input[type="checkbox"] {
 width: 10px;
 font-size: 10px;
 line-height: 19px;
 height: 15px;
 color: #006391;
 border: 1px solid #CCCCCC;
 background-color: #fff;
 padding: 0 0 0 0px;
 margin: 0 2px 0px 0px;
}

#reiseplanerde input.buttonstyle {
 	width: 175px;
}

.registry .buttonstyle{
	margin-right: 16px;
}

.login .form .element.Login{
	width: auto;
	float: right;
	margin-right: 16px;
}

/* /////////////////////////////// /////////////////////////////// */
#kontmerkliste label {
  float: left;
  width: 120px;
  text-align: right;
  padding-right: 5px;
}

#kontmerkliste input[type="text"] {
  width: 150px;
  font-size: 11px;
  line-height: 11px;
  color: #006391;
  border: 1px solid #CCCCCC;
  background-color: #fff;
  padding: 0 0 0 0px;
  margin: 0 2px 5px 0px;
}

#kontmerkliste input[type="radio"] {
  width: 15px;
  font-size: 11px;
  line-height: 11px;
  color: #006391;
  border: 1px solid #CCCCCC;
  background-color: #fff;
  padding: 0 0 0 0px;
  margin: 0 2px 5px 0px;	
}


/* ///////////////////////////////Schnellsuche Kopf /////////////////////////////// */
#schnellsuche{ font-size: 11px;}


/* ///////////////////////////////Schnellsuche Kopf - Detailanzeige/////////////////////////////// */
#suchergebnisse .firstcol
{
  float: left;
  width: 50px;
  padding-left:5px;
}

#suchergebnisse .secondcol
{
  padding:5px;
  border-bottom: 1px dotted #b2b3b3;
}


.searchhead{
	margin-top: 5px;
	padding: 10px 5px 5px;
	border-bottom: 2px solid #b2b3b3;
	background-color: #e8ebd3;
}

#suchergebnisse .catfromto
{
  float: right;
  text-align: right;
  width: 150px;
}

/* ///////////////////////////////Experten Rechts/////////////////////////////// */

a.links-right{
	display: block;
	margin: 0;
}

#right h6 {
	font-size: 10px;
}

#right .expert-position{
	font-size: 9px;
}

div.dashLine_gray
{
  float: left;
  height:3px;
  width: 100%;
  background: url(../images/ueberschrift_h6.gif) repeat-x;
}

#rechts_experten_inh{
	padding: 0 5px;
	margin: 0;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	list-style-type: none;
}
.expert-container{
	font-size: 9px;
	text-align: left;
	padding-bottom: 3px;
	padding-top: 2px;
}
.expert-img-container{
	float:left;
	width: 42px;
}
.expert-text{
	float:right;
	width:115px;
}




/* ///////////////////////////////Tagloud Rechts/////////////////////////////// */
#tagcloud{
	background: transparent url(../images/bg_tagloud.png) no-repeat;
	height: 168px;
}


/* /////////////////////////////// Bewertung /////////////////////////////// */
#bewerten input.buttonstyle {
width: auto;
min-width: 52px;
font-size: 11px;
font-weight: bold;
color: #fff;
border-style: solid;
border-width: 1px;
border-color: #E0ECF2 #003A53 #003A53 #E0ECF2;
background-color: #3D829D;
padding: 1px 5px 5px;
margin: 0px 9px 10px 0;
display: inline;
cursor: pointer;
}

#bewerten input:hover, #bewerten input:focus, #bewerten select:hover, #bewerten select:focus {
 background-color: #75AAC1;
 color: #fff !important;
 }

#bewerten .buttonstyle:hover, #bewerten .buttonstyle:active, #bewerten .buttonstyle:focus {
 background-color: #003A53 !important;
 }
 
 
 /* ///////////////////////////////Registerform/////////////////////////////// */


#user-registration input[type="text"],#user-registration input[type="password"]
{
	margin: 5px 0;
	padding: 1px;
	width: 221px;  
}

#user-registration label
{
  text-align: left;
  display: inline-block;
  width: 145px;
}

.no-display{
	display: none !important;
}

#user-registration .form{
	padding-right: 10px;
	height: 220px;
	width: 362px;
}

/*---------------------------------- Tip Overlays ---------------------------- */
.tip {
        background-color: #ffffff;
        padding: 5px;
        width: auto;
		max-width: 300px;
        border: 1px solid #B3B2B2;
}

.something_else .tip {
        background-color: #993300;
}

.something_else .tip-title {
        background-color: #0000CC;
}

.tip-title {
        /* color: #fff;
        background-color: #6dc01d; */
        color: #0872A4;
        background-color: #fff;
        font-weight: bold;
        font-size: 13px;
        padding: 2px;
}

.tip-title p{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #b2b3b3;
}

.tip-text {
        color: #000000;
        padding: 2px;
        font-size: 10px;
}

.ind {
        width: 200px;
        background-color: #666;
        color: white;
        padding: 15px;
        border-bottom: 1px solid white;
}

#hide {
        margin-bottom: 20px;
}

.inhalt .white, .white{
	color: #fff;
}

.f-left {
	float: left !important;
}
.f-right {
	float: right !important;
}

.t-left {
	text-align: left !important;
}
.t-center {
	text-align: center !important;
}
.t-right {
	text-align: right !important;
}


.listtable th{
	text-align: left;
	background-color: #cccccc;
	padding: 5px 6px;
}
.listtable td{
	padding: 3px 4px;
	vertical-align: middle;
}

.processing{
	background-color: #cdcdcd;
}
.processing *{
	color: #b21f3d !important;
}

.storno .form .element.type{
	width: 21px;
	vertical-align: top;
}
.storno .form .element.type input[type="text"]{
	width: 11px;
}


.storno .form .element{
	width: 65px;
	vertical-align: bottom;
}

.storno .form .element input[type="text"]{
	width: 55px;
}

.storno .form .element.submit{
	width: auto;
}

.storno .form .element.code{
	display: block;
}


/***************************************
 * Kalenderanzeige
 *************************************/

.calendarium.singleView{
	
} 

.calendarium .month{
	width: 194px;
	height: 170px;
	float: left;
	padding: 5px;
	border: 1px solid #b2b3b3;
	background-color: #fff;
	cursor: pointer;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

.calendarium .monthname .navigation img{ border: 0px none; }

.calendarium.holidays .month{
	width: 174px;
	margin: 4px;
}

.calendarium tbody td{
	border: 1px solid #ccd4dc;
	border-collapse: collapse;
}

.calendar-marker{
	position: relative;
	width: 205px;
}
.calendar-marker #loading{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(../../backend/images/progress.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #cdcdcd;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.calendarium .month:hover{ background-color: #f5f5f5; }
.calendarium.singleview .month:hover{ background-color: #fff; }
.calendarium .month table{ width: 100%; }
.calendarium .month table td{ width: auto; }
.calendarium .month .week, .calendarium .month .monthname{ color: #118dc7; }
.calendarium .month table th, .calendarium .month table td{	text-align: center; }
.calendarium .weekend{ color: #f12d35; }
.calendarium .noday{ border: 0 none; }
.calendarium .invday{ text-decoration: line-through; }
.calendarium .td-doy:hover{	color: #118dc7; }
.calendarium .today{ border: 1px solid #f4860b; background-color: #f69f3c; }
.calendarium .doy-link{ font-weight: normal; }
.calendarium .arrival, .calendarium .departure{	background-color: #4ca2d1 !important; }
.calendarium .staydate{	background-color: #93c7e3 !important; }

.calendarium .arrival a, .calendarium .departure a, .calendarium .staydate a{ color: #fff !important; }

.calendarium .free, .legend.free{ background-color: #cffaad; }
.calendarium .full, .legend.full{ background-color: #fff; }
.calendarium .free a{ color: #000; }
.filter-calendar{ width: 206px; }
.filter-calendar #qsuche{ float: none; }
.filter-calendar .calendar-marker{ margin: 10px 0;}


/**************** jQuery Calendar ********************/
/* default dimensions and justification for each month including title */
.jCal {
	/* each day width + border-left + border-right */
	width:214px;
	height:21px;
	text-align:center;
	vertical-align:top;
}
/* default dimensions and justification for each month not including title */
.jCalMo {
	width:224px;		/* each day width + border-left + border-right */
	display: inline-block;
	vertical-align: top;
	overflow:visible;
	height:100%;
	margin-right:2px;
	margin-left:2px;
	white-space:nowrap;
	background-color: #ddd; 
	float: left;
}
/* top month display block - i.e. January */
.jCal .month, .jCal .monthSelect, .jCal .monthName, .jCal .monthYear {
	line-height: 16px;
	height: 16px;
	text-align: center;
	vertical-align: bottom;	
	font-size: 8pt;
	color: #000000;
	cursor: pointer;
	float: left;
}
/* month name per calendar style - includes left/right padding and alignment */
.jCal .monthName {
	padding-left:2px;
	padding-right:2px; 
	text-align:right;
}
/* year per calendar style - includes left/right padding and alignment */
.jCal .monthYear {
	float:right;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
}
/* hilight style for new month combobox pulldown for hover */
.jCal .monthSelect {
	background:#eee url(eeGrad2.gif) bottom repeat-x;	
}
/* do not edit - this enables the new month combobox selector */
.jCal .monthSelector {
	position: absolute;
	/*
	top: 0 !important;
	left: 55px !important;
	*/	
}
/* do not edit - this enables the new month combobox selector "shadow" for capturing auto-hide */
.jCal .monthSelectorShadow {
	position: absolute;
	background: #808080;
	padding: 0px;
	opacity: 0.3 !important;	
	height: 230px !important;
	/*
    left: 0px !important;
    top: 28px !important;
    */
}
/* this is the hover for the month name */
.jCal .monthNameHover {
	background:#EDEDED url(double-arrow-vert.gif) center left no-repeat;
	color:#808080;
}
/* this is the hover for the year */
.jCal .monthYearHover {
	background:#EDEDED url(double-arrow-vert.gif) center right no-repeat;
	color:#808080;
}
/* this is the hover for the new month or year hover in the new combobox selection */
.jCal .monthSelectHover {
	background:#069;
	color:#FFF;
}
/* day block dimensions and style - for all day blocks */
.jCalMo .dow, .jCalMo .day, .jCalMo .pday, .jCalMo .aday, .jCalMo .overDay, .jCalMo .invday, .jCalMo .selectedDay {
	width:30px;
	font-family:Tahoma;
	font-size:8pt;
	color:#000000;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #EEE;
	text-align:center;
	cursor:default;
	float:left;
}
/* day of week header specific style */
.jCalMo .dow {
	background:#eee url(eeGrad.gif) bottom repeat-x;
	border-bottom: 0px;
	padding:  2px 3px;
    width: 24px;
}
/* actual calendar day default style */
.jCalMo .day, .jCalMo .invday {
	height:30px;
	text-align:center;
}
/* selectable calendar day specific style */
.jCalMo .day {
	cursor:pointer;
	background:#FFF;
}
/* blacked-out calendar day specific style */
.jCalMo .invday {
	color:#808080;
	background:#eeeeee;
}

.jCalMo .invday.past{
	text-decoration:line-through;
}

.jCalMo .no-arrival{
	background-color: #eeeeee;
	cursor: default;	
}

/* previous and subsequent months calendar day specific style */
.jCalMo .pday, .jCalMo .aday {
	height:30px;
	background:#e3e3e3;
	color:#CCC;
	visibility: hidden;
}

/* weekend */
.jCalMo .weekend{ color: #f12d35; }
.jCalMo .weekend.invday{ color: #f78288; }

/* current day */
.jCalMo .today{ border-left: 1px solid #f8ad5a; background-color: #f69f3c; }

/* selected day */
.jCalMo .selectedDay {
	color:#FFF;
	/* must use rgb() syntax for jquery.color.js compliance */
	background:rgb(0, 143, 214);
}

/* mouseover hilighted selectable day */
.jCalMo .overDay {
	color:#FFF;
	/* must use rgb() syntax for jquery.color.js compliance */
	background:rgb(92, 169, 212);
}
.jCalMo .arrival, .jCalMo .departure {
	background:rgb(0, 102, 153);
	text-decoration: none;
}
/* left month navigation button - no need to change */
.jCal .left {
	background:url(_left.gif) center center no-repeat;
	width:16px;
	height:16px;
	vertical-align:middle;
	cursor:pointer;
	float:left;
}
/* right month navigation button - no need to change */
.jCal .right {
	background:url(_right.gif) center center no-repeat;
	width:16px;
	height:16px;
	vertical-align:middle;
	cursor:pointer;
	float:right;
}
/* no need to change - this is for carousel opacity */
.jCalMask, .jCalMove {
	position:absolute;
	overflow:hidden;
}



/*********************************************
 * Ferien und Brueckentage
 ********************************************/
#stateselection{
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #b2b3b3;
	margin: 10px 5px;
}
#stateselection ul{
	margin: 10px 0 0;
}

#stateselection li{
	list-style-type: none;
	width: 187px;
	float: left;
	cursor: pointer;
}
#stateselection li label{
	cursor: pointer;
}

#eventmanager{
	padding: 5px 5px 5px 20px;
}

#eventmelder .form {
	width: 440px;
}
#eventmelder .loadevent .form{
	width: 220px;
}

#eventmelder .form .element,
#eventmelder .loadevent .form div.submit{
	width: 220px;
}

#eventmelder .form .element input[type="text"],
#eventmelder .form .element input[type="password"], 
#eventmelder .form .element select{
	width: 200px;
}

#eventmelder .form .element input[type="file"]{
	width: 175px;
}

#eventmelder label{
	margin-left: 5px;
}

#eventmelder #mapid{
	width: 420px;
	height: 300px;
	border: 1px solid #b2b3b3;
	margin-bottom: 10px;
}

#eventmelder .form .element.agree{
	width: auto;
}

#eventmelder .event-street, 
#eventmelder .event-description, 
#eventmelder .event-email,
#eventmelder .event-login,
#eventmelder .event-code,
#eventmelder .event-price,
#eventmelder .event-picture{
	display: block;
}

#eventmelder .form .event-street, 
#eventmelder .form .event-title, 
#eventmelder .form .event-organizer,
#eventmelder .form .event-description,
#eventmelder .form div.submit{
	width: 440px;
}
#eventmelder .form .element.event-street input,
#eventmelder .form .element.event-title input,
#eventmelder .form .element.event-organizer input,
#eventmelder .form textarea{
	width: 420px;
}

#eventmelder input.buttonstyle{
	margin-right: 18px;
}

.preview{
	width: 452px;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.preview th{
	text-align: left;
	background-color: #fff;
	vertical-align: top;
	width: 100px;
}
.preview td{
	color: #0872a4;
}

.preview td, .preview th{
	border: 1px solid #b2b3b3;
	padding: 3px 4px;
}


#detailsuche ul{
	list-style-type: none;
}


#kontakt fieldset{
	border: 0px none;
}
#kontakt legend{
	display: none;
}
#kontakt div{
	margin-bottom: 10px;
}

#kontakt label{
	width: 85px;
	display: inline-block;
	vertical-align: top;
}

#kontakt input[type="text"], #kontakt textarea{
	width: 300px;
	border: 1px solid #a5acb2;
}
#kontakt textarea{
	height: 120px;
}
#kontakt .validation-advice{
	color: #db353f;
	margin-left: 90px;
}
#kontakt input[type="submit"]{
	float: none;
}

#c91 .powermail_all_table{
	width: 450px;
	margin-bottom: 10px;
}

#c91 .powermail_all_table td{
	text-align: left;
}

#c91 .tx_powermail_pi1_formconfirmation_back input,
#c91 .tx_powermail_pi1_formconfirmation_submit input{
	background-color:#4CA2D1;
	border-color:#E0ECF2 #003A53 #003A53 #E0ECF2;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	cursor:pointer;
	display:inline;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:2px 5px;
}
#c91 .tx_powermail_pi1_formconfirmation_back input:hover,
#c91 .tx_powermail_pi1_formconfirmation_submit input:hover{
	background-color: #003A53 !important;
}

#c91 .tx_powermail_pi1_formconfirmation_back{
	width: 80px;
	display: inline-block;
}
#c91 .tx_powermail_pi1_formconfirmation_submit{
	width: 150px;
	text-align: right;
	display: inline-block;
}

#powermaildiv_uid6{
	margin-left: 88px;
}



#change-password .form,
#drop-account .form{
	width: 362px;
}
#change-password .submit,
#drop-account .submit{
	float: none;
}
#change-password .element,
#drop-account .element{
	display: block;
}

#change-password{
	float: left;
}
#drop-account{
	float: right;
}


.tx-sttagcloud-pi1 {
	background: url("../images/bg_tagloud.png") no-repeat;
	margin: 0 1px;
}

#oval_rechts_inh .csc-default{
	background: url(../images/trenner_gruen.png) no-repeat;
	padding-top: 11px;
}

.button {	
	width: 247px;
	height: 23px;
	display: inline-block;
	font-size: 13px;
	padding: 4px 0 0 10px;
	position: relative;
	color: #118dc7;
	font-weight: bold;
	border:  1px solid #aeaeae;
    border-radius: 5px;        
}
.button:hover{
	background: #f6f6f6;	
}
.button:active{
	background: #ededed;
}

.rabidRating .ratingText {
	font-weight: normal;
	float: right;
	width: 70px;
}

a:hover.button {
	text-decoration: none;
}

.button_bag {
	position: absolute;
	right: 10px;
	top: 4px;
}

#rateframe{
	border: 0;
	width: 270px;
	height: 45px;
	overflow: hidden;
}

#rateframe *{
	margin: 0;
	padding: 0;
}

#agb{
	position: relative;
}
#agb #printicon{
	position: absolute;
	top: 0;
	right: 0;
}

#freecap {
	margin: 10px 0;
}

img.tx-srfreecap-pi2-image {
	margin: 0 0 0 110px;
}

.twrss_bodytext {
	text-align:left;
	margin: 10px 5px;
}

.tw_text{
	font-weight: normal;
}

.stars{
	position: relative;
	height: 16px;
}
.starclass{
	float: left;
}
.votes{
	float: left;
	width: 170px;
	position: relative;
    top: 1px;
    margin: 0;
}

.votes .votecount{
	text-align: right;
	width: 100px;
	float: left;
	margin-right: 2px;
	font-size: 9px;
	margin: 0;
}

.votewrapper{	
	float: right;
	background-color: #e8ebd3;
	width: 67px;
}
.starvote{
	background: url("../php/Ratings/img/hearts_small.png") no-repeat scroll center center transparent;
	width: 67px;
	height: 12px;
	display: block;
}
.votefill{
	background-color: #4ca2d1;
	display: block;
	margin: 0;
}


.tx-powermail-pi1_fieldset  {
    background-color: #ffffff !important;
    border: 1px solid #AAAAAA !important;
    padding: 10px !important;
    margin-bottom: 10px;
    
}

.powermail_check_inner powermail_check_inner_uid18_0 {
  width: 400px;
}

.tx-powermail-pi1_fieldset label {
    clear: both;
    display: block;
    float: left;
    font-weight: bold;
    width: 300px !important;

}

#powermaildiv_uid17 img.tx-srfreecap-pi2-image {
	padding-left: 300px;
	width: 300px;
	position: relative;
	left: -215px;
}

#powermaildiv_uid17 .tx-srfreecap-pi2-cant-read {
	position: relative;
	left: 200px;
	color: #0D8CC9;
}

#powermaildiv_uid18 legend, #powermaildiv_uid11 legend{
	padding: 0px!important;
}

#powermaildiv_uid18 label, #powermaildiv_uid11 label{
	width: 300px!important;
}

input.powermail_submit_uid12 {
	width: 300px;
	height: 30px;
	font-size: 14px;
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title{
   	text-align: left; !important;
        margin-right: 300px !important;
        padding-top: 15px !important;

}

.tx-powermail-pi1_fieldset div.even {
    background-color: #ffffff !important;
}

#tx-powermail-pi1_fieldset_3 label, #tx-powermail-pi1_fieldset_4 label {
	position: relative;
	width: 200px !important;
}

#tx-powermail-pi1_fieldset_3 label a, #tx-powermail-pi1_fieldset_4 label a {
	position: absolute;
	top: 0px;
	left: 130px;		
}

#tx-powermail-pi1_fieldset_3 label a dfn, #tx-powermail-pi1_fieldset_4 label a dfn {
	width: 700px;
}

#powermaildiv_uid8 legend {
	width: 600px;
}

.powermail_mandatory_helper {
	position: relative
}

#powermaildiv_uid8 div {
    margin-left: 10px !important;
}

#tx-powermail-pi1_fieldset_5 legend, #tx-powermail-pi1_fieldset_4 legend {
	display: none;
}

#powermaildiv_uid17 label {
	width: 200px !important;
}

#powermaildiv_uid19 {
	margin-left: 200px;
	color: #0D8CC9;
}

/**
 * #############################################################################################################################
 *
 *	Buchung 
 * 
 * #############################################################################################################################
 **/
 
/* /////////////////Navigation//////////////////// */
#bookingNav {
  display: block;
  list-style: none none outside;
  margin: 0;
  padding: 0 0 0 0px;
  font-size: 10px;
}

#bookingNav li {
  background-image: url(../images/buchen/booking_l.gif);
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  float: left;
  font-size: 10px;
  padding: 0;
}

#bookingNav li.start {
  background-image: url(../images/buchen/booking_start.gif);
  background-color: #118dc7;
}

#bookingNav li.end {
  background-position: left -30px;
  background-color: #66b6db;
}

#bookingNav li.end div {
  background-image: url(../images/buchen/booking_end.gif);
  background-position: right -30px;
  padding: 5px 20px 6px;
}

#bookingNav li.start a, #bookingNav li.start div {
  padding: 5px 20px 6px;
}

#bookingNav li.active a {
  display: block;
  background-image: url(../images/buchen/booking_r.gif);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 5px 20px 6px;
  font-size: 10px;
  color: #000;
}

#bookingNav li.active span{
	color: #fff;
}

#bookingNav div {
  display: block;
  background-image: url(../images/buchen/booking_r.gif);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 5px 20px 6px;
  font-size: 10px;
}

#bookingNav li.active {
  background-color: #118dc7;
  color: #fff;
}

#bookingNav li.inactive {
  background-color: #66b6db;
  background-position: left -30px;
  color: #ccd4dc;
}

#bookingNav li.inactive div {
  background-position: right -30px;
}

#bookingSelected {
  background-color: #d6dde0;
  background-position: left -60px !important;
}

#bookingSelected div {
  background-position: right -60px !important;
}

#bookingSelected.start {
  background-position: left -60px;
  background-color: #d6dde0 !important;
}

#bookingSelected.end {
  background-position: left -60px;
  background-color: #d6dde0 !important;
}

#bookingNav span {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
}

/* booking process: end */
#bookingNav.EVT ul {
  padding-left: 0;
}

#bookingNav.EVT li {
  width: 235px;
  text-align: center;
}




/* /////////////////Buchungsformular//////////////////// */
#onlinebuchung fieldset{
	border: 1px solid #b2b3b3;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
}

#onlinebuchung #calOneResult{
	clear: both;
	margin-top: 10px;
}

#calOneResult .info .arrival b,
#calOneResult .info .departure b{
	width: 75px;
	display: inline-block;
}

#onlinebuchung fieldset legend{
	border: 1px solid #b2b3b3;
	padding: 2px 3px;
}

#onlinebuchung #jCalContainer {border: 1px solid #b2b2b2; padding: 2px; width: 456px; height:230px; }
#onlinebuchung #calOne{   }
#onlinebuchung .jCal{ background: #59c409; padding: 5px 5px 0 5px; }

#onlinebuchung #calOne #loading{
	position: absolute;	
	width: 462px;
	height: 235px;	
	background-image: url(../../backend/images/progress.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #cdcdcd;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);	
}

#onlinebuchung input[type="text"], #onlinebuchung input[type="password"], #onlinebuchung select {
 font-size: 11px;
 line-height: 11px;
 color: #006391;
 border: 1px solid #CCCCCC;
 background-color: #fff;
 padding: 0 0 0 0px;
 margin: 0 0 5px 0px;
 display: inline;
 
}

#onlinebuchung label{ display: block; }
#onlinebuchung #timeselector .dateinput{
	margin: 5px 0;
	text-align: center;
}
#onlinebuchung #timeselector .dateinput label{ display: inline; }

#onlinebuchung label.right {
 width: 50px;
 float: left;
 text-align: right;
 padding-top: 1px;
 padding-right: 5px;
}


#onlinebuchung #trip-data{ float: left; }
#onlinebuchung #trip-selector{ float: right; }

#onlinebuchung #jCalendar{
	height: 320px;
}

#onlinebuchung #childrenage p.children{	text-align: right; margin: 0 10px 0 0; }
#onlinebuchung .children label{	display: inline; }

#onlinebuchung input[type="text"] { width: 110px; height: 17px; }
#onlinebuchung select { width: 110px; }

#onlinebuchung input.right.checkbox { width: 50px; }






/* /////////////////Zimmer W�hlen//////////////////// */

#kontaktgast label {
  width: 135px;
  text-align: right;
  padding-right: 5px;
  display: inline-block;
  vertical-align: top;
}

input {
  font-size: 11px;
  color: #006391;
}

input[type="radio"],input[type="checkbox"]{
	width: 20px;
}


#kontaktgast input[type="text"], #kontaktgast textarea{
	width: 190px;
}
#kontaktgast textarea{
	height: 90px;
}


a.buttonstyle{
	padding: 3px 5px;
	color: #fff;
}
a.buttonstyle:hover{
	text-decoration: none;
}


.pauschalright input.buttonstyle {
	float: none;
	position: absolute;
	right: 41px;
	bottom: 10px;
}


/* /////////////////Daten Best�tigen//////////////////// */
span.confirmvalue {
  width: 100px;
}

label.confirmvalue {
  display: inline-block;
  width: 100px;
}

/* /////////////////Daten pr�fen//////////////////// */


label.bestaetigung {
  width: 150px;
  font-weight:bold;
}


/*---------------------------------- STANDARDSACHEN ---------------------------- */
.text               {font-size:10px; color:#012148; font-family: verdana, helvetica; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none;}
.text    p          {font-size:10px; color:#012148; font-family: verdana, helvetica; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.text    b          {font-size:10px; color:#012148; font-family: verdana, helvetica; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; font-weight:bold;}
.text    a     		{font-size:9px; color:#0d8cc9; font-family: verdana, helvetica; padding:0px 0px 0px 0px;text-decoration:none;font-weight:bold;cursor: pointer}
.text    a:hover    {text-decoration:underline;}
.text    h1         {font-size:18px; color:#012148; font-family: verdana, helvetica; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; font-weight:bold;background-repeat: no-repeat}
.text    h2         {font-size:16px; color:#012148; font-family: verdana, helvetica; padding:0px 0px 0px 0px; margin-bottom:0px; font-weight:bold;}
.text    h3         {font-size:14px; color:#0872a4; font-family: verdana, helvetica; text-decoration:none;  margin:0px; margin-bottom:6px; font-weight:bold;}
.text    h4         {font-size:14px; color:#5c5c5c; font-family: arial, verdana, helvetica; padding:0px 0px 5px 0px; text-decoration:none;  margin:0px; font-weight:bold;}

hr {
  border-bottom:1px solid #0872A4;
}


#zimmerbeschreibung { margin: 0;}
#zimmerbeschreibung ul{
	margin: 5px 0 0px 20px;
}

.roomlist{
	margin: 5px 0;
	padding: 5px ;
	border: 1px dashed #66b6db;
	width: 100%;
	list-style-type: none;
}

.roomlist.selection { border: none; width: auto; }
.roomlist.selection>li{
	border: 1px solid #ccd4dc;
	margin-bottom: 10px;
	padding: 5px;
}

.roomlist .v_toggle_nest{ margin-left: 10px; width: 375px; }
.roomlist .vertical_slide ul{
	margin: 10px 0;
	padding: 0;
}
.roomlist .vertical_slide li {
	list-style-type: none;
	display: inline-block;
	vertical-align: top;	
	width: 50%;
}

.stepcontainer{
	margin-top: 10px;
	min-height: 370px;
}
.stepcontainer h3{	margin-bottom: 10px; }


.stepcontainer .buttonstyle.prev{ float: left; }
.stepcontainer .buttonstyle.next{ float: right; }

#onlinebuchung .element {
	margin-right: 10px;
	float: left;
}
#onlinebuchung div.element{
	width: 205px;
	margin-right: 20px;
}

#agbblock .agb{
	border: 2px solid #ccd4dc;
	height: 120px;
	padding: 10px;
	overflow-y: auto;
	margin-bottom: 5px;
}

#agbblock .agb p{
	margin-bottom: 5px;
}

#agbblock p.confirm{
	margin-bottom: 15px;
}

input.buttonstyle.buchen{
	padding: 10px 15px;
	font-size: 17px;
	height: auto;
	font-weight: bold;
	float: right;
	width: 200px;
}

.message{
	font-size: 15px;
	padding: 5px 5px;
	margin: 10px 0;
	color: #5cb90c;
	border: 1px solid #5cb90c;
}
.message.error{
	color: #ea383d;
	border: 1px solid #ea383d;
	margin: 5px 0;
}

p.stepback{
	text-align: left;
}
.gotostep4{
	position:absolute;
	bottom: 15px;
}
.gotostep4.goRight{
	right: 10px;
}
.gotostep4.goLeft{
	left: 10px;
}


.userinput{
	padding:10px;
	border: 1px solid #CCD4CD;
	margin-bottom: 10px;
}
#kontaktgast{
	width:362px;
}
#kontaktgast .userinput{
	padding: 0;
	border: 0px none;
	margin: 0 0 5px 0;
}

#logininfo{
	width: 362px;
}



#bookingdata{
	position: relative;
}
#registerlogin{
	position: absolute;
	top:0;
	right:0;
}

.roomcontainer{
	margin-bottom: 10px;
}
.guestcontainer{
	margin-bottom: 5px;
}
.guestcontainer p {
	float: left;
}
.guestcontainer p.number{
	width: 20px;
	margin-top: 10px;
}
.guestcontainer p.firstname, .guestcontainer p.lastname{
	width: 180px;
}
.guestcontainer p.age{
	width: 250px;
}
.guestcontainer p label{
	display: block;
}

.guestcontainer .confirmguest{
	float: none;
}
.guestcontainer .confirmguest span{
	margin-right: 5px;
}

select.birthday{
	margin-right: 3px;
	color: #006391;
	font-size: 11px;
}
select.birthday.day, select.birthday.year{
	width: 55px;
	color: #006391;
	font-size: 11px;
}

.booking-header h1{
	margin: 10px 0;		
	color: #118dc7;
}

.booking-header h2{
	margin: 6px 0;
	color: #118dc7;
}

.booking-header h3{
	margin: 3px 0;
	color: #118dc7;
}
.booking-header .price{
	color: #000;
}

.no-display{
	display: none !important;
}

#onlinebuchung input.readonly,
#onlinebuchung input.disabled,
#onlinebuchung select.readonly,
#onlinebuchung select.disabled{
	background-color: #cccccc;
	color: #757575;
}

.roomlist table{
	font-size: 11px;
	width: 100%;
}
.roomlist table th{
	text-align: right;
	width: 65px;
	vertical-align: bottom;
}

.roomlist td{ padding: 5px; }
.roomlist tbody td{ border-bottom: 1px solid #66b6db; }
.roomlist table td{ padding: 0; }
.roomlist .last td, .roomlist table td{	border: 0px none; }
.roomlist table td{ text-align: right; }

.pauschal{
	 float: right;
	 position: relative;
}

.pauschalleft{
	background-color:#F3F6F9;
	float:left;
	width:550px;
	padding: 5px;
}
.pauschalleft .imgzoom{
	top: 8px;
	left: 7px;	
}
.pauschalright{
	float:right;
	text-align:center !important;
	width:150px;
	padding: 5px;
}
.pauschalright p{
	text-align:center !important;
}

.roomlist td{
	width: auto;
	text-align: left;
	vertical-align: top;
}

.roomlist tfoot .totalprice{
	text-align: right;
	padding-bottom: 10px;
}
.roomlist tfoot .totalprice span{
	font-size: 24px;
	color: #0872a4;
	font-weight: bold;
}


/*******************************************************
 * Sucheseite
 ******************************************************/
#searchword{
	width: 400px;
}

/*******************************************************
 * Auswahlliste
 ***************************************************** */
h4.category{
	margin-bottom: 3px;
	text-align: left;
} 

/********************************************************
 * Tooltip
 *******************************************************/
.tooltip{
	cursor: pointer;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #fff;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 5px;
	padding: 5px 8px;
	opacity: 0.95;
	box-shadow: 2px 2px 5px 0px #999;
	max-width: 600px;	
}

#tooltip h3, #tooltip div { margin: 0; font-size: 12px; font-weight: normal; }
#tooltip div { font-size: 11px; }
#tooltip p{
	margin: 0 0 4px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px dashed #b2b3b3;
	font-size: 11px;
}
#tooltip p:last-child{
	border: 0 none;
}

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}


/**********************************************************************************************
 * Videofuehrer
 **********************************************************************************************/
#tourguide{
	height: 400px;
	margin-bottom: 10px;
}
 
#videotour h1{
	background: #e8ebd3;
	padding: 5px;
	color: #0d8ccb;
}

.videoguide{
	margin: 0 0 10px; 
	padding: 0 0 10px; 
	border-bottom: 1px solid #b2b3b3;
} 
.videoguide .video{
	position: relative;
	float: left;
}

.videoguide .video .videothumb{
	width: 70px;
	height: 53px;
}

.videoguide .video .playbutton{
	position: absolute;
	top: 15px;
	left: 22px;
}

.videoguide .videoname,
.videoguide .videodesc,
.videoguide .mainpage{
	float: left;
	width: 699px;
	margin: 0px 5px;
}

/************************************************************************************************
 * Buchnung 
 ************************************************************************************************/

.pricelist{
	list-style-type: none;
	margin: 5px 0 10px 5px;
} 
.pricelist li{
	margin: 2px 0;
	padding: 0;
	cursor: pointer;
}

.pricelist label{
	width: 165px;
	display: inline-block;
}

.pricelist label .foodshelter-name{
	width: 115px;
	display: inline-block;
}
.pricelist label .foodshelter-price{
	width: 50px;
	display: inline-block;
	text-align: right;
}

.zimmerbeschreibung li{
	padding: 0;
}

/************************************************************************************** 
	jQuery GaleryViewer 
****************************************************************************************/
#multipicture{
	height: 210px;
}

#SlideContainer{
	float: right;
	width: 240px;
	height: 130px;
}

/* GALLERY LIST */
/* IMPORTANT - Change '#myGallery' to the ID of your gallery list to prevent a flash of unstyled content */
#SlideIt,#detailGalery { visibility: hidden; }

/* GALLERY CONTAINER */
.gv-gallery { overflow: hidden; }

/* LOADING BOX */
.gv-loader { background: url(loader.gif) center center no-repeat #fff; }


/*************************************************/
/**   PANEL STYLES								**/
/*************************************************/

/* GALLERY PANELS */
.gv-panel { filter: inherit; }

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.gv-panel .gv-panel-overlay,
.gv-panel .gv-overlay-background { height: 5em; padding: 1em; }

/* PANEL OVERLAY BACKGROUND */
.gv-panel .gv-overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.gv-panel .gv-panel-overlay { color: white; }
.gv-panel .gv-panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* CONTENT PANELS */
.gv-panel-content { overflow-y: auto; }


/*************************************************/
/**   FILMSTRIP STYLES							**/
/*************************************************/


/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.gv-filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.gv-frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.gv-frame .gv-img_wrap {}

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.gv-frame.current .gv-img_wrap {}

/* FRAME IMAGES */
.gv-frame img { border: none; }

/* FRAME CAPTION */
.gv-frame .gv-caption { height: 2em; line-height: 2em; font-size: 1em; text-align: center; }

/* CURRENT FRAME CAPTION */
.gv-frame.current .gv-caption { }

/* POINTER FOR CURRENT FRAME */
.gv-pointer {
	border-color: black;
}

/* NAVIGATION BUTTONS */
.gv-nav-next {
	height: 22px;
	width: 22px;
	cursor: pointer;
	background: url(themes/dark/next.png) top left no-repeat;
}
.gv-nav-prev {
	height: 22px;
	width: 22px;
	cursor: pointer;
	background: url(themes/dark/prev.png) top right no-repeat;
}
.gv-panel-nav-next {
	height: 42px;
	width: 42px;
	cursor: pointer;
	background: url(themes/dark/panel-nav-next.png) top left no-repeat;
}
.gv-panel-nav-prev {
	height: 42px;
	width: 42px;
	cursor: pointer;
	background: url(themes/dark/panel-nav-prev.png) top right no-repeat;
}


/**************************************************************************************
 * Kalender
 **************************************************************************************/
#timeselector .calendarium table{
	width: 100%;
}

/* ******************************* 
	Ferien und Brueckentage
******************************** */
.calendar-marker.holidays {
	width: auto;
}


.vertical_slide{
	display: none;
}


/* ########################################################################################################
 * --------------------------------------------------------------------------------------------------------
 * Auswahlseite
 * --------------------------------------------------------------------------------------------------------
 * ######################################################################################################## */
.teaserlist{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.teaserlist a:hover{
	background: #f6f6f6;
	filter: none;
	text-decoration: none;
}
.teaserlist a:active{		
	background: #ededed;	
}

.teaser-container img { float: left; }

.teaserlist li{
	margin: 7px 0;
	border: 1px solid #abacac;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	width: 255px;
}

.teaserlist li.left 	{ float:left; margin-right: 17px; width: auto; }
.teaserlist li.center 	{ float:left; width: auto; }
.teaserlist li.right 	{ float:right; width: auto; }

.teaser-label-container { font-weight: bold; color: #0872a4;  }

.teaser-label-container, 
.teaser-text-container{
	width: 142px;
	float: right;
	font-size: 11px;
}

.dme-teaser {
	font-weight: normal;
	color: #000000;
	display: block;
	padding: 8px;
	cursor: pointer;
	width: 231px;
	height: 70px;	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

/* ########################################################################################################
 * --------------------------------------------------------------------------------------------------------
 * Detailseite
 * --------------------------------------------------------------------------------------------------------
 * ######################################################################################################## */
#singlepicture, #multipicture{
	width: 350px;
	float: left; 
	padding: 0;
	position: relative;
}

#multipicture{
	width: 340px;
	border: 1px solid #e2e2e2;
	padding: 5px;
	position: relative;
}

#company_logo,#company_data{
	float: right;
	width: 375px;
}
#company_logo{ height: 90px; }
#company_logo img{
	max-height: 90px;
	max-width: 375px;
}
#company_data{
	margin-top: 5px;
	position: relative;
}

#recommendvideo{ padding: 5px 5px 5px 10px; }
#recommendvideo .recdiv{
	margin-right:15px;
	width:150px;
	float:left;
}

.blue-spacer a.white img{ border: 0; }
.blue-spacer a.white span{ vertical-align: top; }

#company_description #user_description{	text-align: justify; }
#company_description.holidayroads{ width: auto; }
#company_description h5{ margin: 10px 0; }
#company_description ul{ margin: 10px 0 10px 20px; }
#company_description ul li{ margin: 2px 0; }

#rateadvice{
	position: absolute;
	top: 2px;
	left: 85px;
}

.feature{ margin: 1px; } 

#company_description .user-description{ margin-bottom: 1em; } 
#company_description .user-description *{	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: normal !important;
	font-style: normal !important;
	position: relative !important;
	left: 0 !important;
	color: #000 !important;
	text-decoration: none !important;
	text-align: justify !important;
}
#company_description .user-description table{ width: 100% !important; }
#company_description .user-description b,
#company_description .user-description strong{
	font-weight: bold !important;
}
#company_description .user-description i,
#company_description .user-description em{
	font-style: italic !important;
}
#company_description .user-description a,
#company_description .user-description a *{
	color: #2d9dd3 !important;
	text-decoration: none !important;
}
#company_description .user-description a:hover{
	text-decoration: underline !important;
}

#company_data h3{
	color: #0982bc;
	font-weight: bold;
}

/************** Zimmerauflistung ****************************/
#company_description h2 { margin-top: 0.5em; }
#company_description .shelterlist{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#company_description .imgfeat{
	width: 150px;
	float: left;
}
#company_description .featurelist li{ float: left; margin: 0; }

#company_description .shelterlist h3{ display: none; }
#company_description .roomslist h4, #company_description .shelterlist .user-description{
	width: 325px;
	float: right;
	margin-top: 0;
} 
#company_description .roomslist>li{
	padding: 5px;
	border-bottom: 1px solid #e4e4e4;	
	margin-bottom: 10px;
}
#company_description .roomslist>li.simplelist{
	border: 0 none;
	margin: 0;
	padding: 0 0 0 5px;
	list-style-type: none;	
}

#company_description .roomslist>li:last-child{ border: 0 none; }
#company_description .user-description ul{ margin-left: 0; padding-left: 17px; }
#company_description .user-description p{ margin-bottom: 0.5em; }

.rounded-corner{	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

/************ Ausstattung **********************/
#features ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#features ul li{
	float: left;
}
/* ************** Maps + Das gibt es in der N�he ****** */
#map_section.minimum, #company_description{
	float: left;
	width: 500px;
}

#google_map {
	border: 1px solid #cccccc;
	float: left;
}

.maximum #google_map{
	width: 555px; 
	height: 500px;
} 
.minimum #google_map{
	width: 275px; 
	height: 237px;
}

#nearby_bigbox {
	width: 210px;
	border: 1px solid #ccc;
	padding: 5px;
	float: right;
}

#nearbybox{
	overflow-x: hidden;
	overflow-y: auto;
}

.maximum #nearbybox {
	height: 467px;
}

.minimum #nearbybox {
	height: 204px;
	padding: 0;
	cursor: pointer;
}

#bigmap #map_section{
	width: 100%;
	height: 100%;
	overflow-y: hidden;
}

#bigmap #google_map{
	width: 75%;
	height: 100%;	
}

#bigmap #nearby_bigbox{
	height: 588px;
}

#bigmap #nearbybox{
	height: 566px;
}

#map_open_close{
	list-style-type: none;
	padding: 0;
	cursor: pointer;
}

#map_open_close #map_close{
	display: none;	
}

#bigmap #map_open_close{
	display: none;
}

ul#nearby_accordion, ul#nearby_accordion li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#nearby_accordion > li {
	margin: 0 0 10px 0;
}

ul.nearby_detail {
	padding: 0;
	margin: 0 0 0 15px;
}

ul#nearby_accordion ul.nearby_detail > li {
	padding: 0;
	cursor: pointer;
	
}

ul.nearby_detail > li:hover {
	background: #E5E5E5;
}

ul.nearby_detail > li > *{
	vertical-align: top;
}

span.b_name {
	display: inline-block;
	width: 120px;
}

.googlebubble{
	width: 225px;
	height: 85px;
	overflow: hidden;
}

/** Map Ferienstra�en */
.holidayroad #google_map{
	margin-top: 10px;
	width: 779px;
	height: 600px;
} 

/** Anreisetage */
#company_description ul li.newmonth{
	margin-top: 10px;
	font-weight: bold;
	list-style-type: none;
}	

/******** rechte Spalte Detailansicht (Buttons, Ausstattung, etc) *******************/
#buttfeatures{
	float: right;
	width: 257px;
}

#mapdesc>div, #buttfeatures>div{
	margin-bottom: 20px;
}

#printicons img{
	cursor: pointer;
	margin-right: 5px;
}

/* *****************************************
 * Auflistung
 ****************************************** */
#stereolist h5.showname{
	margin: 0;
}
#stereolist .showtext h6{
	color: #707070;
	font-weight: normal;
	font-size: 0.8em;
}

.hitlist{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.showtext{
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 2px;
}

.showtext p{
	margin: 0;
}

.more_preis {
	background: #0E6DB3; /* old browsers */
	background: -moz-linear-gradient(left, #0E6DB3 0%, #2693D7 33%, #2693D7 67%, #0E6DB3 100%); /* firefox */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0E6DB3), color-stop(33%,#2693D7), color-stop(67%,#2693D7), color-stop(100%,#0E6DB3)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E6DB3', endColorstr='#0E6DB3',GradientType=1 ); /* ie */
	background: -o-linear-gradient(left, #0E6DB3 0%,#2693D7 33%,#2693D7 67%,#0E6DB3 100%); /* opera */
	
	color: #fff;
	float: right;
	height: 14px;
	text-align: center;
	width: 100px;
	position: relative;
	top: -3px;
	padding: 2px 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.img-container a{
	display: block;
}

.longentry{
	border-bottom:1px #b2b3b3 solid;
	margin-top:10px;
	padding-bottom: 10px;
	position: relative;
}

.longentry .img-container{
	float: left;
	width: 177px;
	position: relative;
}

.longentry .img-container h4{
	width: 167px;
}

.longentry .text-container{
	float: right;
	width: 590px;
}

.longentry .detaillink{
	position:absolute;
	left:190px;
	bottom: 14px;
}

.longentry .img-container img, .showimage img{
	border: 1px solid #cccccc;
}

.longentry .img-container .location, .showimage .location {
    background-color: #FFFFFF;
    bottom: 0;
    left: 0;
    margin: 1px;
    opacity: 0.75;
    padding: 3px 4px;
    position: absolute;
    font-weight: bold;
     color: #707070;
} 

.showimage .location {
    width: 142px;
}

.longentry .img-container .location {
    width: 167px;
}

.fastbook{
	color: #fff;
}

.showdetail{
	position: absolute;
	left: 157px;
	bottom: 10px;
	width: 392px;
}

/******************************************
 * Sterne
 ******************************************/
.starclass{
	position: absolute;
	top: 3px;
	right: 3px;
}
.starclass img{
	border: 0 none;
}

/****************************************
 * Breadcrumb
 ***************************************/
.breadcrumb {
    font-size: 11px;
    margin: 5px 0 10px;
}

/*******************************************
 * Experten
 ******************************************/
#rechts_experten_inh .expert-container{
	border-bottom: 1px dashed #000;
}
#rechts_experten_inh .expert-container:last-child{
	border-bottom: 0 none;
}

#experts p{
	margin-bottom: 3px;
}

ul#experts, #experts ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
}

#experts .stereogroup{
	
}

#experts h2{
	margin: 1em 0 0.2em 0;
}

#experts .stereogroup li:first-child{
	margin-right: 20px;
}

.experts{
	border: 1px solid #b2b3b3;
	border-radius: 10px;
	background-color: #fff;
}

.experts .expert_data{
	width: 235px;
	height: 70px;
	display: block;
	padding: 5px;
	text-decoration: none;
}

.experts img{
	float: left;
	width: 80px;
}
.experts .name{	font-weight: bold; }
.experts .position{ color: #000; }
.experts .name, .experts .position{
	float: right;
	width: 150px;
	display: block;
}


#inhalto_b.inhaltexperts{
	padding-top: 10px;
}

.inhaltexperts #singlepicture{
	float: left; 
	width: 80px;
}
.inhaltexperts #company_data{
	width: 555px;
	float: right;
	height: auto;
}
.expert-advice{
	margin-top: 10px;
	text-align: justify;
}

.expertopinion .expert-container{
	float:left;
	padding-bottom:5px;
	width:389px;
	text-align: justify;
	font-size: 10px;
}


/********* Expertenmeinung (Das bin ich => unter Auflistung) ***************/
.expertopinion .expert-container img{
	float: left;
	padding-top: 0px;
	width: 89px; 
	height: 79px;
}
.expertopinion .expert-container h6{
	float: left;
	padding-left: 5px;
	width: 250px;
}
.expertopinion .expert-container div{
	float: left;
	padding-left: 5px;
	top:0px;
	width: 280px;
}

/***********************************************
 * Tabs
 * **********************************************/
#tabs .ui-tabs-nav{
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	top: 1px;
}
#tabs li.ui-state-default{
	display: inline-block;
	width: auto;
	border: 1px solid #b2b3b3;
	padding: 2px 5px;
	border-width: 1px 1px 0 1px;
}

#tabs li.ui-state-default a{
	color: #b2b3b3;
}
#tabs li.ui-state-active{
	background-color: #ffffff;	
}
#tabs li.ui-state-active a, #tabs li.ui-state-hover a {
	color: #4aadd9;
}
#tabs .ui-tabs-panel{
	border: 1px solid #b2b3b3;
	padding: 4px;
	background-color: #ffffff; 
}
#tabs .ui-tabs-panel p{
	margin: 0;
}
#tabs .ui-tabs-hide{
	display: none;
}

/************************************************************
 * Suchfilter
 ************************************************************/
#qsuche{
	float:left;
	width:148px;
	position:relative;
	border: 1px solid #b2b3b3;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-khtml-border-radius-topright:10px;
	-khtml-border-radius-bottomright:10px;
	-khtml-border-radius-bottomleft:10px;	
	border-radius: 0 10px 10px 10px;		
	background-color: #fff;
	padding: 5px 15px 5px 40px; 
}

/****************************************************************
 * Actionsbuttons
 ***************************************************************/
#actionbuttons {
	list-style-type: none;
	margin: 0;
	padding: 0; 
}

#actionbuttons li{
	margin-bottom: 5px;
}

/***************************************************************
 * beliebt bei Stereotypen
 **************************************************************/
#stereotyps ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#stereotyps ul.notext{
	border-bottom: 1px dashed #b2b3b3;
}

.styp-container{
	margin-bottom: 5px;
	border-bottom: 1px dashed #b2b3b3;
	padding-bottom: 5px
}

.styp-container.f-left{
	border-bottom: 0;
}

.styp-container a:hover{
	text-decoration: none;
}

.stereotyp{
	margin: 2px;
	float: left;
}
.styp-desc{
	float: right;
	width: 200px;
	color: #000;
}
.styp-desc .hyphenate{
	width: 100%;
	display: inline-block;
}



/******************************************************************
 * Das bin ich Buttons
 *****************************************************************/
#typebuttons{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}
.typebutton {
	margin: 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	overflow: hidden;
}

.typebutton a{	
	position: relative;
	display: block;
	width: 322px;
    padding: 10px 10px 10px 50px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
}

.typebutton a:hover{
	text-decoration: none;
}

.typebutton span{
	color: #fff;
}
.typebutton .name{
	font-size: 12px;
	font-weight: bold;	
}

.typebutton .counter{	
	position: absolute;
	top: 10px;
	right: 25px;
}
.active span, .typebutton a:active span{
	color: #7c7c7c;
}

.typeimage		{ position: absolute; top: 8px; left: 0; }
/* Lastminute */
.typeimage.img-1-off  	{ clip: rect(19px, 21px, 38px, 0); left: 21px; top:-11px; }
.typeimage.img-1-on 	{ clip: rect(19px, 42px, 38px, 21px); left: 0; top:-11px;}
/* Pauschalen */
.typeimage.img-2-off  	{ clip: rect(0, 21px, 19px, 0); left: 21px;}
.typeimage.img-2-on 	{ clip: rect(0, 42px, 19px, 21px); left: 0; }
/* Unterk�nfte */
.typeimage.img-3-off  	{ clip: rect(38px, 21px, 57px, 0); left: 21px; top: -30px; }
.typeimage.img-3-on 	{ clip: rect(38px, 42px, 57px, 21px); left: 0; top: -30px; }
/* Gastronomie */
.typeimage.img-6-off  	{ clip: rect(95px, 21px, 114px, 0); left: 21px; top:-87px; }
.typeimage.img-6-on 	{ clip: rect(95px, 42px, 114px, 21px); left: 0; top:-87px; }
/* Erlebenswert */
.typeimage.img-7-off  	{ clip: rect(114px, 21px, 133px, 0); left: 21px; top:-106px; }
.typeimage.img-7-on 	{ clip: rect(114px, 42px, 133px, 21px); left: 0; top:-106px; }
/* Veranstaltungen */
.typeimage.img-8-off  	{ clip: rect(133px, 21px, 152px, 0); left: 21px; top:-125px; }
.typeimage.img-8-on 	{ clip: rect(133px, 42px, 152px, 21px); left: 0; top:-125px; }
/* Kullinarisches */
.typeimage.img-29-off  	{ clip: rect(190px, 21px, 209px, 0); left: 21px; top:-182px; }
.typeimage.img-29-on 	{ clip: rect(190px, 42px, 209px, 21px); left: 0; top:-182px; }
/* Wanderf�hrer */
.typeimage.img-30-off  	{ clip: rect(209px, 21px, 228px, 0); left: 21px; top:-201px;}
.typeimage.img-30-on 	{ clip: rect(209px, 42px, 228px, 21px); left: 0; top:-201px; }

.typebutton.inactive:hover a{
	background: #50abd6;
}


/******************************************
 * Startseite Buttons
 *****************************************/
a.packages {	
	position: relative;
	color: #5c5c5c;	
	font-size: 10px;
	font-weight: normal;
	display: block;
	padding: 8px;
	cursor: pointer;
	width: 239px;
	height: 63px;	
	border-radius: 10px;
	/*behavior: url(ie-css3.htc);*/
}

/************************************************
 * Ausblenden S1-Dump
 ***********************************************/
.no_display_S1{
	position: fixed;
	top: 0;
	left: 0;
	background-color: black;
	color: white;
	padding: 3px;
	cursor:pointer;
	z-index: 9999;
}
.onlyS1{
	position: relative; 
	top:0; 
	left:0;
}

/*********************************************
 * Schatten und Verl�ufe
 ********************************************/
.shadow{
	box-shadow: 1px 1px 3px 0px #ccc;
	-webkit-box-shadow: 1px 1px 3px 0px #ccc;
	/*behavior: url(ie-css3.htc);*/
}
.shadow:active, .typebutton.active{
	box-shadow: none;
}
.shadow:active a, .typebutton.active .gradient{
	box-shadow: inset 1px 1px 3px 0px #ccc;
	-webkit-box-shadow: inset 1px 1px 3px 0px #ccc;
}

/** Verlauf blau nach blau */
.typebutton.inactive .gradient{
	background: #53ACD6; /* old browsers */
	background: -moz-linear-gradient(top, #53ACD6 0%, #118DC7 100%); /* firefox */	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53ACD6), color-stop(100%,#118DC7)); /* webkit */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53ACD6', endColorstr='#118DC7',GradientType=0 ); /* ie */	
	background: -o-linear-gradient(top, #53ACD6 0%,#118DC7 100%); /* opera */
}
/** Standardverlauf wei� nach grau */
.gradient, .typebutton.active .gradient, .typebutton:hover .gradient:active{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F7FAFB 12%, #EDF0F1 82%, #E1E1E1 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(12%,#F7FAFB), color-stop(82%,#EDF0F1), color-stop(100%,#E1E1E1)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E1E1E1',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #FFFFFF 0%,#F7FAFB 12%,#EDF0F1 82%,#E1E1E1 100%); /* opera */
}

/**************************
 * Silbentrennung
 ************************ */
.hyphenate{
	text-align: justify;	
}

.rate_box span.hyphenate{
	width: 100%;
    display: inline-block;
}