/*
---------------------------------------------------------
| container -> kopf
|           -> links
|
|           -> mitte
|
|			-> rechts
|
|			-> footer
|
|
|
|  CSS & HTML - Jan Pietruska, im Oktober 2006 		|
---------------------------------------------------------
*/

@import url(styledimgtext.css);

HTML, BODY {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #58171F;
	font-family: Tahoma, Verdana, Arial;
	font-size: 100.01%;
	}
/*############################# CONTAINER #############################*/
#container {
	width: 996px;
	height: 585px;
	border: 5px solid #FFFDC4;
	margin: auto;
	}
	
	a img {border: 0 none;}
/*############################# KOPF ##################################*/
	#container .kopf {
		width: 996px;
		height: 107px;
	}
	#container .kopf a img {
		border: 0;
	}
	
/*############################# FACEBOOK ##################################*/
	#container .kopf .facebook {
   		bottom: 28px;
   		left: 10px;
    		position: relative;
   		width: 138px;
	}
	


/*############################# OSTSEEUNTERKUENFTE - Link zu Ostsee Unterkuenfte ##################################*/	
	#container #ostseeunterkuenfte{
		position: relative;
		left: 0px;
                top: -60px;
		float: right;
		clear: right;
		margin-bottom: -98px;
	}
		#container #ostseeunterkuenfte a img{
    			text-decoration: none;
			border: none;			
		}

	
	
	
	
/*############################# LINK/NAVI #############################*/
	#container .links {
		width: 138px;
		height: 454px;
		float: left;
		position: relative;
		background-image:url(bilder/hg_links.png);
		background-repeat: repeat-y;
		}
		#container .links UL {
			list-style:none;
			margin: 0;
			padding: 0;
			_width: 138px;
			/*margin-top: -5px;*/
			}
		#container .links UL LI {
			margin: 0; padding: 0;
			position: relative;
		}
		#container .links UL LI A {
			color: #58151C;
			text-decoration: none;
			font-weight: bold;
			font-size: 0.7em;
			background-color: #DFDFA3;
			display: block;
			position: relative;
			width: 122px;
			padding: 7px 0 7px 10px;
			_padding: 7px 0 6px 10px;
			margin: 3px 0;
			*margin: 2px 0 1px 0;
			_margin: 2px 0;
			_float: left;
			*float: left;
		}
		#container .links UL LI A:HOVER {
			background-color: #F3F4BB;
			margin: 3px 0;
			*margin: 2px 0 1px 0;
			_margin: 2px 0;
		}
		#container .links UL LI A.aktiv {
			background-color: #F3F4BB;
			margin: 3px 0;
			*margin: 2px 0 1px 0;
			_margin: 2px 0;
		}

		/* 2. Ebene */
		#container .links UL li ul{
      			position: absolute;
	   		padding: 0;
			left: 135px;
			top: -3px;
			width: 122px;
			*top: 0px;
			_top: -1px;
	    	}
		#container .links UL li ul A {
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			font-size: 0.7em;
			background-color: #043882;
			display: block;
      			position: absolute;
      			_left: 135px;
      			float: right;			
			text-align: center;
			padding: 7px 0 7px 0px;
			_padding: 7px 0 6px 0px;
			*margin: 2px 0 1px 0;
			_margin: 2px 0;
		}
		#container .links UL LI ul A.aktiv {
			background-color: #043882;
			margin: 3px 0;
			*margin: 2px 0 1px 0;
			_margin: 2px 0;
		}
		#container .links UL LI ul A:hover {background-color: #95B6EF;}

		#container .links UL li ul li.Region a{
			top: 27px;
			*top: 8px;
			_top: 7px;
			border-top: 3px solid #fff;
		}
		
		#container .links li ul { display: none; }
    		#container .links li:hover>ul { display: block; }
    		#container .links>li:hover>a { background-color: #043882;}
    
    		/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
         	* html #container .links li.hoverIE {
          		margin-right:0;  /* reservierten Platz freigeben */
		        margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */	        
            	}
            	* html #container .links li.hoverIE ul { 
            		display: block; 
            		left: -132px;
            		margin-top: 1px;       		
            	}
            	* html #container .links li .hoverIE {}

		#container .links UL .Hof a {
			background-image: url(/fileadmin/user_upload/krone_klein.png);
     			background-repeat: no-repeat;
			background-position: 4px center;
			padding-left: 35px;
			width: 97px;
		}
			
		#container .links img{
			position: absolute;
			bottom: 0px;
			height: 95px;
		}
		
		
		
/*############################# MITTE/INHALT ###########################*/


	#container .mitte {
		color: #58161d;
		width: 671px;
  		height: 404px;
		float:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #FBFEF3;
		background-image: url(bilder/hg_mitte.jpg);
		background-repeat: no-repeat;
		background-attachment:fixed;
		background-position: 50% 112px;
		/* *background-position: 50% 29%; */
		_background-position: 0 0;
		font-size: 0.8em;
		*font-size: 0.7em;
		padding: 25px;
		line-height: 16px;
		_line-height: 16px;
		text-align: justify;
		overflow: auto;
		scrollbar-face-color: #FFFFFF;
		scrollbar-shadow-color: #FFFFFF;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-3dlight-color: #000000;
		scrollbar-darkshadow-color: #000000;
		scrollbar-track-color: #F2EDF4;
		scrollbar-arrow-color: #000000;
		overflow-x:hidden;
/*background-attachment: scroll !important;
background-position: 0 0 0 0;
_background-attachment: fixed;*/

		}
		#container .mitte H1 {
			font-size: 1.4em;
			text-align: center;
			font-style: italic;
			margin: 0 0 10px 0;
			}
		#container .mitte A {
			color: #58161d;
			}
		#container .mitte A IMG {
			border: 0;
			}
		SPAN.important {font-style: italic; background: white; padding: 6px; line-height: 16px; width: 100%; display: block; border: 1px solid #58171F}
/*############################# MITTE/FORMULAR/FORMATIERUNGEN ##########*/


		FORM {
			margin: 0;
			padding: 0;
			/*border: 1px solid red;*/
			font-size: 0.9em;
			}
		FORM TABLE {
			margin: 0;
			padding: 0;
			/*border: 1px solid red;*/
			}
		FORM TABLE INPUT {
			font-size: 1em;
			/*border: 1px solid #B4B5D1;*/
		}
		.mitte .spalte_rechts LABEL {
			width: 70px;
			display: inline;
			float: left;
			}
		.mitte .spalte_rechts INPUT {
			float: left;
			border: 1px solid #B4B5D1;
			}
                .mitte INPUT.check {
                        border: 1px solid #B4B5D1;
                        }
		.mitte .spalte_rechts P {
			clear: both;
			padding: 2px 0;
			_padding: 1px 0;
			}
		.mitte .spalte_links INPUT {
			border: 1px solid #B4B5D1;
			}
		.mitte .spalte_links P {
			padding: 3px 0;
			}
		.mitte .spalte_links .zimmer INPUT {
			width: 15px;
			}
		.mitte .spalte_links TEXTAREA.gestalten {
border: 1px solid #B4B5D1;
height: 85px;}
		.csc-mailform-submit {
			background-color: #11174B;
			color: white;
			border: 0;
			font-size: 0.9em;
			_font-size: 1em;
			}
		/*.csc-textpic-image{margin: 0 10px}*/
		.csc-textpic-caption {
			margin-left: 0;
			text-align: left;
		}
		/*.csc-textpic-image{margin: 0 10px}*/
		.csc-textpic-caption {
			margin-left: 0;
			text-align: left;
		}
		#container .mitte .csc-textpic-imagewrap {
			float: left;
			}
		.mitte TABLE TR TD P{padding: 0; margin: 0}
		.mitte .align-center {text-align: center;}
		.mitte .align-right {font-size: 1.3em;}
		.mitte .csc-textpic-image {margin: 0; padding: 0}
/*############################# RECHTS #################################*/


	#container .rechts {
		height: 454px;
		float: left;
		background-image: url(bilder/hg_rechts.png);
		background-repeat: repeat-y;
		padding-left: 5px;
		}
		#container .rechts .margin {
			margin: 0;
			}
#container .rechts .csc-textpic,
#container .rechts .csc-textpic .csc-textpic-imagewrap,
#container .rechts .csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow,
#container .rechts .csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow

dl,
#container .rechts .csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow

dl dt,
#container .rechts .csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow

dl dt img {
	margin: 0 0 1px 0;
}

#container .rechts #button{
	width: 132px;
	height: 42px;
}
#container .rechts #button A {
			color: #58151C;
			text-decoration: none;
			font-weight: bold;
			font-size: 0.7em;
			background-color: #DFDFA3;
			display: block;
			width: 124px;
			padding: 6px 0 5px 8px;
			*padding: 7px 0 6px 8px;
		}
		#container .rechts #button A:HOVER {
			background-color: #F3F4BB;
		}

/*############################# FOOTER ################################*/


	#container .footer {
		width: 996px;
		height: 24px;
		clear: both;
		_margin-top: -3px;
		background-image: url(bilder/hg_footer.png);
		background-repeat: repeat-y;
		background-position: right;
		background-color: #11174B;
		color: #FFFFFF;
		font-size: 0.7em;
		}
			#container .footer .hnm {
				width: 138px;
				float: left;
				padding: 5px 0 0 5px;
				}
				#container .footer .hnm A {
					color: #868CA4;
					text-decoration: none;
					}
			#container .footer .sprache {
				display: inline;
				margin-left: 10px;
				}
			#container .footer .sprache IMG {
				margin: 0 2px;
				height: 12px;
				width: 24px;
				}
			#container .footer .daten {
				width: 721px;
				float: left;
				text-align: center;
				padding-top: 5px;
				}
				#container .footer .daten SPAN {
					margin: 0 10px;
					}
			#container .footer .link {
				text-align: center;
				padding-top: 5px;
				}
				#container .footer .link A {
					color: #FFFFFF;
					text-decoration: none;
				}