/*

ANLTEIUNG ZUM ERSTELLEN EINES MENUS MIT SCHWARZEN ODER GRAUEN LINKS UND ROTEM HOVER:
- gib dem div die klasse class="menu" (für schwarze links) oder classs="menu-grau" (für graue links)
- wichtig: die eigenschaft class="menu" muss um den link geschlossen werden
- beispiel: <div class="menu"><a href="link">lihnkname</a></div>

ALLGEMEINE FORMATIERUNGEN
*/

* { padding: 0; margin: 0; } 

html { height:95%; } /*position fix für opera und v-scroll fix für FF bei apple */

body {
 font-family: font-family: "Times New Roman", Times, serif;
 margin-left: 40px;
 float: left;
 top: 50%;
 position: absolute;
 margin-top: -280px;
 /*height: 100%;  entfernt lassen! */ /*entfernen falls probleme mit zentrierung vertikal!*/
}

#spalte-1px {
 width: 1px;
 height: auto;
 margin: 0px;
 float: left;
 position: relative;
}


#spalte-variabel {
 width: auto;
 height: auto;
 margin: 0px 80px 0px 0px;
 float: left;
 position: relative;
}

#spalte-variabel-50 {
 width: auto;
 height: auto;
 float: left;
}

#rahmenschwarz-spalte-variabel {
 width: auto;
 margin: 0px 80px 0px 0px;
 float: left;
 vertical-align: middle;
 padding: 60px;
 background: #000000;
 position: relative;
}

#textspalte-200 {
 float: left;
 width: 200px;
 height: 565px;
 margin: 0px;
 text-align: justify;
 line-height: 18px;
 vertical-align: middle;
}

#textspalte-300 {
 float: left;
 width: 320px;
 height: 565px;
 margin: 0px;
 text-align: justify;
 line-height: 18px;
 vertical-align: middle;
}

#textspalte-300-middle {
 float: left;
 width: 320px;
 height: 565px;
 margin: 0px;
 text-align: center;
 line-height: 18px;
 vertical-align: middle;
 position: relative;
}

#textspalte-400 {
 float: left;
 width: 400px;
 height: 565px;
 margin: 0px;
 text-align: justify;
 line-height: 18px;
 vertical-align: middle;
}


#spalte-abstand50 {
 float: left;
 width: 50px;
 color: white;
 height: 565px;
}

#spalte-abstand40 {
 float: left;
 width: 40px;
 color: white;
 height: 565px;
}

#spalte-abstand80 {
 float: left;
 width: 80px;
 color: white;
 height: 565px;
}

#spalte-abstand100 {
 float: left;
 width: 100px;
 color: white;
 height: 565px;
}

#spalte-abstand300 {
 float: left;
 width: 300px;
 color: white;
 height: 565px;
}

#spalte-line {
 position: relative;
 top: 100px;
 float: left;
 width: 1px;
 height: 250px;
 background-color: #CCCCCC;
 vertical-align: middle;
}

#titel-nr {
width: 40px;
float: left;
font-size: 14px; 
color: #b7b7b7; 
font-weight: bold;
}


#titel-text200 {width: 160px; float: left; height: 40px; }
#titel-text300 {width: 275px; float: left; height: 40px; }
#titel-text400 {width: 360px; float: left; height: 40px; }


/* GRÖSSENANGABEN FÜR DIE EINZELNEN SEITEN */

#border-test {
 margin: 0 auto;
 height: 565px;
 width: 1800px;
 overflow: hidden;
 position: relative;
 background-color:#CCCCCC;
 vertical-align: middle;
}

#spalte-cover-test { 
 float: left;
 width: 593px;
 height: 565px;
 margin: 5px;
 vertical-align: middle;
 background-color:#006699;
}

#spacer { height: 565px; width: 1px; background-color: black;  vertical-align: middle;}
#mitteinhalt {width: auto; background-color:#00FF99; position: relative; vertical-align: middle;}

.middle {vertical-align: middle;}
.middle-start {vertical-align: middle; font-size: 565px; margin-right: -130px;}

#border-photo {
 margin: 0 auto;
 height: 565px;
 width: 2700px;
 overflow: hidden;
 position: relative;
}

#border-polaroid {
 margin: 0 auto;
 height: 565px;
 width: 2700px;
 overflow: hidden;
 position: relative;
}


#border-shop {
 margin: 0 auto;
 height: 565px;
 width: 1050px;
 overflow: hidden;
 position: relative;
}

#border-about {
 margin: 0 auto;
 height: 565px;
 width: 1050px;
 overflow: hidden;
 position: relative;
}


/* DEUX.HTML*/
#border-deux { 
 margin: 0 auto;
 height: 565px;
 width: 1050px; /* BREITE DER SEITE */
 overflow: hidden;
 position: relative;
}

#spalte-cover-standard {
 float: left;
 width: 593px;
 margin: 5px;
}

#spalte-cover-schmal {
 float: left;
 width: 110px;
 margin: 5px;
}

#spalte-cover-abstand {
 float: left;
 width: 100px;
 color: white;
 height: 565px;
}

#spalte-inhaltsverzeichnis {
 float: left;
 width: 280px;
}

#spalteninhalt-inhaltsverzeichnis-top-gross {
 width: 200px;
 height: 350px;
 float: left;
 font-size: 12px;
 color: #bf254d;
}

#spalteninhalt-inhaltsverzeichnis-top {
 width: 200px;
 height: 250px;
 float: left;
 font-size: 12px;
 color: #bf254d;
}

#spalteninhalt-inhaltsverzeichnis-nr {
 width: 40px;
 height: 125px;
 float: left;
 font-size: 14px;
 line-height: 26px;
 color: #b7b7b7;
 font-weight: bold;
 overflow: hidden;
}

#spalteninhalt-inhaltsverzeichnis-nr2 {
 width: 40px;
 line-height: 16px;
 float: left;
 margin-top: 30px;
 font-size: 14px;
 color: #b7b7b7;
 font-weight: bold;
}

#spalteninhalt-inhaltsverzeichnis-text {
 width: 230px;
 float: left;
 height: 125px;
 line-height: 25px;
 overflow: hidden;
}

#spalteninhalt-inhaltsverzeichnis-text2 {
 margin-top: 30px;
 width: 230px;
 float: left;
 font-size: 14px; 
 line-height: 16px;
}

#spalteninhalt-inhaltsverzeichnis-top-deux {
 width: 280px;
 height: 300px;
 float: left;
 font-size: 12px;
 color: #bf254d;
}

#spalteninhalt-inhaltsverzeichnis-bottom {
 width: 280px;
 height: 50px;
 float: left;
 font-size: 12px;
 margin-top: 20px;
}

/*PHOTO.HTML*/
#spalteninhalt-inhaltsverzeichnis-top-photo {
 width: 280px;
 height: 350px;
 float: left;
 font-size: 12px;
 color: #bf254d;
}

#spacer-photo {
height: 30px;
width: 500px;
}

#spalte-series {
 width: 1200px;
 float: left;
}

#titel-text-series {
width: 275px;
height: 40px;
}

#spalte-series-einzelne-erster {
 width: 200px;
 margin: 5px 30px 5px 0px;
}

#spalte-series-einzelne {
 width: 200px;
 margin: 5px 30px 5px 0px;
 float: left;
}

#spalte-marlene {
 width: 210px;
 float: left;
 padding-left: 15px;
 margin-left: 15px;
}


/*UNDULANT -> INDEX.HTML*/
#border-undulant {
 margin: 0 auto;
 height: 565px;
 width: 5500px;
 overflow: hidden;
 position: relative;
}

/*UNTER DER OBERFLÄCHE -> INDEX.HTML*/
#border-uts {
 margin: 0 auto;
 height: 565px;
 width: 5800px;
 overflow: hidden;
 position: relative;
}

/*PAINTED -> INDEX.HTML*/
#border-pm {
 margin: 0 auto;
 height: 565px;
 width: 8000px;
 overflow: hidden;
 position: relative;
}

/*ZUM URSPRUNG -> INDEX.HTML*/
#border-urs {
 margin: 0 auto;
 height: 565px;
 width: 16000px;
 overflow: hidden;
 position: relative;
}

/*SIREN -> INDEX.HTML*/
#border-siren {
 margin: 0 auto;
 height: 565px;
 width: 4200px;
 overflow: hidden;
 position: relative;
}

/*DISPLACED -> INDEX.HTML*/
#border-graz {
 margin: 0 auto;
 height: 565px;
 width: 7800px;
 overflow: hidden;
 position: relative;
}

/*VESPERTINE -> INDEX.HTML*/
#border-vespertine {
 margin: 0 auto;
 height: 565px;
 width: 10500px;
 overflow: hidden;
 position: relative;
}

/*AFTER DINNER -> INDEX.HTML*/
#border-din {
 margin: 0 auto;
 height: 565px;
 width: 7000px;
 overflow: hidden;
 position: relative;
}

/*SWEDEN -> INDEX.HTML*/
#border-sweden {
 margin: 0 auto;
 height: 565px;
 width: 4800px;
 overflow: hidden;
 position: relative;
}

/*BATHROOM -> INDEX.HTML*/
#border-bathroom {
 margin: 0 auto;
 height: 565px;
 width: 5500px;
 overflow: hidden;
 position: relative;
}

#spalte-variabel-bath {
 width: auto;
 height: auto;
 margin: 0px 5px 0px 0px;
 float: left;
}

/*GARDEN -> INDEX.HTML*/
#border-garden {
 margin: 0 auto;
 height: 565px;
 width: 3400px;
 overflow: hidden;
 position: relative;
}

/*RAT -> INDEX.HTML*/
#border-rat {
 margin: 0 auto;
 height: 565px;
 width: 3900px;
 overflow: hidden;
 position: relative;
}

/*FIELDS -> INDEX.HTML*/
#border-fields {
 margin: 0 auto;
 height: 565px;
 width: 5800px;
 overflow: hidden;
 position: relative;
}

/*FRIEND -> INDEX.HTML*/
#border-rich {
 margin: 0 auto;
 height: 565px;
 width: 5800px;
 overflow: hidden;
 position: relative;
}

/*INSIDE OUTSIDE -> INDEX.HTML*/
#border-inout {
 margin: 0 auto;
 height: 565px;
 width: 4700px;
 overflow: hidden;
 position: relative;
}

/*BLACK SILVER -> INDEX.HTML*/
#border-mblack {
 margin: 0 auto;
 height: 565px;
 width: 14600px;
 overflow: hidden;
 position: relative;
}

/* WATER -> INDEX.HTML*/
#border-mwater {
 margin: 0 auto;
 height: 565px;
 width: 4400px;
 overflow: hidden;
 position: relative;
}

/* BEACH -> INDEX.HTML*/
#border-mbeach {
 margin: 0 auto;
 height: 565px;
 width: 3900px;
 overflow: hidden;
 position: relative;
}


/* DOC SER 1 -> INDEX.HTML*/
#border-docser1 {
 margin: 0 auto;
 height: 565px;
 width: 31000px;
 overflow: hidden;
 position: relative;
}


/* DOC SER 2 -> INDEX.HTML*/
#border-docser2 {
 margin: 0 auto;
 height: 565px;
 width: 29500px;
 overflow: hidden;
 position: relative;
}



/* DOC SER 3 -> INDEX.HTML*/
#border-docser3 {
 margin: 0 auto;
 height: 565px;
 width: 11500px;
 overflow: hidden;
 position: relative;
}



/*POLAROID.HTML*/
#spalteninhalt-inhaltsverzeichnis-top-polaroid {
 width: 280px;
 height: 350px;
 float: left;
 font-size: 12px;
 color: #bf254d;
}

/*POLAROID.HTML*/
#spalte-specials {
 float: left;
 height: 565px;
 width: 400px;
}


/* CHOC -> INDEX.HTML*/
#border-pol-choc {
 margin: 0 auto;
 height: 565px;
 width: 7100px;
 overflow: hidden;
 position: relative;
}


/*MUSIC_FILM.HTML*/
#border-music_film {
 margin: 0 auto;
 height: 565px;
 width: 1050px;
 overflow: hidden;
 position: relative;
}

#spalteninhalt-inhaltsverzeichnis-top-music_film {
 width: 280px;
 height: 350px;
 float: left;
 font-size: 12px;
 color: #bf254d;
}


#spalteninhalt-inhaltsverzeichnis-nr-film-music {
 width: 40px;
 float: left;
 font-size: 14px;
 line-height: 16px;
 color: #b7b7b7;
 font-weight: bold;
}


#spalteninhalt-inhaltsverzeichnis-text-film-music {
 width: 230px;
 float: left;
 line-height: 15px;
}



/*LUTZ.HTML*/
#border-lutz {
 margin: 0 auto;
 height: 565px;
 width: 1200px;  /* <-- BREITE DER SEITE */
 overflow: hidden;
 position: relative;
}

/*RICHARD.HTML*/
#border-richard {
 margin: 0 auto;
 height: 565px;
 width: 1500px;  /* <-- BREITE DER SEITE */
 overflow: hidden;
 position: relative;
}

/*FILM.HTML*/
#border-film {
 margin: 0 auto;
 height: 565px;
 width: 2200px;  /* <-- BREITE DER SEITE */
 overflow: hidden;
 position: relative;
}

#spacer-film {
height: 50px;
width: 500px;
}

/*MULTI.HTML*/
#border-multi {
 margin: 0 auto;
 height: 565px;
 width: 2600px;  /* <-- BREITE DER SEITE */
 position: relative;
}

#spacer-multi {
height: 60px;
width: 600px;
}

#spalteninhalt-inhaltsverzeichnis-top-multi {
 width: 280px;
 height: 350px;
 float: left;
 font-size: 12px;
 color: #bf254d;
}

#spalte-painting { width: 230px; float: left; margin-right: 80px;}
#spalte-painting-einzelne { width: 200px; margin: 5px; float: left;}
#spalte-drawing { width: 230px; float: left; margin-right: 80px;}
#spalte-drawing-einzelne { width: 200px; margin: 5px; float: left;}
#spalte-sculpture { width: 405px; float: left; margin-right: 80px;}
#spalte-sculpture-einzelne { width: 200px; margin: 5px; float: left;}
#spalte-collages { width: 230px; float: left; margin-right: 80px;}
#spalte-collages-einzelne { width: 200px; margin: 5px; float: left;}

/*ACRYL -> INDEX.HTML*/
#border-acryl {
 margin: 0 auto;
 height: 565px;
 width: 5500px;
 overflow: hidden;
 position: relative;
}

/*WATERCOLOR -> INDEX.HTML*/
#border-watercolor {
 margin: 0 auto;
 height: 565px;
 width: 2000px;
 overflow: hidden;
 position: relative;
}

/*D_DIGI -> INDEX.HTML*/
#border-ddigi {
 margin: 0 auto;
 height: 565px;
 width: 5500px;
 overflow: hidden;
 position: relative;
}

/*SKETCH07 -> INDEX.HTML*/
#border-dsketch07 {
 margin: 0 auto;
 height: 565px;
 width: 9000px;
 overflow: hidden;
 position: relative;
}

/*WORK -> INDEX.HTML*/
#border-dwork {
 margin: 0 auto;
 height: 565px;
 width: 7500px;
 overflow: hidden;
 position: relative;
}

/*ELDERWORK -> INDEX.HTML*/
#border-d0304 {
 margin: 0 auto;
 height: 565px;
 width: 3500px;
 overflow: hidden;
 position: relative;
}

/*SCULPTURE -> INDEX.HTML*/
#border-sculpture {
 margin: 0 auto;
 height: 565px;
 width: 13800px;
 overflow: hidden;
 position: relative;
}

/*COLLAGES -> INDEX.HTML*/
#border-collages {
 margin: 0 auto;
 height: 565px;
 width: 3100px;
 overflow: hidden;
 position: relative;
}

/*SHOP.HTML*/
#spalteninhalt-inhaltsverzeichnis-top-shop {
 width: 280px;
 height: 350px;
 float: left;
 font-size: 12px;
 color: #bf254d;
}

/*SHOP_LIMIT_NOIR.HTML*/
#border-shoplimitnoir {
 margin: 0 auto;
 height: 565px;
 width: 6000px;
 overflow: hidden;
 position: relative;
}

#spalte-bild-polanoir {
 width: 290px;
 height: 565px;
 float: left;
}

#spalteninhalt-bild-polanoir-top {
 width: 290px;
 height: 384px;
 float: left;
}

#spalteninhalt-bild-polanoir {
 width: 290px;
 height: auto;
 float: left;
}

/*INFINITE.HTML*/
#border-infinite {
 margin: 0 auto;
 height: 565px;
 width: 3600px;
 overflow: hidden;
 position: relative;
}

#spalte-bild-infinite {
 width: 290px;
 height: 565px;
 float: left;
}

#spalteninhalt-bild-infinite-top {
 width: 290px;
 height: 384px;
 float: left;
}

#spalteninhalt-bild-infinite {
 width: 290px;
 height: auto;
 float: left;
 position: relative;
}

/*LIA.HTML*/
#border-lia {
 margin: 0 auto;
 height: 565px;
 width: 3600px;
 overflow: hidden;
 position: relative;
}

#spalteninhalt-inhaltsverzeichnis-top-lia {
 width: 280px;
 height: 350px;
 float: left;
 font-size: 12px;
 color: #bf254d;
}

#textspalte-300-lia {
 float: left;
 width: 320px;
 height: 565px;
 margin: 0px;
 text-align: justify;
 line-height: 18px;
 vertical-align: middle;
 padding-top: 25px;
}

#textspalte-400-lia {
 float: left;
 width: 400px;
 height: 565px;
 margin: 0px;
 text-align: justify;
 line-height: 18px;
 vertical-align: middle;
 padding-top: 25px;
}



#textspalte-550-lia {
 float: left;
 width: 550px;
 height: 565px;
 margin: 0px;
 text-align: justify;
 line-height: 18px;
 vertical-align: middle;
 padding-top: 25px;
}



/*ABOUT.HTML*/
#spalteninhalt-inhaltsverzeichnis-top-about {
 width: 280px;
 height: 350px;
 float: left;
 font-size: 12px;
 color: #bf254d;
}

/*SILENCE.HTML*/
#border-silence {
 margin: 0 auto;
 height: 565px;
 width: 22500px;
 overflow: hidden;
 position: relative;
}

#textspalte-300-silence {
 float: left;
 width: 320px;
 height: 565px;
 margin: 0px;
 text-align: justify;
 line-height: 18px;
 vertical-align: middle;
 padding-top: 25px;
}

#textspalte-400-silence {
 float: left;
 width: 400px;
 height: 565px;
 margin: 0px;
 text-align: justify;
 line-height: 18px;
 vertical-align: middle;
 padding-top: 25px;
}

/*INDEX_SILENCE.HTML*/
#border-indexsilence {
 margin: 0 auto;
 height: 565px;
 width: 30500px;
 overflow: hidden;
 position: relative;
}

/*INDEX_NIGHTSILENCE.HTML*/
#border-indexnightsilence {
 margin: 0 auto;
 height: 565px;
 width: 7300px;
 overflow: hidden;
 position: relative;
}

/*INBETWEEN.HTML*/
#border-inbetween {
 margin: 0 auto;
 height: 565px;
 width: 15800px;
 overflow: hidden;
 position: relative;
}

#border-inbetweenmaking {
 margin: 0 auto;
 height: 565px;
 width: 20000px;
 overflow: hidden;
 position: relative;
}

#inbetween-titelspalte {
float: left;
width: 80px;
position: relative;
font-size: 12px;
color: #b7b7b7;
}

#inbetween-inhaltspalte {
float: left;
width: 220px;
position: relative;
font-size: 12px;
}

#inbetween-titelspalte2 {
float: left;
width: 45px;
position: relative;
font-size: 12px;
}

#inbetween-inhaltspalte2 {
float: left;
width: 355px;
position: relative;
font-size: 12px;
color: #b7b7b7;
text-align: left;
}

#textspalte-300-ibt {
 float: left;
 width: 320px;
 height: 565px;
 margin: 0px;
 text-align: justify;
 line-height: 18px;
 vertical-align: middle;
 padding-top: 25px;
}

#textspalte-300-ibt2 {
 float: left;
 width: 320px;
 height: 565px;
 margin: 0px;
 text-align: justify;
 line-height: 18px;
 vertical-align: middle;
 padding-top: 25px;
}

#textspalte-400-ibt {
 float: left;
 width: 400px;
 height: 565px;
 margin: 0px;
 text-align: justify;
 line-height: 18px;
 vertical-align: middle;
 padding-top: 25px;
}


/*NEWSLETTER*/
#center {
width: 500px;
height: auto;
position: absolute;
}

#newsletter {
position: absolute;
width: 370px;
height: 200px;
text-align: center;
left: 50%;

}



/*ALLGEMEINE TEXTFORMATIERUNGEN*/
.titel-erster { font-size: 14px;}
.titel-folgende { font-size: 12px;}
.titel-grau-erster {font-size: 14px; color: #b7b7b7;}
.titel-grau-folgende {font-size: 12px; color: #b7b7b7;}
/*.inhaltsverzeichnis-nr {color: #b7b7b7; font-weight: bold;}*/
.rot12 {color: #bf254d; font-size: 12px;}
.text23 {font-size: 18px; line-height: 30px;}
.text23grau {font-size: 18px; line-height: 30px; color: #b7b7b7;}
.text28 {font-size: 28px; line-height: 30px;}
.text28grau {font-size: 28px; line-height: 30px; color: #b7b7b7;}

.text50 {font-size: 50px; line-height: 52px;}
.text50blue {font-size: 50px; line-height: 52px; color: #446e98;}
.textblue {color: #446e98;}

.linkred a:link { color: #bf254d; text-decoration: none;}
.linkred a:hover {color: #bf254d; text-decoration: none;}
.linkred a:visited { color: #bf254d; text-decoration: none;}
.linkred a:visited:hover {color: #bf254d; text-decoration: none;}

.linkblue a:link { color: #000000; text-decoration: none;}
.linkblue a:hover {color: #446e98; text-decoration: none;}
.linkblue a:visited { color: #000000; text-decoration: none;}
.linkblue a:visited:hover {color: #446e98; text-decoration: none;}

.text28grau a:link {font-size: 28px; line-height: 30px; color: #b7b7b7; text-decoration: none;}
.text28grau a:hover {font-size: 28px; line-height: 30px; color: #b7b7b7; text-decoration: none;}
.text28grau a:visited {font-size: 28px; line-height: 30px; color: #b7b7b7; text-decoration: none;}
.text28grau a:visited:hover{font-size: 28px; line-height: 30px; color: #b7b7b7;  text-decoration: none;}


/*LINKS INHALTSVERZEICHNIS*/
.menu-erster { font-size: 14px;}
.menu-folgende { font-size: 12px;}

.menu a:link { color: #000000; text-decoration: none;}
.menu-grau a:link { color: #b7b7b7; text-decoration: none;}
.menu a:hover {color: #bf254d; text-decoration: none;}
.menu-grau a:hover {color: #bf254d; text-decoration: none;}
.menu a:visited { color: #000000; text-decoration: none;}
.menu-grau a:visited { color: #b7b7b7; text-decoration: none;}
.menu a:visited:hover {color: #bf254d; text-decoration: none;}
.menu-grau a:visited:hover {color: #bf254d; text-decoration: none;}

.menu-blue a:link { color: #000000; text-decoration: none;}
.menu-blue a:hover {color: #446e98; text-decoration: none;}
.menu-blue a:visited { color: #000000; text-decoration: none;}
.menu-blue a:visited:hover {color: #446e98; text-decoration: none;}