*, html {
    padding: 0;
    margin: 0;
}

body { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color: #A3A3A3; background-color: #1e1e1e; } 


/* header */	
#verlauf { height: 120px; width: 100%; background-image: url(images/verlauf_d1.jpg); overflow:visible; background-repeat: repeat-y; background-color: #272324; z-index: 1; position: fixed }

#logo { height: 120px; overflow:hidden; z-index: 2; }

#verlauf1 { height: 120px; width: 100%; background-image: url(images/header_artwork.jpg); background-repeat: repeat-y; overflow:visible; background-color: #000000; z-index: 1; position: fixed }

#logo1 { height: 120px; overflow:hidden; z-index: 2; }

#header1 { height: 100%; width: 100%; top: 120px; left: 0px; position: absolute; background-color: #1e1e1e; z-index: 0; }

#neu { background: url(images/newartist.png) no-repeat; height: 25px; width: 102px; top: 78px; left: -24px; position: absolute; z-index: 500; }
#neu2 { background: url(images/newartist.png) no-repeat; height: 25px; width: 102px; top: 118px; left: -24px; position: absolute; z-index: 501; }
#neu3 { background: url(images/newworks.png) no-repeat; height: 25px; width: 102px; top: 158px; left: -24px; position: absolute; z-index: 502; }
#neu4 { background: url(images/newworks.png) no-repeat; height: 25px; width: 102px; top: 198px; left: -24px; position: absolute; z-index: 503; }



#klose_v { height: 80px; width: 86px; top: 185px; left: 1025px; position: absolute; z-index: 504; }
#klose_h { height: 80px; width: 86px; top: 185px; left: 1114px; position: absolute; z-index: 504; }
#klose_w { height: 80px; width: 86px; top: 185px; left: 1144px; position: absolute; z-index: 504; }


/* pflichtangaben */	
.pflicht { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #A3A3A3; }
.pflicht1 { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color: #e20026; } 
    

/*  content index.html */	
#viewall { top: 115px; left: 343px; position: absolute; background-color: #1e1e1e; z-index: 4; } 

#danke { top: 180px; left: 45px; position: absolute; background-color: #1e1e1e; z-index: 3; } 

h1 { font-size: 12px; text-transform: uppercase; padding-top: 10px; }
	
h2 { font-size: 12px; text-transform: uppercase; padding-top: 10px; color: #FFFFFF; }

.white { font-size: 12px; color: #FFFFFF }


/*  navigationselemente */
#nav { top: 70px; left: 35px; position: absolute; background-color: #1e1e1e; z-index: 3; }
#back { top: 70px; left: 343px; position: absolute; background-color: #1e1e1e; z-index: 6; }

/*  content zoom, order vertical image */
#vertical {};
#vertical #infobox { top: 420px; left: 120px; position: absolute; background-color: #da147c; width: 224px; height: 88px; z-index: 15; }

#vertical #img { background: #1e1e1e url(images/img_bgv.gif) no-repeat; top: 115px; left: 343px; position: absolute; padding: 20px; padding-bottom: 45px; width: 360px; height: 510px; z-index: 6; }	
#vertical #form { top: 115px; left: 728px; position: absolute; background-color: #1e1e1e; width: 350px; z-index: 7; }
#vertical #txt_l { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 340px; z-index: 4; }
#vertical #txt_r { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 310px; z-index: 5; }


/*  content zoom, order vertical image 1 */
#vertical1 {};
#vertical1 #infobox { top: 435px; left: 120px; position: absolute; width: 224px; height: 88px; z-index: 15; }

#vertical1 #img { background: #1e1e1e url(images/img_bgv1.gif) no-repeat; top: 115px; left: 343px; position: absolute; padding: 20px; padding-bottom: 45px; width: 360px; height: 510px; z-index: 6; }	
#vertical1 #form { top: 115px; left: 728px; position: absolute; background-color: #1e1e1e; width: 350px; z-index: 7; }
#vertical1 #txt_l { top: 640px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 340px; z-index: 4; }
#vertical1 #txt_r { top: 640px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 310px; z-index: 5; }



/*  content zoom, order sg8.php, stephan_geisler_12 */
#long {};
#long #infobox { top: 515px; left: 120px; position: absolute; background-color: #da147c; width: 224px; height: 88px; z-index: 15; }

#long #img { background: #1e1e1e url(images/img_bgl.gif) no-repeat; top: 115px; left: 343px; position: absolute; padding: 20px; padding-bottom: 45px; width: 320px; height: 620px; z-index: 6; }	
#long #form { top: 115px; left: 728px; position: absolute; background-color: #1e1e1e; width: 310px; z-index: 7; }
#long #txt_l { top: 620px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 340px; z-index: 4; }
#long #txt_r { top: 620px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 310px; z-index: 5; }

/*  content zoom, order sg8.php, stephan_geisler_12 */
#longsgn {};
#long #infobox { top: 500px; left: 120px; position: absolute; background-color: #da147c; width: 224px; height: 88px; z-index: 15; }

#longsgn #img { background: #1e1e1e url(images/img_bgl.gif) no-repeat; top: 115px; left: 343px; position: absolute; padding: 20px; padding-bottom: 45px; width: 320px; height: 620px; z-index: 6; }	
#longsgn #form { top: 115px; left: 728px; position: absolute; background-color: #1e1e1e; width: 310px; z-index: 7; }
#longsgn #txt_l { top: 620px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 340px; z-index: 4; }
#longsgn #txt_r { top: 620px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 310px; z-index: 5; }


/*  content zoom, order horizontal image */
#horizontal {};
#horizontal #infobox { top: 295px; left: 220px; position: absolute; width: 230px; height: 88px; z-index: 15; }

#horizontal #img { background: #1e1e1e url(images/img_bgh.gif) no-repeat; top: 115px; left: 343px; position: absolute; padding: 20px; padding-bottom: 45px; width: 410px; height: 380px; z-index: 7; }
#horizontal #form { top: 115px; left: 818px; position: absolute; background-color: #1e1e1e; width: 340px; z-index: 6; }
#horizontal #txt_l { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 410px; z-index: 4; }
#horizontal #txt_r { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 310px; z-index: 5; }


/*  content zoom, order horizontal image 1 */
#horizontal1 {};
#horizontal1 #infobox { top: 284px; left: 220px; position: absolute; width: 230px; height: 88px; z-index: 15; }

#horizontal1 #img { background: #1e1e1e url(images/img_bgh1.gif) no-repeat; top: 115px; left: 343px; position: absolute; padding: 20px; padding-bottom: 45px; width: 410px; height: 370px; z-index: 7; }
#horizontal1 #form { top: 115px; left: 818px; position: absolute; background-color: #1e1e1e; width: 340px; z-index: 6; }
#horizontal1 #txt_l { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 410px; z-index: 4; }
#horizontal1 #txt_r { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 310px; z-index: 5; }



/*  content zoom, order sg13.php, stephan_geisler_13 */
#wide {};
#wide #infobox { top: 195px; left: 220px; position: absolute; background-color: #da147c; width: 230px; height: 88px; z-index: 15; }

#wide #img { background: #1e1e1e url(images/img_bgw.gif) no-repeat; top: 115px; left: 343px; position: absolute; padding: 20px; padding-bottom: 45px; width: 410px; height: 380px; z-index: 7; }
#wide #form { top: 115px; left: 818px; position: absolute; background-color: #1e1e1e; width: 340px; z-index: 6; }
#wide #txt_l { top: 600px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 410px; z-index: 4; }
#wide #txt_r { top: 600px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 310px; z-index: 5; }


/*  content zoom, order wide */
#wide1 {};
#wide1 #infobox { top: 205px; left: 220px; position: absolute; width: 230px; height: 88px; z-index: 15; }

#wide1 #img { background: #1e1e1e url(images/img_bgw.gif) no-repeat; top: 115px; left: 343px; position: absolute; padding: 20px; padding-bottom: 45px; width: 410px; height: 380px; z-index: 7; }
#wide1 #form { top: 115px; left: 818px; position: absolute; background-color: #1e1e1e; width: 340px; z-index: 6; }
#wide1 #txt_l { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 410px; z-index: 4; }
#wide1 #txt_r { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 310px; z-index: 5; }


/*  content zoom, order extra wide ps */
#wide2 {};
#wide2 #infobox { top: 225px; left: 220px; position: absolute; width: 230px; height: 88px; z-index: 15; }

#wide2 #img { background: #1e1e1e url(images/img_bgw2.gif) no-repeat; top: 115px; left: 343px; position: absolute; padding: 20px; padding-bottom: 45px; width: 450px; height: 450px; z-index: 7; }
#wide2 #form { top: 115px; left: 848px; position: absolute; background-color: #1e1e1e; width: 340px; z-index: 6; }
#wide2 #txt_l { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 410px; z-index: 4; }
#wide2 #txt_r { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 310px; z-index: 5; }


/*  content zoom, order ay quad */
#quad {};
#quad #infobox { top: 350px; left: 220px; position: absolute; width: 230px; height: 88px; z-index: 15; }

#quad #img { background: #1e1e1e url(images/img_bgq.gif) no-repeat; top: 115px; left: 343px; position: absolute; padding: 20px; padding-bottom: 45px; width: 410px; height: 450px; z-index: 7; }
#quad #form { top: 115px; left: 818px; position: absolute; background-color: #1e1e1e; width: 340px; z-index: 6; }
#quad #txt_l { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 410px; z-index: 4; }
#quad #txt_r { top: 630px; left: 0px; position: absolute; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; color: #545454; width: 310px; z-index: 5; }



/* data check */
#datacheck { top: 115px; left: 343px; position: absolute; padding: 20px; padding-bottom: 45px; width: 360px; height: 510px; z-index: 6; }	


/*  form */
input, select, textarea { color:#1e1e1e }
.Bereich, .Feld { background-color:#a0a0a0; width:200px; border:1px solid #a0a0a0; }
.Auswahl { background-color:#a0a0a0; width:200px; border:1px solid #a0a0a0; }
.Check, .Radio { border:0; }
.Button { background-color:#a0a0a0; color:#1e1e1e; width:90px; border:1px solid #a0a0a0; }


/*  link style */	
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:#ffffff; }

/* Link style standard */
link {color: #ffffff; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none}

A:link {color: #ffffff; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none}
A:visited {color: #ffffff; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px font-weight: normal; text-decoration: none}
A:active {color: #ffffff; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px font-weight: normal; text-decoration: none}
A:hover {color: #6c625b; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px font-weight: normal; text-decoration: none}

/* Link style navi */
navs.link {color: #3e3935; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none}

A.navs:link {color: #3e3935; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none}
A.navs:visited {color: #3e3935; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px font-weight: normal; text-decoration: none}
A.navs:active {color: #3e3935; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px font-weight: normal; text-decoration: none}
A.navs:hover {color: #6c625b; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px font-weight: normal; text-decoration: none}



#verlauf_footer { height: 40px; top: 700px; left: 0px; position: relative; background-image: url(images/verlauf_d.jpg); background-repeat: repeat-y; background-color: #272224; z-index: 16; }

/* Gallery pages */
#gallery {
}

#gallery img {
    border: 0px;
}

#gallery .item_right {
    float:left;
}

#gallery .item_left {
    margin: 0 70px 0 0;
    float:left;
}

#gallery .dropshadow_head {
    width: 332px;
    height: 4px;
    background-image: url(images/dropshadow_head.png);
    background-repeat: no-repeat;
}

#gallery .dropshadow_body {
    width: 350px;
    overflow: hidden;
    background-image: url(images/dropshadow_bg.png);
    background-repeat: repeat-y;
}

#gallery .dropshadow_footer {
    width: 332px;
    height: 5px;
    background-image: url(images/dropshadow_footer.png);
    background-repeat: no-repeat;
}

#gallery .img {
    padding: 22px 22px 63px 22px;
    float: left;
}

#gallery .row {
    margin: 0 0 75px 0;
}

#gallery #content {
    width: 770px;
    position: absolute;
    left: 343px;
    top: 122px;
}

#gallery .infobox {
    position: relative;
    top: -83px;
    left: 130px;
    width: 225px;
}

#gallery #back {
    color: #ffffff;
    font-size: 15px;
    vertical-align: middle;
    height: 21px;
    vertical-align: middle;
}

#gallery #back img {
    vertical-align: text-bottom;
}

/* Text pages */
#textcontent {
    top: 55px;
    left: 343px;
    position: absolute;
    padding: 20px 0 45px 0;
    width: 550px;
}

#textcontent h2 {
    font-weight: normal;
    font-size: 15px;
    margin: 15px 0 5px 0;
}

#textcontent h3 {
    font-weight: normal;
    font-size: 13px;
    margin: 10px 0 3px 0;
    color: #ffffff;
}

#textcontent p {
    margin: 0 0 10px 0;
}
