* { margin: 0; padding: 0; }
a { color: white; text-decoration: none; margin: 0; padding: 0; }
a:hover { color: #620b03; text-decoration: none; margin: 0; padding: 0; }
a:focus { color: #620b03; text-decoration: none; margin: 0; padding: 0; }
a:active { color: #620b03; text-decoration: none; margin: 0; padding: 0; }
/* Layout */
body { color: #eee; font-size: 10pt; font-family: "Trebuchet MS", "DejaVu Sans", sans-serif; line-height: 18px; background-color: #300400; background-image: url(../grafiken/hintergrundgrafik/hintergrundgrafik_body.jpg); background-repeat: repeat-x; width: 100%; margin: 0; padding: 0; }
#gesamt { background-image: url(../grafiken/hintergrundgrafik/hintergrundgrafik.jpg); background-repeat: no-repeat; position: absolute; left: -20px; width: 110%; height: 1100px; float: left; min-width: 960px; min-height: 870px; }
#header_oben { background-color: #81313e; background-repeat: repeat; position: absolute; top: 0; left: 0; width: 100%; height: 2px; float: left; }
#header { width: 960px; float: left; }
#logo { position: absolute; top: 20px; left: 752px; float: right; clear: both; padding: 0; }
#logo img { width: 105px; height: 150px; }
#perucci { padding: 0; position: absolute; top: 80px; left: 475px; float: left; clear: both; }
#perucci img { width: 190px; height: 105px; }
#spalte_links { position: absolute; top: 250px; left: 440px; width: 150px; height: 150px; float: left; clear: both; margin-left: 10px; }
#navigation { text-transform: uppercase; position: absolute; width: 150px; height: 244px; overflow: hidden; float: left; margin: 0; padding: 25px 0 0; rder-top-style: dotted; }
#information { font-size: 0.9em; background-color: #e52508; text-align: justify; padding: 5px; }
#spalte_mitte { background-repeat: repeat; position: absolute; top: 249px; left: 599px; width: 410px; float: left; max-height: 1000px; border-left: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid white; border-top-color: white; border-top-width: 0; }
#spalte_rechts { background-repeat: repeat; position: absolute; top: 270px; left: 1015px; width: 200px; float: left; border-top-color: #eee; border-top-width: 0; border-bottom-color: #eee; border-bottom-width: 0; }
#footer { background-repeat: repeat; position: relative; top: 50px; left: -5px; width: 100%; height: 20px; }
/* Styling */
#navigation ul {  }
#navigation li { text-decoration: none; width: 200px; margin: 0; padding: 0; border-bottom: 1px dotted #eee; border-top-width: 0; border-right-width: 0; border-left-width: 0; list-style-position: inside; display: block; }
/* #navigation li.layout { border-bottom: 1px dotted white; } */
#navigation li>span {  }
#navigation li:hover { display: block; }
#navigation li:first-child { border-top: 1px dotted #eee; }
#navigation a { text-decoration: none; display: block; }
#navigation a:first-child { text-decoration: none; border-width: 0; display: block; }
#navigation a:hover { color: #620b03 !important; background-color: #eee; display: block; }
#navigation .aktive a { color: #620b03 !important; background-color: #eee; text-decoration: none !important; padding: 2px 2px 2px 16px !important; display: block !important; }
#navigation .inaktive a { color: #eee; text-decoration: none !important; padding: 2px 2px 2px 10px !important; display: block !important; }
#navigation #gutschein {  }
/* li:nth-child(odd) { background-image: url(../transpa_weiss_35.png); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
li:nth-child(even) { background-image: url(../transpa_weiss_20.png); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; } */
/* Anfang accordion und lightbox */
#basic-accordion{ text-decoration: none; position: absolute; width: 100%; height: 100%; }
.accordion_headings { color: white !important; text-decoration: none; background: #620b03; text-transform: uppercase; cursor: pointer; margin: 0; padding: 1px 1px 1px 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.accordion_headings:hover { color: #620b03 !important; background: #eee; text-decoration: none; }
.accordion_headings:hover a { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; width: 100%; display: block; }
.accordion_child{ background-repeat: repeat; text-decoration: none; text-align: left; width: 394px; float: left; min-width: 340px; min-height: 500px; padding: 10px 5px 10px 10px; border-bottom: 1px solid white; border-top-width: 0; display: block; }
.accordion_child a { color: #eee !important; font-size: 0.9em; background-repeat: repeat; text-decoration: none; text-transform: uppercase; }
.accordion_child h1 { font-size: 1em; font-weight: normal; background-repeat: repeat; text-decoration: none; text-transform: uppercase; width: 100%; height: 100%; margin-bottom: 10px; display: block; }
.accordion_child ul { margin: 5px 5px 5px 10px; }
.accordion_child li { text-decoration: none; margin-left: 50px; }
.header_highlight{ color: #620b03 !important; background:#eee; text-decoration: none; }
#basic-accordion img.galerie { background-image: url(../grafiken/hintergrundgrafik/portrait_galerie.png); width: 90px; height: 135px; overflow: hidden; float: left; margin: 4px 5px 1px 1px; padding: 0; border: solid 1px #ececec; display: block; }
#basic-accordion img.galerie_gut { background-image: url(../grafiken/hintergrundgrafik/portrait_galerie.png); display: block; margin: 5px 15px 10px 40px; padding: 0; width: 255px; height: 500px; float: left; overflow: hidden; border: solid 3px white; }
#basic-accordion img.galerie_rw { background-image: url(../grafiken/hintergrundgrafik/portrait_galerie.png); display: block; margin: 5px 4px 1px 1px; padding: 0; width: 91px; height: 133px; float: left; overflow: hidden; border: solid 1px #ececec; }
#basic-accordion img.galerie_landscape { display: block; margin: 5px 15px 5px 5px; padding: 0; width: 135px; height: 90px; float: left; overflow: hidden; border: solid 1px #ececec; }
#basic-accordion img.gutschein { background-image: url(../grafiken/hintergrundgrafik/portrait.png); padding: 0; width: 143px; height: 280px; overflow: hidden; float: left; margin: 0 15px 5px 5px; border: solid 1px #ececec; }
#basic-accordion img.portrait { background-image: url(../grafiken/hintergrundgrafik/portrait.png); display: block; margin: 5px 25px 10px 0; padding: 0; width: 140px; height: 210px; float: left; overflow: hidden; border: solid 1px #ececec; }
#basic-accordion img.landscape { background-image: url(../grafiken/hintergrundgrafik/landscape.png); text-align: center; display: block; padding: 0; width: 410px; height: 186px; float: left; overflow: hidden; margin-top: -10px; margin-bottom: 10px; margin-left: -10px; border: solid 1px #ececec; }
#basic-accordion object { background-image: url(../grafiken/hintergrundgrafik/landscape.png); text-align: center; display: block; margin-top: -10px; margin-bottom: 12px; margin-left: -16px; padding: 0; width: 420px; height: 270px; float: left; overflow: hidden; border: solid 1px #ececec; }
#basic-accordion iframe { text-align: center; display: block; margin-top: -10px; margin-bottom: 0; margin-left: -10px; padding: 0; width: 405px; height: 730px; float: left; overflow: visible; border-width: 0; }
#basic-accordion img.perueckenauswahl { background-image: url(../grafiken/hintergrundgrafik/landscape.png); text-align: center; display: block; margin-top: -12px; margin-bottom: -10px; margin-left: -10px; padding: 0; width: auto; height: auto; float: left; overflow: hidden; border: solid 1px #ececec; }
#basic-accordion img.landscape_peruecken { background-image: url(../grafiken/hintergrundgrafik/landscape.png); text-align: center; display: block; margin-top: -10px; margin-bottom: 10px; margin-left: -10px; padding: 0; width: 410px; height: 186px; float: left; overflow: hidden; border-top: 1px solid #630a02; border-bottom: 1px solid #630a02; border-right-width: 1px; border-left-width: 1px; }
#basic-accordion img.landscape_rw { background-image: url(../grafiken/hintergrundgrafik/landscape.png); text-align: center; display: block; margin-top: -10px; margin-bottom: 10px; margin-left: -10px; padding: 0; width: 365px; height: 305px; float: left; overflow: hidden; border: solid 1px #ececec; }
/* Ende accordion und Lightbox */
/* Anfang Kontaktformular */
form { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 200px; width: 160px; padding: 0 5px 5px; margin: 0; }
form p {
	overflow: hidden;
	margin: 0 0 3px;
}
input,textarea { color: #eee; background-color: #630a02; width: 150px; max-width: 300px; max-height: 60px; border: dotted 1px; }
fieldset {
	padding: 5px;
	margin: 0 0 10px;
	border: solid 1px #ddd;
}
input[type=text], textarea { padding: 3px; border: dotted 1px #eee; }
input[type=submit], legend { border: dotted 1px #eee; text-transform: uppercase; font-size: 0.9em; width: 155px; height: 25px; float: left; margin-top: 20px; margin-right: 0; margin-bottom: 0; padding: 0 5px; }
input[type=reset], legend { color: #f9efa1; font-size: 0.9em; text-transform: uppercase; width: 150px; height: 25px; margin-top: 10px; padding: 3px; border: dotted 1px #eee; border-radius: 8px; }
legend { color: white; font-size: 0.8em; font-weight: bold; border: dotted 1px #eee; }
label { display: block; float: left; min-width: 160px; padding-top: 3px; padding-bottom: 3px; }
.linkbutton { 
	font-size: 0.8em;
	display: inline-block; 
	background: #e52508; 
	padding: 4px 8px; 
	border: outset 1px gray; 
	text-shadow: black 1px 1px 3px; 
	color:white; 
	text-decoration: none; 
	border-radius: 10px; 
}
/* Ende Kontaktformular */
#toggle_button a { color: #620b03 !important; font-size: 0.9em; background-color: #eee; text-align: right; text-decoration: none; text-transform: uppercase; width: 105%; height: 20px; float: left; margin: 10px 0 10px -20px; padding-right: 10px; border: dotted 1px #eee; display: block; }
#toggle{ background-image: none; background-attachment: scroll; background-position: 0 0; text-decoration: none; float: left; min-height: 300px; display: block; }
.adresse { position: absolute; top: 200px; left: 200px; width: 190px; padding: 5px; border-left: 1px dotted #fff; }
.impressum { position: fixed; bottom: 20px; display: block; text-decoration: none; left: 40px; }
.copyright { text-decoration: none; display: block; position: fixed; left: 510px; bottom: 20px; }
.copyright a { color: #eee; font-weight: normal; font-style: normal; text-decoration: none; display: block; }
.impressum a { color: #eee; font-style: normal; font-weight: normal; text-decoration: none; display: block; }
h1 { font-size: 10pt; font-weight: normal; font-style: normal; text-decoration: none; }