/* Allgemeines ==================================================== */

* { margin:0; padding:0; }

body { background-color:#F2F2DC; background:url(../images/all/HG/hg_stripes_1.png) repeat-y #F2F2DC; width:641px; }
body, div { font:11px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; color:black; margin:0 auto; }
input, textarea, select { font:11px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; color:black; padding:1px 2px; }

p { font-size:11px; }

h1 { font-size:12px; }
h2 { font-size:11px; margin-top:15px; }
h3 { font-size:11px; font-weight:normal; margin-top:15px; }
h4 { font-size:11px; }
h5 { font-size:12px; }
h6 { font-size:15px; }

ul { list-style-type:none; }

a:link, a:visited { text-decoration: none; color:#000}
a:hover, a:active, a:focus { text-decoration: underline; color:#FFF}

.arial { font-family:arial,helvetica,sans-serif}
.lucida { font-family:"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; }

.left { float:left; }
.right { float:right; }


/* Sartseite (Index) ==================================================== */

div#index {  margin:40px auto; width:640px; text-align:center; background:url(../images/index/hoflogo.png) 100px 60px no-repeat; }

#index h1 { font-size:24px; font-weight:bold; }
#index h2 { font-size:14px; font-weight:bold; margin:0; }
#index h3 { font-size:12px; font-weight:normal; padding-top:8px; margin:0; }
#index p.p1_index { font-size:11px; font-weight:bold; padding-top:300px; }


/* Navigation ==================================================== */

/* Navigation - Startseite (Index) === */
#navigation_index { font-size:12px; margin:15px auto 0 auto; padding:3px; background:#DCA93C; border:1px solid #666; width:192px; text-align:center; }

/* Begriff-Navigation (Hauptnavigation) === */
#navi { margin:0 auto; width:641px; height:25px }	
#navi li { display:inline; float:left; } 

#navi a { text-align:center; display:block; border-left:1px solid #F2F2DC; background-color:#fc6 /* #DCA93C*/; width:159px; line-height:25px; float:left; }
#navi a.naviLinkEng { width:605px; padding-left:35px; text-align:left; }

#navi .navi_active_left a { background-color:#F38421; border-left:2px solid #F38421; }
#navi .navi_active a { background-color:#F38421; border-left:1px solid #F2F2DC; border-right:1px solid #F38421; }
#navi .navi_deactive_left a { border-left:1px solid #fc6; }

/* Themen-Navigation (Unternavigation) === */
#unternavi { margin:0 auto; padding-left:15px; border-top:1px solid #F2F2DC; height:23px; background-color:#F38421; }
#unternavi ul { display:block; line-height:23px; float:left; width:100%; }
#unternavi li { display:inline; float:left; background:url(../images/icons/bullet.png) no-repeat 22px 9px; }
#unternavi a { margin-left:32px; }
#unternavi .active { background:url(../images/icons/bullet-a.png) no-repeat 22px 9px; font-weight:bold; }

/* Links in der Navigation (URL's) == */
.extern_link p a:link, .extern_link p a:visited { text-decoration: none; color:#666; }
.extern_link p a:hover, .extern_link p a:active, .extern_link p a:focus { text-decoration: underline; color:#000; }

#shownavi  { text-align:center; }
#shownavi .weiter { margin-left:50px; }
#shownavi .weiter_img { padding-right:10px; }
#shownavi .zurueck { padding-left:10px; }


/* Header ==================================================== */

#header { width:637px; height:78px; margin-top:25px; margin-bottom:1px; border:1px solid #F38421; border-bottom:0; background:url(../images/all/logo_haus_header.jpg) no-repeat 0px 0px; }
#headerEng  { width:637px; height:78px; margin-top:25px; margin-bottom:1px; border:1px solid #F38421; border-bottom:0; background:url(../images/all/logo_house_header_eng.jpg) no-repeat 0px 0px; }

/* Content ==================================================== */

#content { padding:15px 15px 40px 15px; margin-top:1px; border:1px solid #f38421; border-top:0; clear:both; background:#dadaa4; }
#content h1 { color:#dc7112; font-size:13px; font-weight: bold; }

#content.ausflug { padding-bottom:260px; }
#content.arbeiten { padding-bottom:100px; }

.picCnt {float:left; margin-bottom:10px; width:600px;}
.picCnt h2, .picCnt p {margin:0; padding:0;}

/* Devinitionslisten === */
.devlist-1 dt { font-weight:bold; margin-top:15px; }
.devlist-2 dt { font-weight:bold; }
.devlist-2 dd { margin-left:15px; }

/* Texteigenschaften === */
.price { color:#930; } /* Preis */
.weighty a { color:#f00; font-size:12px;}
p.kategorie { font-weight:normal; font-size:11px; color:#666; } /* Brotgkrumen (Kategorie) */
.poem { color:#dc7112; margin-top:15px; }

/* Contentlinks (URL's) === */
#content p a:link, #content p a:visited { text-decoration: underline; color:#15228A; }
#content p a:hover, #content p a:active, #content p a:focus { text-decoration: underline; color:#666; }

/* Abstände und Absätze === */
#content li { padding-left:15px; }
#content ul { padding:10px 0; }

.p1 { padding-top:10px; }

/* "Preise & Buchung" === */
.offerbox { padding:15px; margin:15px 0px; border:1px solid #f38421; background-color:#ffc; }
.pricetable {margin:18px 0 7px 0;	border:1px solid #dca93c;}
.pricetable td { padding:4px; }
.pricetable thead td { background-color:#dadaa4; border-bottom:1px solid #dca93c; font-weight:bold; }
.pricetable tbody td, .pricetable tfoot td { background-color:#f1f1b7; }
.pricetable tfoot td { border-top:1px solid #dca93c; }

.bigPriceTbl {margin:18px 0 7px 0; border:1px solid #dca93c; text-align:center; }
.bigPriceTbl td { padding:4px;}
.bigPriceTbl thead td { background-color:#dadaa4; font-weight:bold; border:1px solid #ffc; border-width:0 1px 0 0;}
.bigPriceTbl tbody td { font-weight:bold; }
.bigPriceTbl tbody td, .bigPriceTbl tfoot td { background-color:#f1f1b7; border:1px solid #ffc; border-width:1px 1px 0 0;}

/* Trennlinien === */
.partingline { margin:15px 100px 0 100px; border-bottom:1px solid #f2f2dc; }

/* Kontaktseite ==================================================== */

#contact { padding:300px 0 0 350px; font-weight:bold; } /* Liste Kontaktseite */
.hg-contact { border:1px solid #F38421; border-top:0; height:492px; padding:0; margin:1px 0 0 0; background-image:url(../images/all/contact_1.jpg); background-repeat:no-repeat; }


/* Formulare ==================================================== */

legend { font-weight:bold; font-size:12px; margin:0 3px; }


/* Kontaktformular Design & Kunsthandwerk === */
/*
#dkForm { padding:20px 40px 15px 35px; }
#dkForm label, #dkForm input { width:200px; }
#dkForm input { height:15px; }
#dkForm label { display:block; }
#dkForm fieldset { margin-bottom:10px; padding-bottom:20px; border:1px solid #dca93c; }
#dkForm textarea { width:464px; height:80px; margin:5px 10px 0 30px; }
#dkForm select { width:100px; }
#dkForm .button input { width:100px; height:auto; margin:10px 0 0 30px}

#dkForm .dk-from-left { float:left; }
#dkForm .dk-from-left label { margin:8px 10px 0 30px; }
#dkForm .dk-from-left input, #dkForm .dk-from-left select { margin:0 10px 0px 30px; }

#dkForm .dk-from-right { float:right; margin-top:44px; }
#dkForm .dk-from-right label { margin:8px 30px 0 0; }
#dkForm .dk-from-right input { margin:0 30px 0 0; }    */

/* Buchungsoptionen Zusatz === */
/* #dkForm .option label { width:300px; margin:9px 10px 0 30px; }
#dkForm .option select { margin:0 10px 0px 30px; } */

/* Kontaktformular === */
#form { padding:20px 40px 15px 35px; }
#form label, #form input { width:200px; }
#form input { height:15px; margin:0 10px 0px 30px;}
#form label { display:block; margin:8px 10px 0 30px;}
#form fieldset { margin-bottom:10px; padding-bottom:20px; border:1px solid #dca93c; }
#form textarea { width:464px; height:80px; margin:5px 10px 0 30px; }
#form .button input { width:100px; height:auto; margin:10px 0 0 30px}
#form .invisible {display:none;} /* spamschutz */

/* Galerie / Bilder ==================================================== */

#picshow { margin-top:15px; padding:1px; border:10px solid #dca93c; background-color:#fdf2bc; }
#pictext { font-size:11px; margin:0; padding:5px 5px 25px 5px; }
#shownavi a, #shownavi img { cursor:pointer; }

div#content div#projektImg {clear:both; position:relative; overflow:hidden; height:425px;}
div#content div#projektImg img.generalImg {width:402px; height:402px; display:block; position:absolute; left:0px; top:0px; z-index:1; margin-top:15px;}
div#content div#projektImg ul {float:left; margin-top:5px; padding-left:402px; overflow:hidden;}
div#content div#projektImg ul li {float:left; margin-bottom:10px; margin-left:-6px; height:58px; overflow:hidden;}
div#content div#projektImg ul li a.pics img.thumb {display:block; width:60px; border:0;}
div#content div#projektImg ul li a.pics {float:left; display:inline;}
div#content div#projektImg ul li a.pics span {display:none;}
div#content div#projektImg ul li a.pics:hover span {display:block; position:absolute; left:0px; top:0px; z-index:10;}
div#content div#projektImg ul li a.pics:active span, div#content div#projektImg ul li a.pics:focus span {display:block; position:absolute; left:0px; top:0px; z-index:5;}
div#content div#projektImg ul li a.pics:hover span img, div#content div#projektImg ul li a.pics:active span img, div#content div#projektImg ul li a.pics:focus span img {width:402px; height:402px; margin-top:15px; border:0;}

/* Bilder im Content === */
.piccontent { padding:1px; border:5px solid #dca93c; margin:0 20px 15px 15px; }
.reflowpiccontent { padding:1px; border:5px solid #dca93c; margin:0 15px 15px 0px; }
.reflowpic { margin:10px; border:1px solid #000; }
.picCnt img { float:left; padding:1px; border:2px solid #dca93c; margin:0 10px 10px 0; }
.reklame { padding:1px; border:1px solid #f38421; margin:20px 0 0 67px; }

/* Footer ==================================================== */

div#footer { width:641px; color:#666; }
#footer p { padding:5px 0 20px 0; }