﻿/* CSS Document */
html, body {
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:130%;
background-color:#404040;
background-image:url(../layout/bg2.gif);
margin:0;
padding:0;
}
h1, h2 {
font-size:12px;
padding:0;
margin:0;
margin-top:12px;
margin-left:46px;
}
a {
color:#CCCCCC;
background-color:transparent;
text-decoration:none;
}
table.picTable {
margin-left:46px;
}
td {
height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
td.bigPic {
width:510px;
height:510px;
text-align:center;
vertical-align:middle;
}
td.formCapt {
width:54px;
padding-left:46px;
}
td.formCaptR {
width:80px;
text-align:right;
vertical-align:top;
padding-top:8px;
}
td.formItem {
width: 170px;
padding-left:10px;
}
td.formItemR {
width: 230px;
padding-left:10px;
}
input, textarea {
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:160px;
background-color:transparent;
border:#CCCCCC inset 1px;
}
input.but {
width:108px;
cursor:pointer;
}
input.butW {
width:162px;
cursor:pointer;
}
input.datei {
width:65px;
font-size:9px;
}
input.bestAnz {
width:22px;
}
input.bestAnzAll {
width:22px;
float:left;
}
textarea {
margin-top:5px;
width:218px;
height:78px;
}
#halter {
margin:0 auto 20px auto;
width:900px;
height:534px;
/*
background-image:url(../layout/bg.jpg);
background-repeat:repeat-y;
*/
text-align:left;
}
#camera {
float:left;
z-index:99;
width:236px;
height:140px;
margin:0;
text-align:right;
}
#adresse {
clear:left;
float:left;
width:236px;
height:150px;
margin:0;
color:#999999;
background-color:#404040;
/*
background-image:url(../layout/bgBut.jpg);
background-repeat:repeat-y;
*/
font-size:10px;
}
#adresse p {
width:190px;
text-align:right; 
margin: 0;
padding: 12px 0 0 0;
}
#navigation {
clear:left;
float:left;
width:236px;
margin:0;
}
#navigation ul.hNav {
margin:0;
padding:0;
list-style:none;
}
#navigation li.hNavLi {
display:block;
width:236px;
text-align:right;
}
#navigation a.act {
display:block;
height:28px;
margin-top:1px;
padding-top:10px;
}
#navigation a.hNavA:link, a.hNavA:active, a.hNavA:visited {
display:block;
height:28px;
margin-top:1px;
padding-top:10px;
background-image:url(../layout/bgBut.jpg);
background-repeat:repeat-y;
}
#navigation a.hNavA:hover {
background-image:url(../layout/spacer.gif);
}
#navigation2 {
float:right;
width:664px;
}
#navigation2b {
float:right;
width:664px;
}
#navigation2b a.act2 {
display:block;
height:28px;
margin-top:1px;
padding-top:10px;
color:#FFFFFF;
background-color:#474747;
}
#navigation2 ul.hNav2, #navigation2b ul.hNav2 {
clear:left;
margin:0;
padding:0;
list-style:none;
}
#navigation2 li.hNav2Li, #navigation2b li.hNav2Li {
display:block;
width:166px;
float:left;
}
#navigation2 li.hNav2LiTxt {
display:block;
width:166px;
float:left;
}
a.hNav2Atxt {
font-size:10px;
display:block;
padding-right:10px;
padding-left:5px;
}
#navigation2 a.act2 {
display:block;
height:28px;
margin-top:1px;
padding-top:10px;
}
#navigation2 a.hNav2A:link, #navigation2 a.hNav2A:active, #navigation2 a.hNav2A:visited, #navigation2b a.hNav2A:link, #navigation2b a.hNav2A:active, #navigation2b a.hNav2A:visited, #navigation2b a.act2 {
display:block;
height:28px;
margin-top:1px;
padding-top:10px;
padding-left:10px;
background-image:url(../layout/bgBut.jpg);
background-repeat:repeat-y;
}
#navigation2 a.hNav2A:hover, #navigation2b a.hNav2A:hover, #navigation2b a.act2 {
background-image:url(../layout/spacer.gif);
}


#subNav {
position:relative;
top:0px;
left:236px;
width:139px;
height:510px;
}
#subNav ul.sNav {
margin:0;
padding:0;
list-style:none;
}
#subNav li.sNavLi {
display:block;
width:139px;
text-align:right;
}

#subNav a.sNavA:link, a.sNavA:active, a.sNavA:visited {
display:block;
height:24px;
margin-top:1px;
padding:5px 5px 0 0;
background-image:url(../layout/bgButSNav.jpg);
background-repeat:repeat-y;
}
#subNav a.sNavA:hover {
background-image:url(../layout/spacer.gif);
}
#subNav a.sNavBest:link, a.sNavBest:active, a.sNavBest:visited {
display:block;
font-weight:bold;
height:28px;
padding-right:5px;
padding-top:12px;
background-image:url(../layout/bgButSNav.jpg);
background-repeat:repeat-y;
}
#subNav a.sNavBest:hover {
background-image:url(../layout/spacer.gif);
}
#subNav a.sNavBestAct:link, a.sNavBestAct:active, a.sNavBestAct:visited {
display:block;
font-weight:bold;
height:28px;
padding-right:5px;
padding-top:12px;
color:#FFFFFF;
background-image:url(../layout/spacer.gif);
background-repeat:repeat-y;
}
#subNav a.sNavBestAct:hover {
background-image:url(../layout/spacer.gif);
}
#subNav a.act:link, a.act:active, a.act:visited {
display:block;
height:24px;
margin-top:1px;
padding:5px 5px 0 0;
background-image:url(../layout/spacer.gif);
background-repeat:repeat-y;
}
#fotos {
position:relative;
top:0px;
left:375px;
width:525px;
height:510px;
}
#fotos h2 {
width:400px;
height:42px;
}

#fotos a {
display:block;
}
#fotos p {
margin:0;
padding:0;
margin: 10px 0 0 46px;
}
#fotos ul.bestButList {
list-style:none;
}
#fotos li.bestBut {
padding:0;
margin:10px 0 0 6px;
height:15px;
}
div.bAnzAll {

}
#bPicbw {
position:relative;
top:490px;
left:50px;
}
#bPicfw {
position:relative;
top:490px;
left:540px;
}
#bPicuw {
position:relative;
top:30px;
left:50px;
}
#inhL {
position:relative;
top:177px;
left:236px;
width:332px;
}
#inhL p {
padding:0;
margin:0;
margin-top:10px;
margin-left:46px;
margin-bottom:20px;
width:276px;
}
#inhR {
position:relative;
top:190px;
left:568px;
width:332px;
}
#inhR p {
padding:0;
margin:0;
margin-left:36px;
margin-bottom:20px;
width:276px;
}
#inhR h1 {
margin:0;
padding:0;
margin-left:36px;
margin-bottom:12px;
}
#inhLR {
float:right;
left:236px;
width:664px;
}
#inhLR p {
margin-left:46px;
margin-bottom:20px;
width:290px;
}
#inhLR p.p-wide {
clear:left;
margin-left:32px;
margin-bottom:20px;
width:590px;
}
#inhLR DIV.p-wide {
clear:left;
margin-left:32px;
margin-bottom:20px;
width:600px;
}
.a-left {
padding-left:5px;
clear:both;
float:left;
line-height:150%;
width:295px;
}
.a-right {
padding-left:5px;
float:right;
line-height:150%;
width:295px;
}
.a-both {
padding-left:5px;
clear:both;
line-height:150%;
width:595px;
}
.a-left, .a-right, .a-both {
display:block;
color:#CCCCCC;
background-color:#656565;
}
.a-left:hover, .a-right:hover, .a-both:hover {
color:#FFFFFF;
background-color:#404040;
}
.a-white {
color:#FFFFFF;
background-color:#404040;
font-weight:bold;
}
#inhLR.home {
height:400px;
background-color:#333333;
}
#div_0, #div_1, #div_2, #div_3, #div_4, #div_5, #div_6 {
position:absolute;
} 
#div_7 { position:relative; top:10px; left:10px; }
#ani-gross {
visibility:hidden;
position:absolute;
padding-top:40px;
text-align:center;
width:585px;
height:322px;
background-color:#000000;
z-index:99;
margin:110px 0 0 40px;
}
* html #ani-gross {
margin: 30px 0 0 -585px;
}
*+html #ani-gross {
margin: 30px 0 0 -585px;
}


#service {
/*height:446px;*/
}
#galerie {
clear:left;
height:786px;
}
.pic-left {
padding-left:32px;
float:left;
}
.pic-right {
padding-left:40px;
float:left;
}
#inhLR div.divL, #inhLR div.divR {
float:left;
}
#inhLR div.divD {
clear:left;
}
#inhLR p.pR, #inhLR p.pL, #inhLR H2 {
width:250px;
margin-left:32px;
}

#navigation-fotos A {
display:block;
float:left;
margin:10px 11px 10px 0;
padding:0;
}
#navigation-fotos A.rechts {
margin:10px 0 10px 0;
}
#navigation-fotos IMG {
padding:0;
}
#karte-animation {
clear:left;
float:left;
width:270px;
height:270px;
border:1px solid #CCCCCC;
margin:30px 10px 50px 40px;
padding:90px 0 0 10px;
}
#karte-text {
float:left;
width:280px;
height:340px;
border:1px solid #CCCCCC;
margin:30px 0 50px 10px;
padding-top:20px;
}
#karte-text P {
margin-left:20px;
margin-bottom:20px;
width:250px;
}

#teaser {
position:relative;
top:0;
left:193px;
width:709px;
padding-top:150px;
height:27px;
text-align:right;
background-repeat:no-repeat;
cursor:pointer;
}
#teaser a.pow {
margin-right:10px;
}
#listOut {
position:relative;
top:370px;
left:46px;
margin-top:30px;
}
#liste {
position:relative;
top:30px;
left:420px;
width:500px;
height:180px;
background-image:url(../layout/bgBest.jpg);
background-repeat:repeat-y;
visibility:hidden;
z-index:77;
overflow:auto;
}
#liste ul.best {
margin:0;
margin-top:10px;
padding:0;
list-style:none;
}
#form {
position:relative;
top:210px;
left:420px;
width:500px;
height:190px;
padding-top:20px;
background-image:url(../layout/bgBest.jpg);
background-repeat:repeat-y;
visibility:hidden;
z-index:79;
}
#form textarea {
width:160px;
height:100px;
}
#prev {
position:relative;
top:40px;
left:720px;
visibility:hidden;
z-index:78;
}
#prev td {
width:100px;
height:100px;
background-color:#000000;
}
div.pvDiv {
margin:0 0 0 46px;
}
div.pvItem {
float:left;
width:100px;
height:100px;
background-color:#000000;
border:#CCCCCC 1px solid;
margin:0 2px 2px 0;
text-align:center;
}
img.pvImgQ {
border:0;
padding-top:20px;
}
img.pvImg {
border:0;
padding-top:10px;
}
#zoomHint {
position:relative;
top:470px;
left:0;
}
#dirs {
position:relative;
top:479px;
left:440px;
width:30px;
height:20px;
}
#dirs a {
width:10px;
float:left;
}
img.tnBestQ {
margin-top:7px;
}
div.tnDiv {
margin:20px 0 0 44px;
}
div.bestDiv {
width:115px;
float:left;
margin:0 0 2px 2px;
background-color:#000000;
}
div.bPic {
width:46px;
height:40px;
text-align:center;
float:left;
}
div.bDat {
width:60px;
float:left;
}
#dirsTn {
position:relative;
top:260px;
left:1px;
}
#bestOpt {
position:relative;
top:300px;
left:1px;
}
#bestOpt li.bestBut {
}
#footerL {
position:relative;
top:512px;
width:182px;
text-align:right;
}
#footerL a {
font-size:9px;
color:#666666;
}
#footerR {
clear:left;
text-align:right;
padding:10px 13px 10px 0;
font-size:9px;
color:#999999;
}
#footerRF {
position:relative;
top:512px;
left:421px;
font-size:9px;
color:#666666;
}
#pow {
position:relative;
top:0px;
left:193px;
visibility:hidden;
}
#pow p {
margin-top: 4px;
padding:0;
}
#powTxt {
visibility:hidden;
position:relative;
left:283px;
top:50px;
width:400px;
z-index:77;
color:#FFFFFF;
background-color:transparent;
font-family:"Times New Roman", Times, serif;
font-size:24px;
line-height:130%;
}
#powTxt2 {
visibility:hidden;
position:relative;
left:284px;
top:51px;
width:400px;
z-index:76;
color:#000000;
background-color:transparent;
font-family:"Times New Roman", Times, serif;
font-size:24px;
line-height:130%;
}
#popup {
position:absolute;
top:250px;
left:320px;
z-index:98;
width:500px;
height:230px;
background-image:url(../bilder/popupbg.jpg);
background-repeat:no-repeat;
color:#000033;
}
#popup A {
color:#000033;
}
#popup P.schliessen {
margin:0;
padding:0;
width:500px;
text-align:right;
}
#popup H1 {
margin:0 0 4px 20px;
padding:0;
font-size:24px;
}
#popup H2 {
margin:0 0 0 20px;
padding:0;
}
#popup P {
margin:10px 0 0 20px;
padding:0;
}
#flyer {
position:absolute;
top:177px;
left:236px;
width:666px;
height:330px;
overflow:auto;
}
#flyer H1 {
font-size:24px;
margin: 32px 0 0 46px;
}
#flyer H2 {
margin: 24px 0 0 46px;
}
#flyer P {
width:400px;
margin: 10px 0 0 46px;
}
#programm {
width:500px;
margin: 10px 0 0 46px;
}
#programm TD {
vertical-align:top;
height:16px;
}
#flyer UL {
margin: 10px 0 0 26px;
}
#kosten {
width:500px;
margin: 10px 0 0 46px;
}
#kosten TD {
vertical-align:top;
padding-bottom:10px;
}
.inp-login {
margin-top:5px;
}
