/* - - - - - - - - - - - - - - - - - - - - -

Titel		: Handwerkerhotel Rössle
Autor		: Stefan Walcher
URL 		: www.handwerkerhotel-achstetten.de

Erstellt	: August 09, 2011
Modifiziert	: August 09, 2011

- - - - - - - - - - - - - - - - - - - - - */

/* 
	Resets
	------
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}


/* 
	Struktur
	--------
*/

body { background-image:url(../images/basis/higru.jpg); background-repeat:repeat-x;}
.wrapper {width:900px; position:relative; margin: 0 auto }


/* 
	Basis Elemente
	--------------
*/

.float, 
.left { float:left}
.clear { clear:both}
.spacer { width:5px; height:40px;}



/* 
	Content
	-------
*/

.schrift_logo { margin: 60px 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FFFFFF}
.logo_zusatz { margin: 0 0 0 225px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF;}

/* 
	Content
	-------
*/

.content {width:736px; margin: 0 0 0 14px; border: 4px solid #FFFFFF;}
.inhalt {width:736px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#575757; line-height:22px; background-color:#dedede}

/* 
	Navigation
	----------
*/

.nav_div {width:736px; height:34px; background-image:url(../images/basis/nav_higru.jpg);}

.nav_off {font-family:Arial, Helvetica, sans-serif; font-size:14px; margin: 0 7px 0 7px; padding: 9px 5px 9px 5px; color:#3b3c38; }

.nav_off:hover, .nav_off:focus, .nav_off:active {font-family:Arial, Helvetica, sans-serif; font-size:14px; margin: 0 7px 0 7px; padding: 9px 5px 9px 5px; color:#3b3c38; background-color:#afaea1; }

.nav_on {font-family:Arial, Helvetica, sans-serif; font-size:14px; margin: 0 7px 0 7px; padding: 9px 5px 9px 5px; color:#fff; background-color:#493933; }
	


/* 
	Fusszeile
	---------
*/
.fusszeile {width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:6px; color:#FFF; background-color:#008855}

.fusszeile_innen {width: 740px; margin:0 auto; padding-bottom: 70px}


/* 
	Spalten
	-------
*/
.text_left {text-align: 	left;}
.spalte_150px {width: 		150px;}
.spalte_200px {width: 		200px;}
.spalte_250px {width: 		250px;}
.spalte_300px {width: 		300px;}



/* 
	Margins
	-------
*/

.ml_5 {margin-left: 		5px}
.ml_10 {margin-left: 		10px}
.ml_15 {margin-left: 		15px}
.ml_20 {margin-left: 		20px}
.ml_25 {margin-left: 		25px}
.ml_30 {margin-left: 		30px}
.ml_35 {margin-left: 		35px}
.ml_40 {margin-left: 		40px}
.ml_45 {margin-left: 		45px}



/* 
	Rössle Kopf
	-----------
*/

.roessle_kopf_01 {position:absolute; left:633px; top:0px; filter:alpha(opacity:8);KHTMLOpacity:0.08;MozOpacity:0.08;opacity:0.08;}
.roessle_kopf_02 {position:absolute; left:820px; top:80px; filter:alpha(opacity:8);KHTMLOpacity:0.08;MozOpacity:0.08;opacity:0.08;}


/* 
	Schrift
	-------
*/

.font10px {font-size:10px}

/* 
	Tabelle Unsere Preise
	---------------------
*/

.sp1 {width: 150px; height:35px; float:left; padding: 3px 0 0 10px; line-height: 16px; border-bottom:#999999 1px solid;  }
.sp2 {width: 80px; height:35px; float:left; padding: 3px 0 0 0; text-align:center; line-height: 16px;  border-bottom:#999999 1px solid; border-left:#999999 1px solid; border-right:#999999 1px solid;}
.sp3 {width: 80px; height:35px; float:left; padding: 3px 0 0 0; text-align:center; line-height: 16px;  border-bottom:#999999 1px solid;}


/* 
	Tabelle Serviceleistungen
	-------------------------
*/

.service_sp1 {width: 200px; float:left; padding: 5px 0 5px 10px; line-height: 16px; border-bottom:#999999 1px solid;  }
.service_sp2 {width: 140px; float:left; padding: 5px 0 5px 10px; line-height: 16px;  border-bottom:#999999 1px solid; border-left:#999999 1px solid;}







h1 {font-size:16px;}

	
/* 
	Links
	-----
*/
	
.email_01 a:link 	{text-decoration: none;color:#008855;}
.email_01 a:visited	{text-decoration: none;color:#008855;}
.email_01 a:hover	{text-decoration:underline;color:#008855;}
.email_01 a:active	{text-decoration:underline;color:#008855;}	

a:link 	{text-decoration: none;color:#FFFFFF;}
a:visited	{text-decoration: none;color:#FFFFFF;}
a:hover	{text-decoration:underline;color:#FFFFFF;}
a:active	{text-decoration:underline;color:#FFFFFF;}