html{ width: 100%; height: 100%; margin: 0; padding: 0; }

body { background-color: #fff2d9; background-image: url(../basic/backg.jpg); background-repeat: repeat-x; background-position: 50% top; width: 100%; height: 100%; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;}

#head {margin:0 auto;padding:0;width:950px;height:130px;}

#flash{margin-bottom:20px}
#iphonevideo{display:none}
#flash2{margin-bottom:20px}
#iphonevideo2{display:none}

/*Menü*/

#subhead {width:950px;height:35px;margin:0 auto;padding:0;}

#subhead ol {list-style-type:none;margin:10px 0 0 5px;padding:0;width:950px;height:auto;}

#subhead li {float:left;margin: 0px 20px 0px 0px;padding:0px;}

#subhead a.hover {color:#000;font-weight:bold;font-size:12px;background:#f00;}

#subhead span {color: black; font-weight: bold; font-size: 12px; background-color: #ffd700; margin: 0px; padding: 2px 2px 3px 3px; border-right: 5px solid #ffd700; border-left: 10px solid #ffa500;}

#subhead a{color:#808080;font-weight:bold;font-size: 12px;text-decoration: none; background-color: #ffe4b5; margin: 0px; padding: 2px 2px 3px 3px; border-right: 5px solid #ffe4b5; border-left: 10px solid #fc9;}

#subhead a:hover {color: black; background-color: #ffd700; border-right: 5px solid #ffd700; border-left: 10px solid #ffa500;}



#breadcrump { font-size: 10px; width:900px; height:10px; margin:0 auto; padding:10px 25px 0; }

#breadcrump a{ color: black; }



#footer a,#startnews p a, #overview dd a, #detailleft p a,#detailmedlg dd a, #detailleft dd a,#submenue p a, #detailmed a,p#kontaktmed a, p#linkmed table a{ color: #ff4500; font-weight: normal; text-decoration: none; background: url(../basic/marker10px.gif) no-repeat left top; margin: 0; padding-left: 10px }

#footer a:hover,#startnews p a:hover, #overview dd a:hover, #detailleft dd a:hover,#detailmedlg dd a:hover, #detailleft dd a:hover,#submenue p a:hover, #detailmed a:hover,p#kontaktmed a:hover, p#linkmed table a:hover {text-decoration: underline}

#detailleft dd a{background: url(../basic/marker10px.gif) no-repeat left top; }



/*Contentbereich*/

#main{ width: 950px; height: auto; margin: 0 auto 10px; padding: 0; }



/*Fusszeile*/

#footer {clear:left; color: black; font-size: 11px; background: #ffcf63; text-align: center; vertical-align: middle; margin-right: auto; margin-left: auto; padding-top: 4px; padding-bottom: 4px; width: 950px; height:auto; margin-top: 20px; }





/* Startseite + Kontaktseite Links*/



#startleft       { font-size: 11px; float: left; padding: 0; width: 170px ; margin-top: 20px; margin-right: 50px; margin-left: 3px; }

#startleft dl   { float: left; margin: 0 0 10px; padding: 0; width: 160px; height: auto }

#startleft dt { margin: 0px; padding: 0px }

#startleft dt a{ background-image: none; margin: 0; padding: 0; }

#startleft dd { margin: 0px; padding: 0px }

#startleft dt img   { border: solid 2px #ffd700 }

#startleft dd a{ color: #ff4500; font-weight: normal; text-decoration: none; background: url(../basic/marker10px.gif) no-repeat left center; margin: 0; padding-left: 10px }

#startleft dd a:hover{text-decoration: underline}



/* Kontaktseite Rechts*/

#startright       { font-size: 11px; float: right; padding: 0; width: 170px ; margin: 20px 0 50px 3px; }

#startright dl   { float: left; margin: 0 0 10px; padding: 0; width: 160px; height: auto }

#startright dt { margin: 0px; padding: 0px }

#startright dt a{ background-image: none; margin: 0; padding: 0; }

#startright dd { margin: 0px; padding: 0px }

#startright dt img   { border: solid 2px #ffd700 }

#startright dd a{ color: #ff4500; font-weight: normal; text-decoration: none; background: url(../basic/marker10px.gif) no-repeat left center; margin: 0; padding-left: 10px }

#startright dd a:hover{text-decoration: underline}



/*Startseite Mitte*/

#startmed{ font-size: 11px; line-height: 16px; float:left; width:380px  ; padding-top: 20px; padding-bottom: 15px; }

#startmed h1{ font-size: 11px; line-height: 16px; margin: 0 0 12px; padding: 0; }

#startmed p{ margin: 0; padding: 0; }

#startmed p#kontaktmed{ text-align: center; width:350px; margin-right: auto; margin-left: auto; }

#startmed p#kontaktmed strong{font-size: 13px}

#startmed p#kontaktmed img{border:0}

#startmed p#kontaktmed a{font-size:11px}

#startmed p#linkmed{width:350px; margin-right: auto; margin-left: auto; }

#startmed p#linkmed table{margin-top:0px;padding-top: 0px;float:left}



/*Startseite News*/

#startnews  {float:left;font-size: 11px; margin-left:119px; margin-top: 20px; padding: 0px 0px 10px; border: solid 4px #ffd700; width: 220px; height: auto }

#startnews dl {width:220px;}

#startnews dt img  { border: solid 2px #ffd700 }

#startnews h1    {color: white; font-weight: bolder; font-size: 13px; background-color: #ffa500; text-align: center; letter-spacing: 2px; margin: 0; padding: 0; width: 220px; height: auto }

#startnews h2  { font-weight: bolder; font-size: 11px; margin: 10px 0px 0px 5px; padding: 0px; width: auto; height: auto;}

#startnews p { line-height: 14px; margin: 0; padding: 0 10px 0 5px; }

#startnews p a{ line-height: 25px; float:right;background: url(../basic/marker10px.gif) no-repeat left center; }

#startnews p span{ font-size: 10px; line-height: 25px; }



/*Seite Überblick Puppenspieler*/

#overview{ font-size: 12px; line-height: 18px; margin-left: auto; padding-top: 10px; width: 950px; height: auto; margin-right: auto; }

#overview dl { background-color: #ffebcd; float: left; margin: 10px 15px 20px 20px; padding: 10px 5px 5px 8px; width: 168px; height: 268px; overflow: hidden; }

#overview dt { margin: 0px; padding: 0px }

#overview dd  { font-size: 11px; line-height: 14px; margin: 0; padding: 0  }

#overview dt img { padding: 0px;border: solid 2px #ffd700;margin-bottom: 5px; }



/*Details*/

#detail{ font-size: 12px; line-height: 18px; width: 950px; height: auto; margin: 0 auto 10px; }



/*Linke Spalte*/

div#detailleft{ width:208px; height: auto; float:left; margin-top: 10px; margin-right:35px; }

/*Ohne Bild* puppenspieler.php*/

#detailleft p { font-size: 11px; line-height: 15px;background-color: #ffebcd; float: left; padding: 10px 5px 5px 8px; width: 168px; height: auto; overflow: hidden; margin: 10px 15px 20px 20px; }



/*mitbild Bild* workshops.php*/

#detailleft dl { background-color: #ffebcd; float: left; padding: 10px 5px 5px 8px; width: 168px; height: auto; overflow: hidden; margin: 10px 15px 20px 20px; }*/

#detailleft dt { margin: 0px; padding: 0px }

#detailleft dd  { font-size: 11px; line-height: 14px; margin: 0; padding: 0  }

#detailleft dt img { padding: 0px;border: solid 2px #ffd700;margin-bottom: 5px; }



div#detailmed{ font-size: 11px; width:355px; float:left; margin-top:20px }

#detailmed h1{ font-size: 12px; padding-bottom: 5px; border-bottom: 1px solid #ffd700; }

#detailmed img{border: solid 2px #ffd700}

#detailmed img.cleft{ float: left; margin: 4px 6px 4px 0; border: solid 1px #ffd700  }

#detailmed img.cright { float: right; margin: 4px 0 4px 6px; border: solid 1px #ffd700; }

#detailmed hr{ color: #ffd700; height: 1px; margin: 0; padding: 0; }

#detailmed p{ padding-bottom: 20px; border-bottom: 1px solid #ffd700; }

#detailmed p.pictext{ margin: 5px 0 0; border-bottom: 0 none #ffd700; }



div#detailmedlg{ width:600px; float:left; margin-top:0; padding-top: 10px; }

#detailmedlg dl { background-color: #ffebcd; float: left; margin: 10px 15px 20px 20px; padding: 10px 8px; width: 230px; height: auto; overflow: hidden; }

#detailmedlg dt { margin: 0px; padding: 0px }

#detailmedlg dd  { font-size: 11px; line-height: 14px; margin: 0; padding: 0  }

#detailmedlg dt img { padding: 0px;border: solid 2px #ffd700;margin-bottom: 5px; }





/*Galerie*/

#galerie{float: right; margin-top: 20px; width: 334px; height: 364px; overflow: auto; scrollbar-arrow-color: #DAA520; scrollbar-face-color: #FAEBD7; scrollbar-highlight-color: #FFD700; scrollbar-shadow-color: #FFA500; scrollbar-track-color: #FAEBD7 }

#galerie a:link      { text-decoration: none; margin: 0px; padding: 0px }

#galerie a:visited  { text-decoration: none; background-color: navy; margin: 0px; padding: 0px }

#galerie a:hover  { text-decoration: none; background-color: navy; margin: 0px; padding: 0px }

#galerie div            { font-size: 80px; background-color: #ffd700; text-align: center; vertical-align: middle; float: left; padding:0px;margin: 0px; margin-left:1px;border: solid 1px #ffd700; width: 100px; height: 100px; display: table-cell }

#galerie div.leer   { font-size: 80px; background-color: transparent; text-align: center; vertical-align: middle; float: left; margin: 2px; border: none 1px; width: 100px; height: 100px; display: table-cell }

#galerie div.anchor          { background-color: #ffd700; margin-top: 0; margin-bottom: 0; width: 312px; height: 1px }

#galerie div a:link    { background: #ffebcd url('(EmptyReference!)'); text-align: center; vertical-align: middle; float: left; width: 100px; height: 100px }

#galerie div a:visited { background: #ffebcd url('(EmptyReference!)'); text-align: center; vertical-align: middle; float: left; width: 100px; height: 100px }

#galerie div a:hover { background: #ffd700 url('(EmptyReference!)'); text-align: center; vertical-align: middle; float: left; width: 100px; height: 100px }

#galerie img     { vertical-align: middle; border: 0; }





/*Seite rechts Submenue*/

#submenue  {float:left;font-size: 11px; margin-left:119px; margin-top: 20px; padding: 0px 0px 10px; border: solid 4px #ffd700; width: 220px; height: auto }

#submenue dl {width:220px;}

#submenue dt img  { border: solid 2px #ffd700 }

#submenue h1    {color: white; font-weight: bolder; font-size: 13px; background-color: #ffa500; text-align: center; letter-spacing: 2px; margin: 0 0 10px; padding: 0; width: 220px; height: auto }

#submenue h2  { font-weight: bolder; font-size: 11px; margin: 10px 0px 0px 5px; padding: 0px; width: auto; height: auto;}

#submenue p { line-height: 17px; margin: 0; padding: 0 10px 0 5px; }

#submenue p span{ padding-left:10px }