@CHARSET "UTF-8";
h6 {
	display: block;
	width: 100%;
	color: #00a6d6;
	font-weight: bold;
	border-bottom: 1px solid #d2d8dc;
	padding-bottom: 2px;
}

h6.marge {
	margin: 5px 0px 5px 0px;
}

h1 {
	color: #000000;
	width: 80%;	
}
.strong {
  font-weight: bold;
}

/**
 * top div
 */
div#top {
	position: relative;
	left: 0px;
	top: 0px;
	width: 820px;
	height: 27px;
	background-repeat: no-repeat;
	background-image: url(../images/ct_top.jpg);
	overflow: hidden;
}

/**
 * navigation
 */
div#navigation {
	position: relative;
	left: 0px;
	top: 0px;
	width: 820px;
	height: 68px;
	overflow: hidden;
	clear: both;
}

div#navigation div.left {
	float: left;
	width: 11px;
	height: 68px;
	background-repeat: no-repeat;
	background-image: url(../images/ct_nav_a.jpg);
}

div#navigation div.logo {
	float: left;
	width: 228px;
	height: 68px;
}

div#navigation div.logotext {
	position: relative;
	top: -33px;
	left: 25px;
	font-size: 11px;
	color: #000000;
}

div#navigation div.logotext h1 {
	text-align: center;
	width: 172px;
}

div#navigation div.tuev_logo {
	position: relative;
	top: -50px;
	left: 191px;
	width: 40px;
}

div#navigation div.navigation {
	float: left;
	width: 581px;
	height: 68px;
	background-repeat: no-repeat;
	background-image: url(../images/ct_nav_b.jpg);
}

/**
 * navigation - language flags
 */

div#top div.home {
	position: relative;
	top: 0px;
	left: 11px;
	width: 120px;
	height: 15px;
	text-align: left;
	float: left;
}

div#top div.language {
	position: relative;
	top: 6px;
	left: 20px;
	width: 660px;
	height: 15px;
	text-align: right;
	float: left;
}

/**
 * navigation - menus
 */
div#navigation div.navigation div.top {
	position: relative;
	left: 38px;
	top: 15px;
	width: 546px;
	height: 22px;
	overflow: hidden;	
}

div#navigation div.navigation div.bottom {
	position: relative;
	left: 42px;
	top: 30px;
	width: 500px;
	height: 14px;
	font-size: 11px;	
	overflow: visible;
}

div#navigation div.navigation div.bottom a {
	color: #555555;
}

div#navigation div.navigation div.bottom .subActive a {
	color: #00a6d6;
	font-weight: bold;
}

div#navigation div.navigation div.bottom span.spacer {
	margin: 0px 5px;
}

div#navigation div.navigation img.spacer {
	margin: 0px 5px;
}

/**
 * content area for normal boxes
 */
div#content {
	position: relative;
	left: 0px;
	top: 0px;
	width: 820px;
	height: 375px;
	background-repeat: no-repeat;
	background-image: url(../images/ct_middle.jpg);
}

div#content dl {
	margin: 0px !important;
}	

/**
 * content area for single wide boxe
 */
div#content_wide {
	position: relative;
	left: 0px;
	top: 0px;
	width: 820px;
	height: 375px;
	background-repeat: no-repeat;
	background-image: url(../images/ct_middle_wide.jpg);
}

/**
 * left content for normal boxes layout
 */
div#content div.left {
	position: relative;
	left: 19px;
	top: 8px;
	width: 403px;
	height: 366px;	
	background-color: #fff;
	filter:alpha(opacity=88);
	-moz-opacity:.88;
	opacity:.88;
}

div#content div.leftpad {
	position: relative;
	left: 26px;
	top: -351px;
	width: 371px;
	height: 352px;
	margin: 0px 9px 0px 9px;	
	overflow: hidden;
}

/**
 * left content for wide boxes template
 * left is the only content there
 */
div#content_wide div.left {
	position: relative;
	left: 19px;
	top: 8px;
	width: 782px;
	height: 366px;
	background-repeat: no-repeat;
	background-image: url(../images/bg_wide.jpg);
}

div#content_wide div.left div.pad {
	position: relative;
	left: 15px;
	top: 7px;
	width: 752px;
	height: 352px;
	overflow: hidden;
}

/**
 * styles for all left contents
 */
div#content div.leftpad h2, div#content_wide div.left h2 {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
}

div#content div.leftpad h2 span.blue, div#content_wide div.left h2 span.blue {
	color: #00a6d6;
}

/**
 * right content
 */
div#content div.right {
	position: relative;
	left: 428px;
	top: -710px;
	width: 373px;
	height: 366px;
	background-color: #fff;
	filter:alpha(opacity=88);
	-moz-opacity:.88;
	opacity:.88;
}

div#content div.rightpad {
	position: relative;
	z-index: 20;
	left: 435px;
	top: -1069px;
	width: 341px;
	height: 352px;
	margin: 0px 9px 0px 9px;
	overflow: hidden;
}

/**
 * content formats
 */
 
.contenttable {
	float: left;
	clear: both;	
	margin-top: 2px;
}

.contenttable table {
	float: none !important;
	width: 86% !important;
	margin-top: 0px !important;
}

.contenttable thead td {
	width: 180px;
}

.contenttable thead td {
	color: #00a6d6;
	font-weight: bold;
	border-bottom: 1px solid #d2d8dc;
	padding-bottom: 2px;
}

.contenttable thead td p {
	color: #00a6d6 !important;
}

.contenttable tbody td {
	vertical-align: top;
}

.contenttable tbody td ul {
	margin-left: 15px;
}

div.table_noempty .contenttable tbody td p.bodytext {
	font-size: 0px;
	height: 8px;	
}

.contenttable tbody td.zellentext p.bodytext {
   padding-top: 8px;
	font-size: 11px !important;
}

.contenttable table p.bodytext {
   padding-top: 0px !important;
}

div#content hr {
   color: #d2d8dc;
   background-color: #d2d8dc;
   height: 1px;    
   border: none;  
   margin: 7px 0px 7px 0px;
}

div#content div.leftpad img {
   position: relative;
   left: -9px;
   max-width: 389px;	
   max-height: 352px;	
}

div#content div.rightpad img {
	position: relative;
	left: -9px;
	max-width: 359px;	
	max-height: 352px;   
}

div#content_wide div.left div.pad img {
   padding: 7px 0px 7px 0px;
   border-top: 1px solid #d2d8dc;
   border-bottom: 1px solid #d2d8dc;
   max-width: 752px;	
   max-height: 352px;
}

div#content_wide div.left div.pad .table3cols {
   width: 100%;
   margin-top: 9px;
}

div#content_wide div.left div.pad .contenttable {
   width: 100%;   	
}

div#content_wide div.left div.pad .contenttable td {
   width: 33%;   	
}

div#content_wide div.left div.pad .contenttable ul {
   margin-right: 5px;  	
}

div#content_wide div.left div.pad .contenttable li {
   margin-bottom: 2px;  	
}

div#content_wide div.left div.pad .contenttable p {
   display: none; 	
}

/* not working with div#content in front*/
hr + span {
   display: block;
   margin-top: -2px;
}

.contentBottomLeft {
   position: absolute;
   bottom: 0px;
   width: 371px;
}

.contentBottomRight {
   position: absolute;
   bottom: 0px;
   width: 340px;
}

.contentbottom hr {
   margin-bottom: 7px !important;
}

/**
 * formstyles
 */
div#content .formtext {
   font-size: 12px;
}

div#content input {
   border: 1px solid #9c9c9c;
   background-color: #ffffff;
   color: #000000;
   font-size: 11px;
}

div#content select {
   border: 1px solid #9c9c9c;
   background-color: #ffffff;
   color: #000000;
   font-size: 11px;
}

div#content textarea {
   border: 1px solid #9c9c9c;
   background-color: #ffffff;
   color: #000000;
}

div#content .buchung1 input {
   padding: 3px 4px 3px 4px;   
}

div#content .buchung1 select {   
   padding: 1px 1px 1px 0px;
   font-size: 11px;
}

div#content input.submit {
   color: #838383;
   font-size: 11px;
   padding: 0px 3px 0px 3px;
}

div#content input.submit_blue {
   color: #00a6d6;
   font-size: 11px;
   padding: 0px 3px 0px 3px;
}

div#content .blue_textbox {
   border: 1px solid #d5effc;
   border-top: 1px solid #d5effc;
   color: #00a6d6;
   padding: 2px 5px 3px 5px;
   font-size: 11px;   
   display: inline;
}

div#content input.large {
	width: 220px;
	font-size: 11px;
}

div#content #approachmap {
   position: relative;
   left: -9px;
   width: 371px; 
   height: 278px;       
}

div#content #approachdirections {
   position: relative;  
   top: 3px;    
   width: 371px; 
   height: 328px;   
   overflow-x: hidden;
   overflow-y: auto;    
}

div#content #approachdirections .approachlinks {
	position: relative;
	left: 10px;
	font-size: 11px;	
	font-weight: bold;
	text-decoration: none;
}

div#content #approachmapRight {
   position: relative;   
   width: 341px; 
   height: 352px;       
}

#approachmap .gmnoprint a img {
   margin-left: 11px !important;      
}
#approachmapRight .gmnoprint a img {
   margin-left: 11px !important;      
}
#umkreis .gmnoprint a img {
   margin-left: 11px !important;      
}

#approachmap div.markerTooltip, div.markerDetail {
   position: relative;
   top: -2px;
   color: #00a6d6;
   font-weight: bold;   
   background-color: white;
   white-space: nowrap;
   margin: 0;
   padding: 2px 4px;
   border: 1px solid #00a6d6;
}

#approachmapRight div.markerTooltip, div.markerDetail {
   position: relative;
   top: -2px;
   color: #00a6d6;
   font-weight: bold;   
   background-color: white;
   white-space: nowrap;
   margin: 0;
   padding: 2px 4px;
   border: 1px solid #00a6d6;
}

div#umkreis div.markerTooltip, div.markerDetail {
   position: relative;
   top: -1px;
   color: #00a6d6;
   font-size: 10px;
   font-weight: bold;   
   background-color: white;
   white-space: nowrap;
   margin: 0;
   padding: 1px 2px;
   border: 1px solid #00a6d6;
}

div#umkreisPrint div.markerTooltip, div.markerDetail {
   position: relative;
   top: -1px;
   color: #00a6d6;
   font-size: 10px;
   font-weight: bold;   
   background-color: white;
   white-space: nowrap;
   margin: 0;
   padding: 1px 2px;
   border: 1px solid #00a6d6;
}

/*Umkreisfinder InfoWindow*/
div#umkreis .uiw {
   background-color:#ffffff;
   border:1px black solid;
} 

div#umkreisPrint .uiw {
   background-color:#ffffff;
   border:1px black solid;
} 

div#content div#umkreis {
   position: relative;
   left: -9px;
   width: 388px; 
   height: 265px;       
}

#infoWindowBig {
   height: 46px;
   width: 214px;
   font-size: 10px;
}

#infoWindowSmall {
   height: 46px;
   width: 184px;
   font-size: 10px;
}

#infoWindowBig img {
   width: 69px;
   height: 44px;
   float: left;
   margin-left: 10px;
   margin-top: 1px;
}

#infoWindowBig .text {
   position: relative;
   height: 44px;
   top: 2px;
   left: -5px;
}

#infoWindowBig .blau-fett {

}

#infoWindowBig .distance {
   margin-top: 4px;
   font-weight: normal;
   font-size: 9px;
}

#infoWindowBig .duration {  
   font-weight: normal;
   font-size: 9px;
}

#infoWindowSmall img {
   width: 69px;
   height: 44px;
   float: left;
   margin-left: 10px;
   margin-top: 1px;
}

#infoWindowSmall .text {
   position: relative;
   height: 44px;
   top: 2px;
   left: -5px;
}

#infoWindowSmall .blau-fett {

}

#infoWindowSmall .distance {
   margin-top: 4px;
   font-weight: normal;
   font-size: 9px;
}

#infoWindowSmall .duration {  
   font-weight: normal;
   font-size: 9px;
}

div#umkreisDetails {
  margin-top: 16px;
  text-align: center;
}

div#umkreisDetails p.bodytext {
  display: none;
}

div#umkreisDetails img {
   margin-bottom: 7px;
   max-height: 200px !important;   
   left: 0px !important;   
}

div#umkreisDetails p {
   margin-bottom: 10px;
   margin-left: 0px;
   width: 347px;
}

div#umkreisLinkListe {
	
}

div#umkreisLinkListe ul {
    list-style-type: none;
    text-align: center;
}

h2.umkreisRechtsHead {
	color:#000000;
	font-size:14px;
	font-weight:bold;
	margin:0 0 4px;
}

/*Umkreisfinder - Drucken*/
#umkreisPrint {
   margin: 20px;
}

#printMaps {
	overflow: hidden;	
}

#printMap {
	display: none;
	width: 400px;
	height: 300px;
	margin-right: 3px;
	float: left;	
}

#printRoute {
   width: 405px;
   height: 500px;
   margin: -5px;
   overflow-y: auto;
   overflow-y: visible;  
}

#printRoute table {
	width: 403px !important;
}

#printInfoWindow .duration {
   font-weight: normal;
   font-size: 10px;
}

#printInfoWindow .distance {
   font-weight: normal;
   font-size: 10px;
}

/**/

.blau-fett-unterstrichen {
   color: #00a6d6;
	font-weight: bold;
	text-decoration: underline;
}

.unterstrichen {   
	text-decoration: underline;
}

.gruppenanfrage_buttondiv {

}

#mailform_contact {   
}

#mailform_contact div.row {   
   width: 350px;       
   margin-bottom: 5px;
   overflow: hidden;
}

#mailform_contact div.label {
   float: left;
   width: 119px;
}

#mailform_contact div.input {
   float: left;
   width: 222px;        
}

#mailform_contact div.stern {
   float: right;
   width: 5px;      
}

#mailform_contact .input input {
   width: 100%;   
}

#mailform_contact textarea {
   width: 100%;   
   height: 125px;  
}

#mailform_group {
	width: 370px;	
	height: 332px;
	color: #555555;
}

#mailform_group div.row,div.row_multiselect,div.row_buttons {   
   width: 372px;       
   margin-bottom: 5px;
   overflow: hidden;
}

#mailform_group div.label,div.label_food {
   float: left;
   width: 119px;
}

#mailform_group div.input,div.input_food {
   float: left;
   width: 130px;        
}

#mailform_group div.inputCalendar {
   float: left;
   width: 130px;        
}

#mailform_group div.input_food {
   float: left;
   width: 252px;        
}

#mailform_group select#food {  
   width: 130px;        
}

#mailform_group select#food_add {  
   width: 118px;        
}

#mailform_group .input input {
   width: 98%;   
}
#mailform_group .inputCalendar input {
   width: 82%;  
   float: left; 
}
#mailform_group .input select {
   width: 100%;   
}

#mailform_group textarea {
	margin-top: 5px;
	width: 368px;   
	height: 40px;  
}

#mailform_group .row_multiselect .input {
	white-space: nowrap;	
}

#mailform_group .row_multiselect select {
	width: 40px !important;	
}

#mailform_group .row .label_food {
	height: 26px;
}

#mailform_group .row .input_food {
	height: 20px;	
}

#mailform_group .row_buttons {
	text-align: right;	
	width: 369px;
}

#mailform_group p {
	width: 100%;
}

#mailform_group select.first {
	margin-bottom: 5px;	
}

#mailform_group hr {
	margin: 6px 0px !important;	
}

#mailform_group .submit_blue {
	width: 100px;	
}

#mailform_group .inputemail {
	float: left;
	width: 234px;	
	margin-right: 3px;
}

#mailform_group .inputemail input {
	width: 234px;		
}

#mailform_group span.error {
	color: #ff0000;
	font-weight: bold;		
}

#TipAFriend {   
}

#TipAFriend div.row {   
   width: 332px;       
   margin-bottom: 5px;
   overflow: hidden;
}

#TipAFriend div.label {
   float: left;
   width: 119px;
}

#TipAFriend div.input {
   float: left;
   width: 203px;        
}

#TipAFriend div.stern {
   float: right;
   width: 5px;      
}

#TipAFriend .input input {
   width: 100%;   
}

#TipAFriend textarea {
   width: 100%;   
   height: 92px;  
}

#TipAFriend .row .checkbox {
	margin-left: 18px;
	float: left;
	width: 20px;    
}

#TipAFriend .row .text {
	float: left;
	width: 280px; 
}

#TipAFriend img {  
   left: 0px !important; 
   margin-top: 4px;
}

.error {
	color: red;   
}
.error * {
	color: red;   
}

.success {
   color: green;   
   font-weight: bold;
}

.margetop {
	margin-top: 10px;
}

#approachForm {  
   margin-top: 7px; 
}

#approachForm div.row {   
   width: 350px;       
   margin-bottom: 5px;
   overflow: hidden;
}

#approachForm div.label {
   float: left;
   width: 119px;
}

#approachForm div.input {
   float: left;
   width: 222px;        
}

#approachForm .input input {
   width: 99%;   
}

/**
 * teaser area
 */
div#teaser {
	position: relative;
	left: 0px;
	top: 0px;
	width: 820px;
	height: 123px;
	background-repeat: no-repeat;
	background-image: url(../images/ct_teaser.jpg);
	overflow: hidden;
}

div#teaser div.wrap {
	margin-left: 8px;	
}

/**
 * tx_3m5contentelements_pi2
 * IFrame Element
 */
div.tx-3m5contentelements-pi2 div.iframe {
	overflow: auto;
	border: 1px solid #9c9c9c;
	padding: 2px;
}

div.tx-3m5contentelements-pi2 div.iframe * {
	font-size: 10px;
	color: #231f20;	
}

/**
 * tx_3m5newslettersubscription_pi1
 * Newsletter Subscription
 */
div.tx-3m5newslettersubscription-pi1 label {
	margin-right: 5px;
}

div.tx-3m5newslettersubscription-pi1 input.submit_blue {
	margin-right: 5px;
}

/**
 * tx_3m5simplefaq_pi1
 * FAQ
 */
div.tx-3m5simplefaq-pi1 div.iframe {
	overflow: auto;
	border: 1px solid #9c9c9c;
	padding: 2px;
	background-color: #fff;
	margin-top: 5px;
	height: 270px;
}

div.tx-3m5simplefaq-pi1 div.iframe * {
	font-size: 10px;
	color: #231f20;	
}

div.tx-3m5simplefaq-pi1 div.iframe h5 {
	font-weight: bold;
	margin-bottom: 3px;
}

div.tx-3m5simplefaq-pi1 div.iframe p {
	margin-bottom: 5px;
}

/**
 * Booking mailform
 */
#booking div.row {   
   width: 350px;       
   margin-bottom: 5px;
   overflow: hidden;
}

#booking div.label {
   float: left;
   width: 70px;
}

#booking div.label_big {
   float: left;
   width: 100px;
}

#booking div.label_bigger {
   float: left;
   width: 120px;
}

#booking div.label_small {
   float: left;
   width: 50px;
}

#booking div.input {
   float: left;        
}

#booking div.input_small {
	float: left;
	width: 110px;
}

#booking input {
	width: 260px;
}

#booking input.middle {
	width: 200px;
}

#booking input.small {
	width: 90px;
}

#booking input.smaller {
	width: 40px;
}

#booking select {
	width: 100px;
}

#booking select.small {
	width: 38px;
}

#booking select.medium {
	width: 180px;
}

#booking div.next {
	overflow: hidden;
	line-height: 20px;
	width: 370px;
}

#booking div.next div.le {
	float: left;
}

#booking div.next div.ri {
	float: right;
}

#booking div.next a {
	border: 1px solid #9C9C9C;
	padding: 2px;
	text-decoration: none;
}

#booking span {
	color: #00A6D6;
	font-weight: bold;
}

#booking div.error {
	font-weight: bold;
	border-bottom: 1px solid #D2D8DC;
	padding-bottom: 5px;
}

/**
 * Booking Special mailform
 */
#mailform_booking_special div.row {   
   width: 350px;       
   margin-bottom: 5px;
   overflow: hidden;
}

#mailform_booking_special div.label {
   float: left;
   width: 119px;
}

#mailform_booking_special div.input {
   float: left;        
}

#mailform_booking_special div.select {
   float: left;        
}

#mailform_booking_special div.input_smaller {
	float: left;   	
}

#mailform_booking_special div.input_smaller input {
	float: left;   	
}

#mailform_booking_special input {
	width: 220px;
}

#mailform_booking_special div.input_smaller input {
	width: 118px !important;   	
}

#mailform_booking_special select {
	width: 120px;
}

#mailform_booking_special div.error {
	font-weight: bold;
	border-bottom: 1px solid #D2D8DC;
	padding-bottom: 5px;
}

#mailform_booking_special div.stern {
   float: left;
   width: 5px;      
}

#mailform_booking_special .submit_blue {   
   width: 120px;      
}

/**
 * content
 */
div.csc-textpic-left div.csc-textpic-imagewrap,
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image,
div.csc-textpic div.csc-textpic-imagecolumn {
	float: none;
}

#bookingIFrame {
	overflow-x: hidden;	
}