/* CSS - BADEHAUS-AM-SEE.DE generated by Lieps-Verlag */ 

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: Verdana, Geneva, sans-serif;
 font-size:11px;
 color:#7e7e7e;
 background-color:#1b82c5;
 background-image:url(../images/bg-head.jpg); background-repeat:no-repeat;
 background-position:center top;
}

p{
 font-size:12px;
 line-height:1.3em;
}

a {
 color: #4882c4;
 text-decoration:none;
}

a:hover {
 color: #4882c4;
 text-decoration:underline;
}

h1{
 font-size:18px;
 font-weight:normal;
 color:#7e7e7e;
}

h2{
}

h3{
 color:#e0e3e2;
 font-size:42px;
 margin-bottom:50px;
}

hr{
 border: 0px;
 border-top: solid 1px #cccccc;
 border-bottom: solid 1px #FFFFFF;
}

td{
 font-size:12px;
}

.clear{
 clear:both;
}
 
#pagewidth{ 
 width:990px;
 background-image:url(../images/content-bg.jpg); background-repeat:repeat-y;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header-top-top{
 position:relative; 
 height:85px; 
 background-image:url(../images/header-top-top.jpg); background-repeat:no-repeat;
 width:100%;
 margin:0;
}

#buchen-pos{
 float: right;
 z-index: +999;
 margin: 55px 60px 0 0;
}

#header-top{
 position:relative; 
 height:168px; 
 background-image:url(../images/header-top.jpg); background-repeat:no-repeat;
 width:100%;
 margin:0;
}

#header-top img {
 position:relative;
 margin: 30px 0 0 120px;
}

#header-bottom{
 position:relative; 
 height:254px; 
 background-image:url(../images/header-bottom.jpg); background-repeat:no-repeat;
 width:100%;
 margin:0;
}

#header-image{
 position:relative; 
 height:230px; 
 width:100%;
 margin:0;
}

#header-image-right{
 position:relative;
 z-index:10;
 float:right;
 width:586px;
 margin:9px 3px 0 11px;
}

#header-image-left{
 position:relative;
 float:left;
 z-index:10;
 width:270px;
 margin:8px 0 0 116px;
}

#mainmenu-pos{
 float: right;
 margin: 120px 60px 0 0;
}

#mainmenu ul li {
 font-size: 12px;
 color: #7e7e7e;
 list-style: none;
 padding:0;
 display:inline; 
}

#mainmenu a {
 color: #7e7e7e;
 text-decoration:none;
}

#mainmenu a:hover {
 color: #4882c4;
 text-decoration:none;
}

#mainmenu a.active {
 color: #4882c4;
 text-decoration:none;
}

#submenu-pos{
 float: left;
 margin: 40px 38px 0 0;
}

#leftnavi {margin:0 0 0 70px;}
.mainlink ul {padding:10px 0 14px 0;}
.mainlink ul li {list-style: none;}
.mainlink li {margin-bottom: 4px;list-style: none;}
.mainlink ul a {margin:0 0 0 65px;padding:0;text-decoration:none;list-style: none;}
.mainlink ul a:hover {text-decoration:none;color:#4882c4;list-style: none;}
.mainlink p {font-size:18px;color:#7e7e7e;margin:0;padding:0;text-decoration:none;list-style: none;}
.mainlink a {font-size:18px;color:#7e7e7e;margin:0;padding:0;text-decoration:none;list-style: none;}
.mainlink a:hover {text-decoration:none;color:#4882c4;}
.mainlink ul a.active {text-decoration:none;color:#4882c4;}
.sublink ul li a {list-style: none;}
.sublink ul a  {font-size:13px;color:#7e7e7e;margin:0;padding:0;text-decoration:none;list-style: none;}
.sublink a {font-size:13px;color:#7e7e7e;margin:0;padding:0;text-decoration:none;list-style: none;}
.sublink a:hover {text-decoration:none;color:#4882c4;}
.sublink ul a.active {text-decoration:none;color:#4882c4;}
 
#maincol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:595px;
 padding:0;
 }
 
#maintext{  
 margin:40px 55px 20px 20px;
 }
 
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image{
 padding-top:5px;
}

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image{
 padding-top:5px;
}
 
#rightcol{
 float:left; 
 display:inline; 
 position:relative; 
 width:383px;
 height:100%;
 padding:0;
}
 
#righttext{  
 margin:0 0 0 109px;
}

.rightinhalt{
 background-color:#d1d5d4;
 padding:1px 5px 1px 5px;
}
 
#footer {
 position:relative;
 height:53px;
 background-image:url(../images/footer.jpg); background-repeat:no-repeat;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/*printer styles*/ 
 @media print{ 

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

/*Popkalender*/
/* all styles are prefixed with "pc" */
#pcIDcalendar {
	padding: 0;
	border: 1px solid #cccccc;
	background-color: #eff7ff;
	color:#7e7e7e;
	z-index: +999;
	position: absolute;
	visibility: hidden;
	width: 180px;
	/*width: auto;*/
	-moz-user-select:none;
  	box-shadow:2px 2px 10px #666;
  	-webkit-box-shadow:2px 2px 10px #666;
  	-moz-box-shadow:2px 2px 10px #666;
}

#pcIDselectMonth, #pcIDselectYear {z-index:+999;position:absolute;visibility:hidden;}

#pcIDcaption {
	padding: 2px 3px 4px 2px;
	background: url(../images/bgcaption.png) repeat-x;
	color: #7e7e7e;
	font: bold 11px Arial, Helvetica, sans-serif
}

#pcIDcaption div {clear :none;}

#pcIDcontent table {
	border: 0;
  	margin: 1px 0 0 0;
	white-space: nowrap;
	color: #7e7e7e;
	z-index: +999;
	font: 10px Arial, Helvetica, sans-serif;
	border-collapse: collapse;
  	width: 100%;
}

/* IE6-hack */
* + html #pcIDcontent table {width: auto;}
/* IE7-hack */
* + html #pcIDcontent table {width: auto;}


#pcIDcontent table tr:hover {background: #fafafa;}

#pcIDcontent th {
	padding-right: 3px;
	border-bottom: 1px solid #ACA899;
	font-weight: normal;
	text-align: right;
	z-index: +999;
  	background-color: #eff7ff;
  	border-right: 0px solid #d9d9d9;
}

#pcIDcontent td{
	text-align: right;
	cursor: default;
	z-index: +999;
  	padding: 0;
  	border: 0;
}

#pcIDcalendar td a, #pcIDcalendar td a:visited {
  	border: 1px solid transparent;
	color: #7e7e7e;
  	display:block;
  	padding:3px;
	font-weight: normal;
	text-decoration: none
}

#pcIDcalendar td a:hover {
	border: 1px solid transparent;
  	background-color: #D9EAFB;
	font-weight: normal;
	text-decoration: none
}

#pcIDcalendar td.pcDayPast      a { color: #7e7e7e }
#pcIDcalendar td.pcToday        a { border: 1px solid #CA1539 }
#pcIDcalendar td.pcDaySelected  a { background-color: #cbbe99 }
#pcIDcalendar td.pcDayHoliday   a { background-color: #87CEFA }
#pcIDcalendar td.pcWeekend a,
#pcIDcalendar td.pcWeekend a:visited,
#pcIDcalendar td.pcWeekend a:link { color: #54A6E2 }
#pcIDcalendar td.pcWeekendPast  a { color: #7e7e7e }

#pcIDcalendar td.pcWeekNumber{
	border-right: 1px solid #ACA899;
	padding: 0 1px 0 1px;
	color: #7e7e7e;
	background: #D9EAFB;
	font-size: 8px;
	text-align: center;
}



#pcIDselectYear, #pcIDselectMonth {
	border: 1px solid #a0a0a0;
	padding: 0;
	width: 4em;
	background-color: #eff7ff;
	text-align: center;
	z-index: +999;
	-moz-user-select: none;
  	box-shadow:2px 2px 10px #666;
  	-webkit-box-shadow:2px 2px 10px #666;
  	-moz-box-shadow:2px 2px 10px #666;
}
#pcIDselectMonth {width:7em; text-align:left; z-index: +999;}

#pcIDselectYear ul, #pcIDselectMonth ul {margin:0;padding:0;border:none;}
#pcIDselectYear li, #pcIDselectMonth li {list-style:none;margin:0;padding:0;}
#pcIDselectYear li a, #pcIDselectMonth li a {
	display: block;
	color: #7e7e7e;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	width: 100%;
	cursor:pointer;
	border: none;
	list-style-image: none;
	list-style-type: none;
	font: normal 11px Arial, Helvetica, sans-serif
}
#pcIDselectYear li a:hover, #pcIDselectMonth li a:hover {background-color: #cbbe99;}

html>body #pcIDselectYear li a, html>body #pcIDselectMonth li a {width: auto;}

#pcIDcaption div {
	cursor:pointer;
	float: left;
	color: #7e7e7e;
	margin-right: 3px;
	width: 2em;
	-moz-user-select: none;
	font: bold 11px Arial, Helvetica, sans-serif
}

#pcIDleft, #pcIDright {width: 2em !important;}

#pcIDcaption div a {
	border:0px solid #eff7ff;
	display: block;
	text-decoration: none;
	width: 100%;
	color: #cbbe99;
	font: bold 11px Arial, Helvetica, sans-serif
}

#pcIDcaption div a:hover {
	border:0px solid #ffffff;
	display: block;
	color: #eff7ff;
	text-decoration: none;
}

#pcIDleft a {background: url(../images/left1.gif) no-repeat center;}
#pcIDright a {background: url(../images/right1.gif) no-repeat center;}
#pcIDleft a:hover  {background: url(../images/left2.gif) no-repeat center;}
#pcIDright a:hover {background: url(../images/right2.gif) no-repeat center;}
#pcIDMonth a, #pcIDYear a {background: url(../images/drop1.gif) no-repeat right;padding: 0 14px 0 2px;}
#pcIDMonth a:hover, #pcIDYear a:hover {background: url(../images/drop2.gif) no-repeat right;padding: 0 14px 0 2px;}

.pcBtn {cursor:pointer;}

html>body #pcIDcaption div, html>body #pcIDcaption a {width: auto;}