/*
Ante Gastronomie
Juni '06 bg@raut.de
*/

/* main body and html styles */
body {
	height: 100%;
	width: 100%;
	overflow: visible;
	background-color: #DEE3DD;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
html {
	overflow: hidden;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	height: 100%;
}
a {
	color: black;
}

/* zentrierung */
div#zentrierung {
	position: absolute;
	vertical-align: bottom;
	height: 570px;
	width: 960px;
	margin: -285px 0 0 -480px;
	top: 50%;
	left: 50%;
	padding: 0px;
	overflow: hidden;
	color: black;
}

div#rahmen {
	position: absolute;
	left:0px;
	top:0px;
	border:2px solid #B9C9BE;
	height: 551px;
	width: 956px;
	background-color:#FEF3E8;
}

div#logo {
	width: 956px;
	height: 130px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(/fileadmin/bilder/layout/textoben_romantikhof.gif);	
	background-repeat: no-repeat;
	background-position:2% 85%;
	background-color:#FEF3E8;
}

img#imglogo {
	position:absolute;
	right: 30px;
	top: 2px;
}

div#navi {
	width: 956px;
	height: 22px;
	position: absolute;
	top: 130px;
	left: 0px;
	border: 0px;
	background-color: #CD1B09;
	border-top:2px solid #B9C9BE;
	color: #D8DBDA;
	overflow:hidden;
	/*vertical-align:middle;*/
}
div#navi a{
	font-size: 1.2em;
	color: #D8DBDA;
	text-decoration: none;
	padding: 2px 13px 0px 13px;
	line-height:22px;
	vertical-align:middle;
}

div#navi a.aktiv{
	color: #AEBB14;
	font-weight: bold;
}





div#navi2 {
	color: #000000;
	width: 956px;
	height: 20px;
	position: absolute;
	top: 152px;
	left: 0px;
	border: 0px;
	font-weight:bold;
	background-color: #DF6B5B; 
	color: #fff;	
}

div#navi2 a{
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	font-weight:normal;
	line-height:20px;
}

div#navi2 a.aktiv{
	color: #AEBB14;
	font-weight: bold;
}

div#navi2 a.nav2name{
	color: #000;
	font-weight:bold;
	font-size:1.0em;
}

div#mitte {
	position:absolute;
	left:0px;
	top:172px;
	width:956px;
	height:379px;
	
	background-color: #FEF3E8;
}

div#links {
	width: 484px;
	height: 379px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow:hidden;
/*	background-color: #FEF3E8;
	
	background-color: #F00;*/

	z-index:1;
}

div#rechts {
	width: 535px;
	height: 379px;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow:hidden;
	padding:0;
}


div#rechts img{
	display:block;
	margin: 0;
	padding:0;
}


div#inhalt{
	width: 444px;
	height: 361px !important;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow:auto;
	padding: 20px 0px 10px 40px;
	overflow:auto;
	overflow-x:hidden;
	font-size: 1.2em;
	margin-top: 10px;
	
/*	background-color:red;*/
	
	scrollbar-base-color: #FEF3E8; 
	scrollbar-track-color: #FEF3E8;
	scrollbar-face-color: #DF6B5B;
	scrollbar-arrow-color: #fff;
	scrollbar-highlight-color: #FEF3E8;
	scrollbar-3dlight-color: #FEF3E8;
	scrollbar-darkshadow-color: #FEF3E8;

}

div#inhalt a{
	color: #800;
	text-decoration: underline;
}

div#inhalt p{	
	margin:5px 0px 5px 0px;

	padding-bottom:0px;
}

div#inhalt img{
	border:0px solid #a40f0b;
}

div#inhalt h1 {
	font-size: 18px;
	color:#2F3429;
	margin-top: 0px;
	margin-bottom: 19px;
}
div#inhalt h2{
	font-size: 18px;
	color:#2F3429;
	margin-top: 0px;
	margin-bottom: 17px;
}
div#inhalt h3{
	font-size: 1.5em;
	color:#2F3429;
	margin-top: 0px;
	margin-bottom: 16px;
}

/*div#inhalt img.ueberschrift{
	border:0px solid #a40f0b;
}

div#inhalt img.printueberschrift{
	border:0px solid #a40f0b;
	display:none;
}*/





div#fusszeile {
	width: 956px;
	height: 15px;
	position: absolute;
	top: 555px;
	left: 0px;
	margin:2px;
	background-color:#DEE3DD;

}
div#fussnavi{
	position: absolute;
	right: 2px;
	top:0px;
	
	font-size:10px;
	color:#999;
	
}

div#fussnavi a{
	color:#999;
	text-decoration:none;
	padding-left:11px;
}

.hidden {
	display:none;
}

div.tpl_grafikheader_drumherum h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/***********************************
**** Kontakt
***********************************/

.bad {
	color:red;
}



/***********************************
**** Template Speisekarte
***********************************/

div.karte_drumherum {
	width: 425px;
	height: 20px;
	
	position:relative;
	left:0px;
	top:0px;

	margin-top: 14px;
	
/*	background-color: red;*/
}

div.karte_drumherum div.preis {
	position:absolute;
	top:0px;
	right:0px;
	
	width: 80px;
	
	text-align: right;
	font-size: 1.2em !important;
	
/*	background-color: green;*/
}

div.karte_drumherum div.text {
	width: 345px;
	
/*	background-color: blue;*/
}

div.karte_drumherum div.text h1{
	font-size: 1.2em !important;
	margin:0;
	padding:0;
	
/*	background-color: orange;*/
}

div.karte_drumherum div.text span{
/*	background-color: purple;*/
}


/*
---------------------------------------------
                Kontakt
---------------------------------------------
*/

div#kontakt {
	text-align:left;
}
                
div#kontakt table {
	margin-left: 40px;
}

div#kontakt input {
	font-size: 10px;
}
                
/* sitemap */
a.sitemap_ebene1 {
	padding-right: 7px;
}
a.sitemap_ebene2 {
	padding-right: 27px;
}
a.sitemap_ebene3 {
	padding-right: 55px;
}
ul.sitemap {
	list-style-type:none;
}
ul.sitemap ul {
	list-style-type:none;
}
ul.sitemap ul ul {
	list-style-type:none;
}

/* google maps */
div.tx_lumogooglemaps_pi1_sidebar {
	display: none;
}
div.tx-lumogooglemaps-pi1,
div.tx_lumogooglemaps-pi1 {
	font-size: 11px;

}

.csc-firstHeader {
	font-size: 20px;
	}

.stText h1 {
	font-size: 20px;
	}

/*
----------------------------------------------
		Aktuelles Template
----------------------------------------------
*/

.aktWrap {
	float: left;
	margin: 30px 0px 0px 20px;
	}

.aktWrap h1 {
	display: block;
	margin: -4px 0px -6px 0px;
	color: #cd1b09;
	font-weight: bold;
	font-size: 20px;
	}

.wrapLinks {
	float: left;
	margin: 0px 0px 0px 20px;
	}

.aktImage {
	float: left;
	margin: 25px 14px 0px 0px;
	width: 537px;
	}

.wrapRechts {
	float: left;
	}

.wrapRechts p {
	margin-bottom: 6px;
	margin-top: 0px;
	}

.aktLinks {
	float: left;
	width: 325px;
	}

.aktRechts {
	float: left;
	}

#oben h1 {
	color: #cd1b09;
	font-weight: bold;
	font-size: 20px;
	margin-top: 21px;
	}