@import url("reset.css");


/* ************************************
stelzenart style sheet
************************************ */

body {
background-color:#DBC395;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

p
{
font-family: Georgia, Times;
font-size: 0.9em;
font-color: #000000;
margin-top:0.7em;
font-style:italic;
}


.jahr {
font-size:1.2em;
font-style:italic;
color:#161867;
}



a:link {
text-decoration:none;
color:#AF381C;
}
a:visited {
color: #A01C1D;
text-decoration:none; }

a:hover {
text-decoration:none;
color: #A01C1D;
}

h4 {
font-family: Arial;
font-size:1.4em;
letter-spacing: 1.2em;
}

h3 {
padding-top:20px;
color:#BD1A25;
font-size:1.6em;
font-weight:100;
}

#content p
{
text-align:justify;
}


#content {
        position:absolute;
        left:280px;
        top:190px;
        width:600px;
        padding-bottom:100px;
}

#content_ueber {
        position:absolute;
        left:30px;
        top:20px;
        width:600px;
        padding-bottom:100px;
}



#content_ref {
        position:absolute;
        left:40px;
        top:10px;
        width:600px;
        margin-bottom:100px;
}

#content_ref h3 {
font-size:1.6em;
font-weight:100;
border-bottom:solid 1px #CA191A;
padding-bottom: 5px;
width: 600px;
}

#content_ref ul {
font-style:italic;
font-size: 0.9em;
list-style-position:outside;
margin-left:20px;
}


#content_links {
        position:absolute;
        left:40px;
        top:50px;
        width:600px;
        padding-bottom:100px;
}

#content_term {
        position:absolute;
        left:0px;
        top:0px;
        width:700px;
        padding-bottom:100px;
        font-family: times, serif;
        font-size:12px;
}

#content_term a:link {
text-decoration:underline;
color:#B8381B;
}

#content_term a:hover {
text-decoration:none;
color:#368F1B;
}

#content_term2 {
        position:absolute;
        left:250px;
        top:180px;
        width:720px;
        background-image:url(../bilder/tab_header.jpg);
        background-position:0px 0px;
        background-repeat:no-repeat;
}

#content_term2 iframe {
               width:730px;
        margin-top:40px;
        margin-left:0px;
        font-family: times, serif;
        font-size:12px;
}

#content_term td {
        border-bottom: 1px solid #96886E;
        padding-left:2px;
}
#content_kontakt {
        position:absolute;
        width:95%;
        left: 10px;
        top: 500px;
        right:10px;
         padding:8px;
         text-align:center;
         vertical-align:middle;
         background-color:#DBC395;
         border: dotted 1px white;
}

#content_stelzenart {
        position:absolute;
        left:0px;
        top:25px;
        width:600px;
        padding-bottom:100px;
}


#navigation {

/*         position:fixed; */

        left:0px;
        top:0px;
        width:247px;
        height:600px;
}

#galerie {
height:300px;
vertical-align:top;
padding:20px;
white-space:nowrap;
}

#galerie img {
margin-right:20px;
border:1px solid #000000;
}

#backstage {
position:absolute;
top:20px;
left:50px;
}


#backstage img {
margin:10px;
border:2px solid #000000;
}

#backstage_gal img {
margin-left:50px;
border:2px solid #000000;
float:left;
}

#back_gal_nav {
position:absolute;
bottom:20px;
left:40px;
}

/* ****************************************************
infobox der kostueme
********************************************************/

div#detail
{
position:absolute;
top:510px;
left:8px;
width:97%;
border-top: solid 1px #DBC395;
border-bottom:solid 1px #DBC395;
padding:5px;
font-family:times;
font-size:16px;
font-style:italic;
background-color:#F8F1DF;
}

div#figurenname
{
margin: 0; padding: 0;
font-weight:400;
width:160px;
float: left;
font-size:19px;
font-style:normal;

}

div#figureninfo
{
margin: 0 0 0 160px;
min-height:50px;
padding: 0 0.3em 0 0.3em;
font-weight:thin;
border-left:dotted 1px #DBC395;
}

div#fort a:link
{
margin-left:4px;
text-decoration:none;
color:black;
}

div#fort a:visited
{
margin-left:4px;
text-decoration:none;
color:#684D16;
}

div#fort a:hover
{
margin-left:4px;
text-decoration:none;
color:red;
}

/* ***************************************************
Ende infobox der kostueme
*******************************************************/

div#weiter {
position:absolute;
top: 150px;
right: 20px;
width:100px;
height:42px;
border-top:2px solid #DBC395;
border-bottom:2px solid #DBC395;
}

div#video {
position:absolute;
top: 300px;
right: 20px;
width:100px;
height:42px;
border-top:2px solid #DBC395;
border-bottom:2px solid #DBC395;
}

div#video1 {
position:absolute;
top: 350px;
right: 20px;
width:100px;
height:42px;
border-top:2px solid #DBC395;
border-bottom:2px solid #DBC395;
}

div#zurueck {
position:absolute;
top: 192px;
right: 20px;
width:100px;
height:42px;
border-bottom:2px solid #DBC395;
}

div#mehrbilder {
position:absolute;
top: 240px;
right: 20px;
width:100px;
height:42px;
border-top:2px solid #DBC395;
border-bottom:2px solid #DBC395;
}

div#drachen_var {
position:absolute;
top:370px;
right:20px;
width:250px;
text-align:right;
font-size: 12px;
font-style: italic;
line-height:120%;
padding-top:5px;
padding-bottom:5px;
border-top: solid 1px #DBC395;
border-bottom:solid 1px #DBC395;
}

div#drachen_var a:link
{
margin-left:4px;
text-decoration:none;
color:black;
}

div#drachen_var a:visited
{
margin-left:4px;
text-decoration:none;
color:#684D16;
}

div#drachen_var a:hover
{
margin-left:4px;
text-decoration:none;
color:red;
}

div#allefiguren
{
position:absolute;
margin-top:150px;
margin-left:350px;
font-family:times;
font-style:italic;
}
div#uebersicht
{
position:absolute;
width:630px;
top:185px;
left:275px;
padding-bottom:50px;
}

.vorschau
{
width:150px;
height:150px;
text-align:center;
float:left;
margin-top:0px;
margin-right:30px;
margin-left:10px;
margin-bottom:10px;
}

.vorschau p
{
margin-top:0px;
}

.vor_name {
font-size: 1em;
}

div#promo
{
height:180px;
padding-bottom:10px;
border-bottom:2px solid #DBC395;
}

#videovor {
        position:absolute;
        left:5px;
        top:5px;
        width:130px;
        font-size:12px;
        }


#show {
        position:absolute;
        left:20px;
        top:30px;
        vertical-align:top;
        }

#tube {
border: solid 5px white;
width: 480px;
height: 350px;
float:left;
}