body {

	background-position: 50% 0%;
	background-repeat:no-repeat;
	background-color: #b22222;#C8152B;
	font-family: Arial, Helvetica, sans-serif;
	color:#2F2F2F;
	margin:0px;
	padding:0px;
	font-size:12px;
	background-attachment:fixed;
	
	.pcol { color:red; }

*[class="pcol"] { color:blue; }
 
}


.raised {background: transparent; width:780px; margin:0 auto; }

.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#f1f5de; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#f1f5de; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#f1f5de; border-left:1px solid #fff; border-right:1px solid #aaa;}

.raised .b1 {margin:0 5px; background:#f1f5de;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}

.raised .b4b {background:#f1f5de; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#f1f5de; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#f1f5de; border-left:1px solid #aaa; border-right:1px solid #999;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#f1f5de; border-left:1px solid #fff; border-right:1px solid #999;}


h1, h2, h3, h4, h5, h6, p {
	margin: 8px 13px 5px;
	font-weight:normal;
}

h1 { font-size:24px; }
h1 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:10px; }
h6 { font-size:9px; }

#header {	
	/* logo, weather, nav */
}

#navbar {
	padding:5px 0px;
	margin:5px auto;
	width:750px;
	height:40px;
	font-size:8pt;
	overflow:hidden;
	position:relative;
	text-align:center;
}

#nav {
	width				: 725px;
	height				: 30px;
	font-size        	: 13px;
	list-style       	: none;
	padding          	: 0px;
	margin           	: 0px;
	margin-left	   		: 30px;
	text-align       	: center;
}

#nav li {
	float            	: left;
	display          	: block;
	list-style      	: none;
	background-image 	: none;
	padding-left    	: 0px;
	padding-right   	: 0px;
	margin          	: 0px;
	width           	: auto;
	font-size      		: 12px;
	font-weight    		: bold;
	line-height     	: 25px;
	white-space    		: nowrap;

	border-top-width	: 2px;
	border-right-width	: 1px;
	border-bottom-width	: 2px;
	border-left-width	: 1px;
	border-style		: solid;
	border-color		: #C8152B;
}

#nav li a {
	display         	: block;
	padding-left     	: 5px;
	padding-right    	: 5px;
	text-decoration  	: none;
	color			   	: #C8152B;
	/*background	   		: #FFFFFF;*/
}

#nav li a:hover {
	display         	: block;
	padding-left     	: 5px;
	padding-right    	: 5px;
	text-decoration  	: none;
	color           	: #FFFFFF;
	background	   		: #C8152B;    
}

#weather {
	float: right;
	margin-right: 1.0em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	overflow: hidden;
}

#logo {
	float: left;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	overflow: hidden;
}

#head_txt {
	float: left;
	margin-right: 2.0em;
	margin-bottom: 0.5em;
	margin-top: 10.0em;
	margin-left: 1px;
	overflow: hidden;
	text-aling: left;
	color: #000000;
	font-size: 11px;
}

#footer {
	padding:10px 0px;
	margin:2px auto;
	width:750px;
	height:20px;
	font-size:8pt;
	overflow:hidden;
	position:relative;
}

#rechts {
	font-size:10px;
	color:#ffffff;
	float:right;
	margin-top:0px;
	padding-top:0px;
}

.free3 {
	clear:both;
	height:3em;
}

.free2 {
	clear:both;
	height:2em;
}

.free1 {
	clear:both;
	height:1em;
}

/* ================================ */
/*               HOME               */
/* ================================ */

#content_home {
	clear: both;
	width: 735px;
	margin-left: 2.0em;
	padding: 0.0em 0.4em 0.0em 0.2em;
	font-family: Verdana, sans-serif, Arial;
}

/* ================================ */
/*          Lage & Anreise          */
/* ================================ */

#content_lage {
	clear: both;
	width: 735px;
	margin-left: 2.0em;
	padding: 0.0em 0.4em 0.0em 0.2em;
	font-family: Verdana, sans-serif, Arial;
}

#content_lage p {
	font-size:10pt;
	font-weight:bold;
	padding-top:0.3em;
	padding-bottom:0.2em;
	padding-left:10px;
	margin:0px;
	text-transform:none;
	text-align:left;
	color:#FFFFFF;	
/*	background:#C8152B; */
	border:none;
}

ul.anreise {
	list-style-type: square;
	line-height:20px;
}

/* ================================ */
/*     Kontakt & Reservierung       */
/* ================================ */

#content_kontakt { 
	width: 735px;
	margin:0px;
	margin-left: 1.7em;/*2.0em;*/
	font-family: Verdana, sans-serif, Arial;
	font-size:10pt;
	font-weight:bold;
	text-transform:none;
	text-align:left;
	padding: 0.0em 0.4em 0.0em 0.2em;
}

#content_kontakt p {
	font-size:10pt;
	font-weight:bold;
	text-transform:none;
	text-align:left;
	color:#000000;	
}

#content_kontakt iframe {
	margin-left: 7.5em;
	width: 529px;
	border-style: dotted;
	border-color: #C8152B;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding:4px 4px;
}

#kontakt_bild {
	float:right;
	margin-top:0px;
	margin-right:7.25em;
	padding:2px 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: dotted;
	border-color: #C8152B;
}

#adresse {
	width:270px;
	margin-left: 7.5em;
	padding: 5px 5px 5px 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: dotted;
	border-color: #C8152B;
}

#adresse a {
  padding-right    : 7px;
  font-size        : 12px;
  font-weight      : bold;
  color            : #000000;
  text-decoration  : none;  
}

#adresse a:hover {
  font-size        : 13px;
  font-weight      : bold;
  font-style	   : italic;
  color            : #f1f5de;
  background	   : #C8152B;    
}

/* ================================ */
/*         Zimmer & Preise          */
/* ================================ */

#content_zimmer {
	clear: both;
	width: 735px;
	margin-left: 1.7em;/*2.0em;*/
	padding: 0.0em 0.4em 0.0em 0.2em;
	font-family: Verdana, sans-serif, Arial;
}


#titel {
	font-size:10pt;
	font-weight:bold;
	font-family: Verdana, sans-serif, Arial;
	padding-top:0.3em;
	padding-bottom:0.2em;
	padding-left:10px;
	margin:0px;
	text-transform:none;
	text-align:center;
	color:#FFFFFF;	
	background:#C8152B;
	border:none;
}

#zimmerausstattung {
	width: 730px;
	font-size:10pt;
	font-family: Verdana, sans-serif, Arial;
	line-height: 20px;
	padding-top:0.01em;
	padding-bottom:0.2em;
	padding-left:3px;
	padding-right:1px;
	margin:0px;
	text-transform:none;
	text-align:left;
	margin-left:0.01em;
	clear: none;
}


ul.dz {
	list-style-type: none;
	float: left; 
	width: 240px; 
	margin: 0;
	padding-left: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: dotted;
	border-color: #C8152B;
}

ul.ez {
	list-style-type: none;
	width: 240px; 
	margin: 0;
	margin-left: 248px;
	padding-left: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: dotted;
	border-color: #C8152B;
}

ul.zbz {
	list-style-type: none;
	width: 225px;
	float: right; 
	margin: 0;
	margin-right: 1px;
	padding-left: 1px;
	padding-right: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: dotted;
	border-color: #C8152B;
}


#preis {
	width: 400px;
	font-size:10pt;
	font-weight:bold;
	font-family: Verdana, sans-serif, Arial;
	line-height: 20px;
	padding-top:0.01em;
	padding-bottom:0.2em;
	padding-left:10px;
	margin:0px;
	text-transform:none;
	text-align:left;
	margin-left:12.0em;
	clear: both;
}

ul.preise {
	list-style-type: none;
	float: left; 
	width: 290px; 
	margin: 0;
	padding-left: 5px;
}

ul.preiszahl {
	list-style-type: none;
	width: 70px; 
	margin: 0;
	margin-left: 300px;
	padding-left: 5px;
}

#content_zimmer p {
	font-size:10pt;
	font-weight:bold;
	font-family: Verdana, sans-serif, Arial;
	line-height: 20px;
	margin-left: 4.0em;
}

#pics {
	width: 645px;
	font-size:10pt;
	font-weight:bold;
	font-family: Verdana, sans-serif, Arial;
	line-height: 20px;
	padding-top:1.0em;
	padding-bottom:0.2em;
	padding-left:1px;
	margin:0px;
	text-transform:none;
	text-align:left;
	margin-left:3.0em;
	clear: both;
}

ul.pic_dz {
	list-style-type: none;
	float: left; 
	width: 207px; 
	margin: 0;
	padding-left: 1px;
}

ul.pic_ez {
	list-style-type: none;
	width: 207px; 
	margin: 0;
	margin-left: 219px;
	padding-left: 1px;
}

ul.pic_zbz {
	list-style-type: none;
	width: 207px;
	float: right; 
	margin: 0;
	padding-left: 1px;
	padding-right: 1px;
}

a.a_zbz { 	position:relative; 	z-index:1; }
a.a_dz { 	position:relative; 	z-index:1; }
a.a_ez { 	position:relative; 	z-index:1; }

a.a_zbz:hover { z-index:2; }
a.a_dz:hover { z-index:2; }
a.a_ez:hover { z-index:2; }

a.a_zbz span { display: none; background-image: url(../images/zbz.jpg); }
a.a_dz span { display: none; background-image: url(../images/dz.jpg); }
a.a_ez span { display: none; background-image: url(../images/ez.jpg); }

a.a_zbz:hover span{ 
    display:block; 
    position:absolute;
    top:20px; 
    left:-425px;
    width:615px;
    height:461px;
}

a.a_dz:hover span{ 
    display:block; 
    position:absolute; 
    top:20px; 
    left:10px;
    width:615px;
    height:461px;
}

a.a_ez:hover span { 
    display:block; 
    position:absolute;
    top:20px; 
    left:-210px;
    width:615px;
    height:461px;
}


/* ================================ */
/*         Hochwasser 2002          */
/* ================================ */

#content_hw {
	clear: both;
	width: 735px;
	margin-left: 2.0em;
	padding: 0.0em 0.4em 0.0em 0.2em;
	font-family: Verdana, sans-serif, Arial;
}

#content_hw p {
	font-size:10pt;
	text-transform:none;
	text-align:left;
	line-height: 18px;
}

#content_hw img {
	text-align:center;
	display: block;
}

#hw_titel {
	font-size:10pt;
	font-weight:bold;
	font-family: Verdana, sans-serif, Arial;
	padding-top:0.3em;
	padding-bottom:0.2em;
	padding-left:10px;
	margin:0px;
	text-transform:none;
	text-align:center;
	color:#FFFFFF;	
	background:#C8152B;
	border:none;
}

a.hw_tb {
	position:relative; 
	z-index:1; 
	color:#2F2F2F; 
	text-decoration:none;
}

a.hw_tb:hover {
	position:relative;
	font-weight: bold;
	z-index:1; 
	color:#2F2F2F; 
	text-decoration:underline;
}


table.hw {
	margin-left: 1.0em;
}


/* ================================ */
/*    Sehenswürdigkeiten & Links    */
/* ================================ */


#content_links {
	clear: both;
	width: 735px;
	margin-left: 2.0em;
	padding: 0.0em 0.4em 0.0em 0.2em;
	font-family: Verdana, sans-serif, Arial;
}

#content_links p {
	font-size:10pt;
	text-transform:none;
	text-align:left;
	line-height: 20px;
}

#links1 {
	float			: left;
	width			: 200px;
	font-size:10pt;
	font-family: Verdana, sans-serif, Arial;
	padding-left:10px;
	margin:0px;
	text-transform:none;
	text-align:left;
	padding: 4px;
	padding-right: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #C8152B;
}

ul.link_menu {
	list-style-type		: none;
}

a.a_links {
	padding-right    	: 7px;
	font-size        	: 10pt;
	color				: #2F2F2F;
	text-decoration  	: none;  
}

a.a_links:hover {
  font-weight      : bold;
  font-style	   : italic;
  color            : #f1f5de;
  background	   : #C8152B;    
}

#content_links iframe {
	float			: right;
	width			: 400px;
	margin-right	: 15px;
	border-style: dotted;
	border-color: #C8152B;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding:4px 4px;
}

#links_links {
	width: 730px;
	font-size:10pt;
	font-weight:bold;
	font-family: Verdana, sans-serif, Arial;
	line-height: 20px;
	padding-top:0.01em;
	padding-bottom:0.2em;
	padding-left:3px;
	padding-right:1px;
	margin:0px;
	text-transform:none;
	text-align:left;
	margin-left:0.01em;
	clear: none;
}

ul.link {
	list-style-type: square;
	float: left; 
	margin: 0;
	margin-left: 3.0em;
	padding-left: 1px;
	line-height:18px;
}


/* ================================ */
/*            Impressum             */
/* ================================ */

#content_imp {
	clear: both;
	width: 735px;
	margin-left: 2.0em;
	padding: 0.0em 0.4em 0.0em 0.2em;
	font-family: Verdana, sans-serif, Arial;
}

ul.imp {
	list-style-type: none;
	float: left; 
	margin: 0;
	margin-left: 3.0em;
	padding-left: 1px;
	line-height:18px;
}

#imp_bild {
	float:right;
	margin-top:0px;
	margin-right:5.5em;
	padding:2px 4px;
}

#imp1 {
	width:275px;
	margin-left: 5.0em;
	padding: 5px 5px 5px 5px;
}

#imp2 {
	width:625px;
	margin-left: 5.0em;
	padding: 5px 5px 5px 5px;
}

/*
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-style: solid;
	border-color: yellow; #C8152B;
*/