* { margin:0; padding:0}
html {height:101%}
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:center; background:#333333; }
a:link { text-decoration: none;}
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
#textlink {color:#ba5c42}
sup { font-size:xx-small}
.width {width:930px; margin:0 auto; text-align: left;}
.dunkelgrau { background: #666436;} /*#333333*/
.mittelgrau { background: #817546;} /*#434343*/
.header-logo {height:94px}
.header { background: url(../_art/bg_navi_434343.gif) repeat-x bottom #968a5c}
.logo { border:solid 1px #B79A32; position:absolute; margin: 10px 0 0 10px; }
.navi {margin-left:160px; height:30px; }
.navi ul { list-style:none; text-transform:uppercase; padding: 7px 0 8px 0; }
.navi ul li { display: inline; }
.navi ul li a { padding: 7px 12px 8px 12px; margin: 0; text-decoration: none; color:#FFFFFF }
.navi ul li a:link { text-decoration: none; color:#FFFFFF }
.navi ul li a:hover { background:#968a5c; color:#FFFFFF; text-decoration: none; }
#navi-hi { background:#968a5c url(../_art/bg_nav-here.gif) center bottom no-repeat}
/*.sand { background:#F3F0DC} */
.sand { background:#FFFFCC}
.content-container { min-height:400px; height:auto; padding:40px 10px 0 60px; width:930px;}
/*#leuchturm { background:url(../_art/bg__neu_2.gif) center right no-repeat; background-position:600px 0px}#leuchturm { background:url(../_art/bg_aquarium10.jpg) center right no-repeat; background-position:600px 40px}*/
#leuchturm { background:url(../_art/bg_aquariumhagenbeck.jpg) center right no-repeat; background-position:600px 40px}*/
.home h1 { font-size:30px; letter-spacing: 3px; font-weight:bold; text-transform:uppercase}
.home h2 { font-size:18px; font-weight:normal; margin:30px 0 30px 0}
.home h3 { color:#817546; font-size:24px; font-weight:normal; margin-bottom:20px}
.home h3 a { color:#ba5c42}
.home h4 { background:url(../_art/pfeil_f3f0dc.gif) left center no-repeat; padding-left:20px; color:#817546; margin-bottom:10px; font-size:16px}
.home h4 span { font-weight:normal }
.linkliste { color:#817546; text-transform:uppercase}
.linkliste a { color:#ba5c42}
.referenz { padding-bottom:40px; width:930px}
.referenz h1 { font-size:30px; letter-spacing: 3px; font-weight:bold; text-transform:uppercase; margin-bottom:30px; width:620px; line-height:30px}
.referenz h2 { background:url(../_art/pfeil_f3f0dc.gif) left center no-repeat; padding-left:20px; color:#817546; font-size:16px; font-weight:normal; margin:40px 0 10px 0; width:600px; }
.referenz h2 strong { font-weight:bold }
.referenz p { font-size:13px; width:620px; line-height:18px}
.referenz ul {font-size:13px; list-style:square; line-height:18px; list-style-position:outside; width:600px }
.referenz ul li { margin-left:20px; }
#hd-referenzen { font-weight:normal; text-transform:none; letter-spacing:normal}
#hd-referenzen strong { text-transform:uppercase; letter-spacing:3px}
#auftraggeber { list-style:none; margin-left:0; margin-top:30px; text-transform:uppercase; color:#817546}
#auftraggeber li { display:inline; margin:0; white-space:nowrap}
#auftraggeber li a { color:#ba5c42}
.referenz blockquote {float:right; margin-top:40px; margin-right:0; width:260px; background:#F7F5E8; padding:10px;}
.referenz blockquote h3 { color:#817546; font-size:16px; font-weight:bold; margin-bottom:10px; width:240px; margin-top:0 }
.referenz blockquote ul { font-size:12px; list-style:outside; width:240px; margin-left:0px; list-style-image: url(../_art/pfeil_f7f5e8.gif)}
.referenz blockquote ul li {line-height:14px; padding-bottom:3px; width:240px }
.referenz blockquote ul li a {color:#BA5C42; line-height:14px}
.referenz p.klein{ font-size:smaller; margin:10px 0 0 0; padding:0}
.referenz h4 { color:#817546; font-size:14px; font-weight:normal; margin:30px 0 15px 0; width:400px}
.referenz h4 strong { text-transform:uppercase }
.referenz h3 { color:#817546; font-size:14px; margin:20px 0 15px 0; width:470px}
.projekt-grafik {float:right; margin-top:40px; width:280px; background:#F7F5E8; padding:5px; border:1px solid #968a5c}
#projektphase { color:#817546}
#leistungsspektrum {padding:5px 0 5px 35px; color:#817546}
#projektphase a:hover , #leistungsspektrum a:hover{ text-decoration:none}
.visual {float:right; margin-top:40px; width:278px; padding:1px; background-color:#666436; text-align:center}
.visual-navi {float:right; margin-top:40px; width:280px; padding:1px; margin-bottom:30px }
.visual-navi img { border:#666436 1px solid}
.visual-navi div { background:#F7F5E8; padding:10px; margin-top:30px; }
.visual-navi h3 { color:#817546; font-size:16px; font-weight:bold; margin-bottom:10px; width:278px; margin-top:0; width:250px }
.visual-navi ul { font-size:12px; list-style:outside; width:240px; margin-left:0px; list-style-image: url(../_art/pfeil_f7f5e8.gif)}
.visual-navi ul li {line-height:14px; padding-bottom:3px; width:240px }
.visual-navi ul li a {color:#BA5C42; line-height:14px}
.selbstverstaendnis {float:right; margin-top:40px; width:260px; padding:10px; background-color:#f7f5e8;}
.selbstverstaendnis h4 {font-size:14px; color:#817546; font-weight:normal; width:260px; margin:0; display:inline}
.selbstverstaendnis h4 strong {font-size:16px}
.selbstverstaendnis p {width:260px; margin-top:10px; line-height:normal; margin-bottom:10px}
.selbstverstaendnis ul {width:260px; color:#ba5c42;}
.selbstverstaendnis ul li {width:260px; margin-left:15px}
.selbstverstaendnis ul li em {color:#000000}
.selbstverstaendnis #def {width:260px; font-size:10px; line-height:normal; margin-top:10px}
form#kontaktform, form#quittung { width:620px; margin-top:30px; }
form#kontaktform fieldset, form#quittung fieldset { border:none; padding:10px; margin-bottom:20px}
form#kontaktform fieldset#fieldset-unten {margin-bottom:0}
form#kontaktform fieldset legend, form#quittung legend{font-size:16px; color:#817546; font-weight:normal}
form#kontaktform fieldset legend strong { text-transform:uppercase}
form#kontaktform div { padding:5px; padding-left:0; vertical-align:middle}
form#kontaktform div#button-div, form#quittung div#button-div { width:390px; text-align:right}
form#kontaktform label { font-weight:bold; width:80px; float:left; height:20px; line-height:20px}
form#kontaktform input { width:300px; border:#535353 solid 1px; height:20px; background:#f7f5e8}
form#kontaktform select { width:150px; border:#535353 solid 1px; height:20px; background:#f7f5e8}
form#kontaktform textarea { width:300px; border:#535353 solid 1px; height:150px; background:#f7f5e8; font-family:Arial, Helvetica, sans-serif; font-size:12px}
form#kontaktform input#button, form#quittung input#button { height:20px; background:#ba5c42; border:#535353 1px dotted; color:#f7f5e8; font-weight:normal; text-transform:uppercase; font-size:12px; font-family: Arial, Helvetica, sans-serif; vertical-align:middle }
form#kontaktform .errorkontaktform { border:#ba5c42 1px dotted}
form#kontaktform #rsvErrors, #rsvErrors { border:#ba5c42 1px dotted; width:600px; padding:10px; margin-top:30px; color:#ba5c42; background:#f7f5e8}
.this-all-for-you { display:none}
#pub-img {float:right; margin-left:0; margin-top:-30px; background:#f7f5e8; padding:5px}
.publikation { width:430px; }
.publikation th {vertical-align:top;padding:3px; padding-left:0; width:1%; white-space:nowrap; text-align:left; color: #424242;}
.publikation td { vertical-align:top; padding:3px; padding-right:0; width:99%}
#link-td { text-align:right; text-transform:uppercase; font-weight:normal}
#link-td a {color:#BA5C42;}
.pub-trenner { margin-left:10px; margin-top:20px; width:600px; border:none; border-bottom:#999999 1px dotted}
.gruen { background:#817546 url(../_art/bg_sub-header_neu.gif) top repeat-x }
.info-container { min-height:280px; height:auto; overflow: auto; width:980px; background:url(../_art/bg_info_container_neu.gif) top no-repeat}
.ref-info-container { min-height:540px; height:auto; overflow: auto; width:980px; background:url(../_art/bg_info_container_neu.gif) top no-repeat}
.ref-container { float:left; width:640px; margin-top:10px; color:#F3F0DC }
.ref-container h2 { margin-left:10px; height:29px; padding-top:4px; background:url(../_art/bg_lower.gif) no-repeat bottom; background-position:16px 24px; color:#F3F0DC; font-size:14px; font-weight:bold }
.ref-container h3 { color:#F3F0DC; font-size:13px; font-weight:bold; text-transform: uppercase; margin:5px 0 10px 30px; }
.ref-container img { border:#F3F0DC 5px solid; float:left; margin-right:12px}
.ref-container p { font-size:13px; line-height:18px }
.ref-container p em { font-size:13px; line-height:18px }
.ref-container ul { list-style:none; margin-top:12px }
.ref-container ul li { display: inline; margin-right:30px}
.ref-container ul li a { background:#968a5c; padding:3px 5px 3px 5px; color:#F3F0DC; text-decoration:none }
.ref-container ul li a:hover {background:#9f9366;}
.freizeitanlagetypen { margin-left:30px; margin-bottom:20px}
.netzwerk { width:640px; background:#f3f0dc; color:#333333; margin-bottom:30px }
.netzwerk th {padding:10px; font-size:12px; text-align:left; font-weight:bold}
.netzwerk td {font-size:12px; height:20px}
#th_right { padding-left:0;}
.partner, .partner_last, .partner_first, .partner_last{ vertical-align:middle; white-space:nowrap; text-align:left; background:url(../_art/tab_linie_links.gif) right center no-repeat; width:285px}
#partner-span {background:#f3f0dc; padding: 0 5px 0 10px}
.partner_last {background:url(../_art/tab_linie_links_unten.gif) right center; }
.partner_first {background:url(../_art/tab_linie_links_oben.gif) right center}
.kontakte, .kontake_last, .kontakte_first, .kontakte_last{ vertical-align:middle; white-space:nowrap; text-align:right; background:url(../_art/tab_linie_rechts.gif) left center no-repeat; width:285px}
#kontakte-span {background:#f3f0dc; padding: 0 10px 0 5px}
.kontakte_last {background:url(../_art/tab_linie_rechts_unten.gif) left center}
.kontakte_first {background:url(../_art/tab_linie_rechts_oben.gif) left center}
.vota { width:70px; text-transform:uppercase; color:#ba5c42; padding:10px; text-align:center; background:url(../_art/tab_linie_links.gif) center center no-repeat }
.vota div {padding:5px; background:#f3f0dc; border:#ba5c42 1px solid; font-size:16px; }
.teaser-container {float:right; width:260px; color:#F3F0DC; padding:0 10px 0 10px; overflow: auto }
.teaser-container h2 { padding:12px 0 5px 10px;font-size:14px; font-weight:bold; margin:0 -10px 12px -10px }
.teaser-container p {font-size:13px; line-height:18px }
.teaser-container p em {font-size:13px; line-height:18px }
.teaser-container ul { list-style:none; margin-top:12px }
.teaser-container ul li { display: inline; margin-right:30px}
/*.teaser-container ul li a { background:#c06850; padding:3px 5px 3px 5px; color:#F3F0DC; text-decoration:none }
.teaser-container ul li a:hover {background:#C67761;}*/
.teaser-container ul li a { background:#F3F0DC; padding:3px 5px 3px 5px; color:#F3F0DC; text-decoration:none; color:#000000; font-weight:bold }
.teaser-container ul li a:hover {background:#C67761; color:#F3F0DC}
.teaser-container table { margin-top:-5px; width:100%}
.teaser-container table th {padding:5px 5px 5px 0; text-transform:uppercase; vertical-align:top; border-bottom:#FFFFFF 1px dotted; font-size:12px; font-weight:normal }
.teaser-container table td { padding:5px 0 5px 0; vertical-align:top; border-bottom:#FFFFFF 1px dotted; margin-left:-1px }
.veroeffentlichung { width:620px}
.footer-container {overflow: auto; width:980px; padding-top:10px; padding-bottom:10px; color:#f3f0dc }
#adresse1 {float:left }
#adresse2 {float:left; margin-left:200px }
.footer-container ul { list-style:none; float:right; }
.footer-container ul li { display: inline; margin-right:5px}
.footer-container ul li a { color:#FFFFFF}
/* for Internet Explorer */
/*\*/
* html .content-container {
height: 400px;
}
/**/
/*\*/
* html .info-container {
height: 280px;
}
/**/
/*\*/
* html .ref-info-container {
height: 540px;
}
/**/
/* border:solid 1px #FF0000 ; */