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

h6.marge {
	margin: 5px 0px 5px 0px;
}
/**
 * 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;
}

/**
 * text-logo
 */

div#textlogo {
	width: 330px;
	position: relative;
	top: -1px;
	left: 26px;
}

div#textlogo div.headline span.light {	
	position: relative;
	top: 5px;
}

div#textlogo div.headline span.dark {	
	position: relative;
	left: -6px;
	top: 5px;
}	
	
div#textlogo div.subheadline {	
	position: relative;
	top: 0px;	
}

div#textlogo div.logotext {		
	position: relative;
	top: 11px;
}

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

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

div#navigation div.navigation {
	position: relative;
	top: -58px;
	left: 350px;
	width: 300px;
	height: 68px;	
}

/**
 * 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: 652px;
	height: 15px;
	text-align: right;
	float: left;
}

/**
 * navigation - menus
 */
div#navigation div.navigation div.top {
	position: relative;
	left: 32px;
	top: 16px;
	width: 414px;
	height: 22px;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;	
	white-space: nowrap;
}

div#navigation div.navigation div.top a {
	color: #4D4D4D;
	font-size: 15px;
	font-weight: bold;
}

div#navigation div.navigation div.top .subActive a {
	color: #F6F6E6;		
}

div#navigation div.navigation div.top .mainActive a {
	color: #F6F6E6;	
}

div#navigation div.navigation div.top span.spacer {
	margin: 0px 5px;
	font-weight: normal;
}

div#navigation div.navigation div.bottom {
	position: relative;
	left: 32px;
	top: 31px;
	width: 414px;
	height: 14px;
	font-size: 12px;	
	overflow: visible;
	white-space: nowrap;
}

div#navigation div.navigation div.bottom a {
	color: #4d4d4d;
	font-size: 11px;	
	font-weight: bold;	
}

div#navigation div.navigation div.bottom .subActive a {
	color: #F6F6E6;		
}

div#navigation div.navigation div.bottom span.spacer {
	margin: 0px 3px;
	color: #4d4d4d;
	font-weight: bold;
}

div#navigation div.navigation img.spacer {
	position: relative;
	top: 3px;	
	margin: 0px 7px;
}

/**
 * content area for normal boxes
 */
div#content {
	position: relative;
	left: 0px;
	top: 0px;
	width: 820px;
	height: 375px;
	color: #f6f6e6;	
	background-repeat: no-repeat;
	background-image: url(../images/ct_middle.jpg);
}
div#content p,div.leftpad,div.rightpad {
	color: #4d4d4d;
	line-height: 1.20em;
}

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, div#contentRightOnly div.rightpad h2{
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin: 5px 0px 4px 0px;
}

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

/**
 * right content
 */
div#content div.right {
	position: relative;
	left: 429px;
	top: -710px;
	width: 372px;
	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 right only
 */

div#contentRightOnly {
	position: relative;
	left: 0px;
	top: 0px;
	width: 820px;
	height: 375px;
	color: #f6f6e6;	
	background-repeat: no-repeat;
	background-image: url(../images/ct_middle_singlebox.jpg);	
}

div#contentRightOnly div.right {
	position: relative;
	left: 429px;
	top: 7px;
	width: 372px;
	height: 366px;
	background-color: #fff;
	filter:alpha(opacity=88);
	-moz-opacity:.88;
	opacity:.88;
}

div#contentRightOnly div.rightpad {
	position: relative;
	z-index: 20;
	left: 432px;
	top: -352px;
	width: 347px;
	height: 352px;
	margin: 0px 9px 0px 9px;
	overflow: hidden;	
}

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

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

.contenttable thead td {
	width: 180px;
}

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

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

.contenttable tbody td {
	padding: 4px;
}

.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, div#contentRightOnly hr {
   color: #7f7f7f;
   background-color: #7f7f7f;
   height: 1px;    
   border: none;  
   margin: 7px 0px 7px 0px;
}

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

div#content div.rightpad img {
	position: relative;	
	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, div#contentRightOnly .formtext {
   font-size: 12px;
}

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

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

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

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

div#content input.submit_blue, div#contentRightOnly input.submit_blue {
   color: #808000;
   font-size: 12px;
   font-weight: bold;
   padding: 0px 3px 0px 3px;
}

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

div#content input.large, div#contentRightOnly 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 td,div#content #approachdirections div {
	color: #4d4d4d;
}

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

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: #808000;
   font-weight: bold;   
   background-color: white;
   white-space: nowrap;
   margin: 0;
   padding: 2px 4px;
   border: 1px solid #808000;
}

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

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

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

/*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: 1px;
   margin-top: 1px;
}

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

#infoWindowBig .blau-fett {

}

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

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

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

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

#infoWindowSmall div.text div.distance {   
   color: #4D4D4D !important;
}

#infoWindowSmall div.text div.duration {   
    color: #4D4D4D !important;
}

#infoWindowSmall .blau-fett {

}

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

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

div#umkreisDetails img {
   margin-bottom: 7px;
}

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

/*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: #808000;
	font-weight: bold;
	text-decoration: underline;
}

.unterstrichen {   
	text-decoration: underline;
}

.gruppenanfrage_buttondiv {

}

#mailform_contact {  	
}

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

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

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

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

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

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

#mailform_contact div.textareaLabel {
   height: 90px;
}

#mailform_reservation {  	
}

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

#mailform_reservation div.label {
   float: left;
   width: 115px;
}

#mailform_reservation div.input {
   float: left;
   width: 223px;        
}

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

#mailform_reservation div.doubleRow {   
   width: 347px;       
   margin-bottom: 5px;
   overflow: hidden;
}

#mailform_reservation div.doubleRow .label1 {         
   float: left;
   width: 115px;
}
#mailform_reservation div.doubleRow .input1 {   
   float: left;
   width: 52px;  
   overflow: hidden;
}
#mailform_reservation div.doubleRow .input1 input {      
   width: 47px;     
}
#mailform_reservation div.doubleRow .stern1 {   
   float: left;
   width: 5px;  
}
#mailform_reservation div.doubleRow .label2 {   
   float: left;
   width: 35px;
   margin-left: 5px;
}
#mailform_reservation div.doubleRow .input2 {   
   float: left;
   width: 127px;  
   overflow: hidden;
}
#mailform_reservation div.doubleRow .input2 input{      
   width: 125px;   
}
#mailform_reservation div.doubleRow .stern2 {   
   float: right;
   width: 5px;  
}

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

#mailform_reservation #arrival{
   width: 100px;   
   float: left;
}

#mailform_reservation #departure{
   width: 100px;
   float: left;   
}

#mailform_reservation textarea {
   width: 100%;   
   height: 50px;  
}

#mailform_reservation div.textareaLabel {
   height: 50px;
}

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

.errorMailform {
	color: red;  
	font-size: 12px;
	font-weight: bold; 
	position: relative;
	top: -5px;
}

.errorReservation {
	color: red;  	
	font-weight: bold; 
	position: relative;
	top: -5px;
}

.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: 124px;
	background-repeat: no-repeat;
	background-image: url(../images/ct_teaser.jpg);
	overflow: hidden;
}

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

/**
 * 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: 12px;
	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: 266px;
}

div.tx-3m5simplefaq-pi1 div.iframe * {
	font-size: 13px;
	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;
}

/**
 * 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;
}

#prices {
	width: 96% !important;
}

div#umkreisDetails {
	text-align: center;
}

ul.sportsList {
	list-style-type: disc;
	line-heigt: 1.4em;
	padding: 4px 20px 4px 20px;
}

ul.sportsList a {
	font-size: 12px;
}
