body {text-align: center; font-family: "Trebuchet MS", Verdana, Arial; padding: 0; background-color: #71B300; background-image: url("/images/verlauf_bg.png"); background-repeat: repeat-x; background-attachment: fixed; background-position: top left;} /* Hauptcontainer */
.Main {position: absolute; width: 100%; left: 0;}

/* Hauptbox welche die Contentbox umschliesst */
#box0 {background-color: #e3ffc2; padding-top: 20px; padding-bottom: 20px;}

/* Contentbox 1 */
.box1 {border: 3px solid #d3edb4; background: inherit; background-color: #E8FFD3; color: #004600; padding: 20px; margin: 10px 45px 20px 45px; text-align: left;}
.box1 ul {margin: 0 15px; text-align: left; list-style-image: url(../images/bullet.gif);}
.box1 h1 {color: #478900; font-weight: bold; margin: 0 0 10px 0; padding-top: 0; font-size: 18px; text-align: left; border-bottom-width: 0px;}
.box1 h2 {color: #004600; margin: 0; padding-top: 0; font-size: 14px; font-weight: bold;}
.box1 p {font-size: 13px; margin: 0 0 10px 0; text-align: justify; line-height: 20px;}

/* Contentbox 2 */
#box2 {width: 100%; height: 100%;}

/* Contentformatierung Fewo & Ferienhaus */
.content h3 {font-size:13px;line-height:21px;margin:15px 0 10px;padding:0 5px;border-bottom:1px solid #D3EDB4;}
.content p {margin:2px 0 20px 20px;}

/* Bildboxen Informations-Seiten*/
.bildbox {float: left; margin: 0px 20px 10px 0px; padding: 4px; border: 4px solid #D2EBB4;}
.bildbox div {font-size: 12px; left: 0; bottom: 0; margin-left: 0px; padding: 0 0 0 8px; border-top: 6px;} /* Bildbox Ferienhaus auf Startseite*/
#bildbox_fehaus {float: left; margin: 0px 20px 10px 0px; padding: 4px; border: 4px solid #D2EBB4;}
#bildbox_fehaus div {font-size: 12px; left: 0; bottom: 0; margin-left: 0px; padding: 0 0 0 8px; border-top: 6px;}
#bildbox_fehaus a {color: #FFFFFF;}
#bildbox_fehaus a:hover {color: #006600;}

/* Bildbox Ferienwohnung auf Startseite*/
#bildbox_fewo {float: right; margin: 6px 0px 10px 20px; padding: 4px; border: 4px solid #D2EBB4;}
#bildbox_fewo div {font-size: 12px; left: 0; bottom: 0; margin-left: 0px; padding: 0 0 0 8px; border-top: 6px;}
#bildbox_fewo a {color: #FFFFFF;}
#bildbox_fewo a:hover {color: #006600;}

/* Formatierung der DropBoxen BEGINN ---------------------------------------- */
#dropbox_willkommen1 {margin: 0 0 20px 260px; width: 460px; padding: 0 18px 14px 0;}
#dropbox_willkommen1 h1 {font-size: 16px;}
#dropbox_willkommen2 {margin: 0px; width: 720px; padding: 0 0 14px 0;}
.dropbox_content {font-size: 13px; color: #006600; padding: 20px;}
.dropbox_content h2{color: #006600;}
.dropbox_gb_auszug {border: 2px solid #D2EBB4; margin-bottom: 20px;}
.dropbox_gb_content {font-size: 13px; color: #006600; padding: 20px;}

/* Footer formatieren BEGINN ------------------------------------------------ */
#footer {padding: 20px 30px 0 30px; font-size: 11px; font-family: tahoma; color: #339900; height: 70px;}
#footer a {margin-top: 20px; color: #009900; font-size: 11px; text-decoration: underline; font-family: tahoma; font-weight: bold;}
#footer a:hover {color: #006600; font-size: 11px; font-family: tahoma; text-decoration: none;}

p, ul, ol, table, b {margin-bottom: 0; font-size: 13px; margin-top: 0; color: #006600;}

/* Trennlinien formatieren */
hr {background-color: #d3edb4;

/* Farbe für Opera und Firefox */ color: #d3edb4;
/* Farbe für Internet Explorer (IE) */ border: 0; height: 3px; margin-bottom: 20px;}

a:link, a:visited {color: #006600; text-decoration: underline;}
a:hover {text-decoration: underline; font-weight: normal; color: red;}

/* Formatierung der Partnerlinkboxen BEGINN*/
.partner_box {float: left; width: 370px; height: 117px; margin: 8px 0 0 8px; font-size: 13px;}
.partner_box h2 {color: #006600; font-family: Verdana; font-size: 11px;}
.partner_head {border-bottom: 3px solid #D3EDB4; padding: 2px 2px 2px 0;}
.partner_snapshot {float: left; margin: 0 10px 0 0;}
.partner_content {padding: 10px 10px 0 0; height: 70px; background-color: #E8FFD3;}
.partner_content p {margin-top: 0px; text-align: left;}

/* Formatierung der Galerieboxen BEGINN*/
.galerie_box {float: left; width: 145px; height: 110px; border: 3px solid #d3edb4; margin: 10px; padding: 10px;} /* Test - blaue Ränder um Bildlinks im IE vermeiden */
.galerie_box a img {border: 3px solid #d3edb4;}

/* zum Einpassen in den Container z.B. bei partner.php */
.clearboth {clear: both;}

/* Gästebuch Startbild formatieren */
.gb_pic {padding-left: 200px;}
.gb_pic img {border: 3px solid #d3edb4;}

/* Social Boolmark formatieren */
.socialbookmark {margin-left: 0px; height: 20px; color: #339900;}
.socialbookmark p {font-size: 13px; vertical-align: bottom; margin-right: 5px;}

/* Google Adsense Werbung */
#werbung1{text-align: left; height: 15px; width: 810px; margin: 0 45px 0 45px; padding-left: 0px;}

/* Hinweisbox */
.hinweis {background-color: #e3ffc2; padding: 25px 50px; border: 3px solid #d3edb4; margin: 20px 10px;}
.hinweis li {line-height: 10px;} /* Errorseite formatieren */
.error404 {background-color: #d3edb4; padding: 25px 50px; margin-bottom: 20px; border: 3px solid #006600;}
.error404 h1 {font-size: 20px; font-weight: bold;}
.error404 h2{font-size: 16px; font-weight: normal; line-height: 10px;}
.aktion {position: absolute; left: 600px; top: 260px; z-index: 2;}

/* Bildlaufleiste */
#laufleiste, #laufleiste * {padding: 0px; margin: 0px;}
#laufleiste {overflow: hidden; border: 3px solid #d3edb4;}
#laufleiste1, #laufleiste2 {white-space: nowrap; position: absolute; top: 0px;}

/* ----------- */ /* N A V I G A T I O N /* ----------------- */
ul#cssMenu ul {display: none;}
ul#cssMenu li:hover > * {display: block;}
ul#cssMenu li:hover {position: relative;}
ul#cssMenu ul {position: absolute; left: -1px; top: 98%;}
ul#cssMenu ul ul {position: absolute; left: 98%; top: -1px;}
ul#cssMenu, ul#cssMenu ul {margin: 0; list-style: none; padding: 1px 1px 1px 1px; background-image: url(../images/nav2.png); background-repeat: repeat; border-width: 0; border-style: solid;}
ul#cssMenu {display: block; font-size: 0; padding-left: 50px; width: 848px; height: 30px;}
ul#cssMenu ul {width: 180px;}
ul#cssMenu li {display: block; margin: 0 1px 0 1px; font-size: 0; float: left;}
ul#cssMenu ul li {margin: 0 0 1px;}
ul#cssMenu a:active, ul#cssMenu a:focus {outline-style: none;}
ul#cssMenu a, ul#cssMenu li.dis a:hover, ul#cssMenu li.sep a:hover {display: block; vertical-align: middle; border: 0 solid #fceeb0; text-align: left; text-decoration: none; padding: 6px 10px 6px 10px; font: normal 13px Trebuchet MS, Tahoma; color: #ffffff; text-decoration: none; cursor: pointer;}
ul#cssMenu span {overflow: hidden;}
ul#cssMenu ul li {float: none;}
ul#cssMenu ul a, ul#cssMenu ul li.dis a:hover {text-align: left; white-space: nowrap;}
ul#cssMenu li.sep {text-align: left; padding: 0; line-height: 0; height: 100%;}
ul#cssMenu li.sep span {float: none; padding-right: 0; width: 1px; height: 100%; display: inline-block; background-image: none;}
ul#cssMenu ul li.sep span {width: 100%; height: 1px;}
ul#cssMenu li:hover > a {background-image: url(../images/nav1.png); border-color: #4c99ab; border-style: solid; font: normal 13px Trebuchet MS, Tahoma; color: #ffffff; text-decoration: none;}
ul#cssMenu li.dis a {color: #aaaaaa !important ;}
ul#cssMenu img {border: none; vertical-align: middle; margin-right: 12px; width: 16px; height: 16px;}
ul#cssMenu ul img {width: 16px; height: 16px;}
ul#cssMenu img.over {display: none;}
ul#cssMenu li.dis a:hover img.over {display: none !important ;}
ul#cssMenu li.dis a:hover img.def {display: inline !important ;}
ul#cssMenu li:hover > a img.def {display: none;}
ul#cssMenu li:hover > a img.over {display: inline;}
ul#cssMenu span {display: block; background-image: url(../images/arrowmain.gif); background-position: right center; background-repeat: no-repeat; padding-right: 20px;}
ul#cssMenu li:hover > a > span {background-image: url(../images/arrowmaino.gif);}
ul#cssMenu ul span {background-image: url(../images/arrowsub.gif);}
ul#cssMenu ul li:hover > a span {background-image: url(../images/arrowsubo.gif);}
ul#cssMenu li.istylei0 > a {background-color: #e8ffd3; color: #000000;}
ul#cssMenu li.istylei0:hover > a {background-color: #006600; color: #ffffff;}
ul#cssMenu li.istylei1 > a {background-image: url(../images/nav2.png);}
ul#cssMenu li.istylei1:hover > a {background-image: url(../images/nav1.png);}
ul#cssMenu.istylem0, ul#cssMenu ul.istylem0 {background-color: #d2eab6;}
#buttons_shadow {background-image: url("../images/button_shadow.gif"); background-repeat: repeat-x; height: 10px;}
#buttons_shadow img {position: absolute;}

/* Navigation oben rechts (Impressum, Prtnerlinks, Sitemap) */
#header_links { font-family : Trebuchet MS; float:right; font-size: 9pt; color: #FFFFFF; height: 20px; position: absolute; left: 730px; top: -5px; z-index: 1;}
#header_links a { font-size: 9pt; text-decoration: none; color: #FFFFFF;}
#header_links a:hover { text-decoration: underline;}

/* --------------------- */ /* U M R A N D U N G /* ---------------------- */
.Sheet {overflow: hidden; min-width: 75px; min-height: 75px; margin: 0 auto; position: relative; z-index: 0; width: 936px;}
.Sheet-body {position: relative; z-index: 0; margin: 18px;}
.Sheet-tl {position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 67px; height: 67px; background-image: url('../images/Sheet-s.png');}
.Sheet-tr {position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 67px; height: 67px;}
.Sheet-tr div {position: absolute; z-index: -1; top: 0px; left: -67px; width: 134px; height: 134px; background-image: url('../images/Sheet-s.png');}
.Sheet-bl {position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 67px; height: 67px;}
.Sheet-bl div {position: absolute; z-index: -1; top: -67px; left: 0; width: 134px; height: 134px; background-image: url('../images/Sheet-s.png');}
.Sheet-br {position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 67px; height: 67px;}
.Sheet-br div {position: absolute; z-index: -1; top: -67px; left: -67px; width: 134px; height: 134px; background-image: url('../images/Sheet-s.png');}
.Sheet-tc {position: absolute; overflow: hidden; z-index: -1; top: 0; left: 67px; right: 67px; height: 67px;}
.Sheet-tc div {position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 134px; background-image: url('../images/Sheet-h.png');}
.Sheet-bc {position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 67px; right: 67px; height: 67px;}
.Sheet-bc div {position: absolute; z-index: -1; top: -67px; left: 0; width: 100%; height: 134px; background-image: url('../images/Sheet-h.png');}
.Sheet-cl {position: absolute; overflow: hidden; z-index: -1; top: 67px; left: 0; width: 67px; bottom: 67px;}
.Sheet-cl div {position: absolute; z-index: -1; top: 0; left: 0; width: 134px; height: 100%; background-image: url('../images/Sheet-v.png');}
.Sheet-cr {position: absolute; overflow: hidden; z-index: -1; top: 67px; right: 0; width: 67px; bottom: 67px;}
.Sheet-cr div {position: absolute; z-index: -1; top: 0; left: -67px; width: 134px; height: 100%; background-image: url('../images/Sheet-v.png');}
.Sheet-cc {position: absolute; overflow: hidden; z-index: -2; top: 67px; left: 67px; right: 67px; bottom: 67px; background-image: url('../images/Sheet-c.png');}
.Sheet {margin-top: 1px !important;}