/*-------------------------------------- VOLKER STYLES NEU ------------------------------------------------------*/ body{background-color:#7f2a00; font-family: arial;} /* */ /* class*/ .f1 {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal;} .f2 {font-family: courier; text-decoration: none; font-style:normal; font-weight:normal;} .f3 {font-family: verdana; text-decoration: none; font-style:normal; font-weight:normal;} .f4 {font-family: times new roman; text-decoration: none; font-style:normal; font-weight:normal;} .fb {font-weight:bold;} .fi {font-style:italic;} .s10 { font-size:10px;} .s11 { font-size:11px; } .s12 { font-size:12px;} .s13 { font-size:13px;} .s14 { font-size:14px;} .s16 { font-size:16px;} .s78{ font-size:78px;} .c1 {color: #808080;} .c2 {color:#993300;} /* rot */ .c3 {color: #5f5f5f;} .c4 {color: #ff9900;} /* gelb */ .c5 {color: #cccccc;} .c6 {color: #ffffff;} /* wei§ */ a.class1 {color: #808080; text-decoration: none;} a.class1:visited {color: #808080; text-decoration: none;} a.class1:hover {color: #cccccc; text-decoration: none;} a.class2 {color: #cccccc; text-decoration: none;} a.class2:visited {color: #808080; text-decoration: none;} a.class2:hover {color: #808080; text-decoration: none;} /* TEXT CLASS */ /* Punkte und Strich im MenŸ */ .p {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:14px; color:#ff9900; } .a {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:14px; color:#ff9900; } .l {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:14px; color:#ff9900; } /* Buttons */ .m {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:14px; color:#808080; } .s {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:14px; color:#993300; } .v {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:14px; color:#993300; } /* Text Datum - Fotoserienzahlen - Bogennummern - Klammern */ .t {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:12px; color:#808080; } .d {font-family: arial; text-decoration: none; font-style:italic; font-weight:normal; font-size:11px; color:#808080; } /* Fotoserienzahlen */ .f {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:10px; color:#808080; } .g {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:12px; color:#808080; } /* Text Home - Text Home New - Bogennummern - Click-Hinweis - Klammern */ .h {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:12px; color:#808080; } .b {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:11px; color:#808080; } .c {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:11px; color:#808080; } .k {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:12px; color:#ff9900; } /* Text kursiv */ .i {font-family: arial; text-decoration: none; font-style:italic; font-weight:normal; font-size:12px; color:#808080; } /* Links intern / extern */ .li {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:12px; color:#ff9900; } .le {font-family: arial; text-decoration: none; font-style:normal; font-weight:bold; font-size:12px; color:#ff9900; } .z {font-family: arial; text-decoration: none; font-style:normal; font-weight:normal; font-size:12px; color:#808080; } /* CONTAINER - MEN†LEISTE - FOTOS */ #container {margin: 30px auto; position: relative; height:743px; width:1048px; left:14px; border: none; z-index:1;} .shadow {-webkit-box-shadow: 10px 10px 10px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 10px 10px 15px #ccc; /* Firefox 3.5 - 3.6 */ box-shadow: 10px 10px 20px #3b3b3b; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } #menue {left:44px; top:20px; height:0px; width:975px;visibility: visible; z-index:2; position:absolute; } #ueber_mich {left:43px; top:20px; width:95px;visibility: visible; z-index:2; position:absolute; } #fotos {left:97px; top:0px; height:0px; width:65px;visibility: visible; z-index:2; position:absolute; } #animationen {left: 66px; top: 0px; width: 110px; visibility: visible; z-index: 2; position: absolute; } #montagen {left: 112px; top: 0px; width: 95px; visibility: visible; z-index: 2; position: absolute; } #wundertuete {left: 98px; top: 0px; width: 130px; visibility: visible; z-index: 2; position: absolute;} #home {left: 140px; top: 0px; width: 70px; visibility: visible; z-index: 2; position: absolute;} #kontakt {left: 70px; top: 0px; width: 80px; visibility: visible; z-index: 2; position: absolute;} #impressum {left: 81px; top: 0px; width: 130px; visibility: visible; z-index: 2; position: absolute;} #volker {left: 143px; top: 0px; width: 125px; visibility: visible; z-index: 2; position: absolute;} #foto_01 {left:52px; top:66px;width:100%px; height:100%px; visibility: visible; z-index:2; position:absolute; border="none" } #foto_02 {left:450px; top:0px;width:100%px; height:100%px; visibility: visible; z-index:2; position:absolute; border="none"} /* frŸher left:366px; */ #foto_family {left:167px; top:136px;width:350px; height:350px; visibility: visible; z-index:2; position:absolute; border="none" } /*#bogen_latest {left:400px; top:0px; height:16px; width:108px; visibility: visible; z-index:2; position:absolute; border="none;}*/ /* LINIEN NORMAL*/ #linie_450_600 {left:0px; top:465px; width:600px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } #linie_450_675 {left:0px; top:465px; width:675px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } #linie_450_800 {left:0px; top:465px; width:800px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } #linie_500_335 {left:0px; top:515px; width:335px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute;} #linie_500_375 {left:0px; top:515px; width:375px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute;} /* #linie_450_600 {left:0px; top:470px; width:600px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } #linie_450_675 {left:0px; top:470px; width:675px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } #linie_450_800 {left:0px; top:470px; width:800px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } #linie_500_335 {left:0px; top:520px; width:335px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute;} #linie_500_375 {left:0px; top:520px; width:375px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute;} */ #linie_family {left:52px; top:582px; width:894px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } /* LINIEN SERIE*/ #linie_450_600_serie {left:0px; top:465px; width:500px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } #linie_450_675_serie {left:0px; top:465px; width:575px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } #linie_450_800_serie {left:0px; top:465px; width:700px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } #linie_500_335_serie {left:0px; top:515px; width:235px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute;} #linie_500_375_serie {left:0px; top:515px; width:275px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute;} /* LINIEN SCROLL*/ #linie_450_675_scroll {left:52px; top:536px; width:675px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } #linie_450_675_scroll {left:52px; top:536px; width:675px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } /*LINIEN THUMBS*/ #linie_thumbs {left:-515px; top:115px; width:615px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } /* frŸher:width:457px; */ #linie_thumbs_ende {left:95px; top:6px; width:54px; height:1px; background-color: #cccccc; z-index:2; visibility: visible; position:absolute; } /* frŸher: top:6px */ /* STEUERUNG */ #back {left:29px; top:-6px; width:17px; height:13px; visibility: visible; z-index:2; position:absolute; border="none" } #back img { display:block; width:17px; height:13px; border:0; } #back a:hover img { visibility: hidden; } #close {left:17px; top:0px; width:17px; height:13px; visibility: visible; z-index:2; position:absolute; border="none" } #close img { display:block; width:17px; height:13px; border:0; } #close a:hover img { visibility: hidden; } #next {left:17px; top:0px; width:17px; height:13px; visibility: visible; z-index:2; position:absolute; border="none" } #next img { display:block; width:17px; height:13px; border:0; } #next a:hover img { visibility: hidden; } #serie {left:48px; top:1px; width:51px; height:11px; visibility: visible; z-index:2; position:absolute; border="none";} #serie img { display:block; width:51px; height:11px; border:0; } #serie a:hover img { visibility: hidden; } #weiter {left:48px; top:1px; width:51px; height:11px; visibility: visible; z-index:2; position:absolute; border="none";} #weiter img { display:block; width:51px; height:11px; border:0; } #weiter a:hover img { visibility: hidden; } #ende {left:48px; top:1px; width:51px; height:11px; visibility: visible; z-index:2; position:absolute; border="none";} #ende img { display:block; width:51px; height:11px; border:0; } #ende a:hover img { visibility: hidden; } #serien {left:59px; top:2px; width:20px; height:11px; visibility: visible; z-index:2; position:absolute; border="none";} #serien img { display:block; width:20px; height:11px; border:0; } #serien a:hover img { visibility: hidden; } /* #foto_02 {left:52px; top:66px; width:600px; height:450px; visibility: visible; z-index:2; position:absolute; border="none";} #foto_02 img { display:block; width:600px; height:450px; border:0; } #foto_02 a:hover img { visibility: hidden; } */ /* #serie_neu {left:62px; top:3px; width:20px; height:11px; visibility: visible; z-index:2; position:absolute; border="none";} #serie_neu img { display:block; width:20px; height:11px; border:0; } #serie_neu a:hover img { visibility: hidden; } */ /* ALLE THUMBS */ #thumb_01 {left:52px; top:66px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_01 img { display:block; width:100px; height:100px; border:0; } #thumb_01 a:hover img { visibility: hidden; } #thumb_02 {left:103px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_02 img { display:block; width:100px; height:100px; border:0; } #thumb_02 a:hover img { visibility: hidden; } #thumb_03 {left:103px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_03 img { display:block; width:100px; height:100px; border:0; } #thumb_03 a:hover img { visibility: hidden; } #thumb_04 {left:103px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_04 img { display:block; width:100px; height:100px; border:0; } #thumb_04 a:hover img { visibility: hidden; } #thumb_05 {left:103px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_05 img { display:block; width:100px; height:100px; border:0; } #thumb_05 a:hover img { visibility: hidden; } #thumb_06 {left:103px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_06 img { display:block; width:100px; height:100px; border:0; } #thumb_06 a:hover img { visibility: hidden; } #thumb_07 {left:-515px; top:103px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_07 img { display:block; width:100px; height:100px; border:0; } #thumb_07 a:hover img { visibility: hidden; } #thumb_08 {left:103px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_08 img { display:block; width:100px; height:100px; border:0; } #thumb_08 a:hover img { visibility: hidden; } #thumb_09 {left:103px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_09 img { display:block; width:100px; height:100px; border:0; } #thumb_09 a:hover img { visibility: hidden; } #thumb_10 {left:103px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_10 img { display:block; width:100px; height:100px; border:0; } #thumb_10 a:hover img { visibility: hidden; } #thumb_11 {left:103px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_11 img { display:block; width:100px; height:100px; border:0; } #thumb_11 a:hover img { visibility: hidden; } #thumb_12 {left:103px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #thumb_12 img { display:block; width:100px; height:100px; border:0; } #thumb_12 a:hover img { visibility: hidden; } #back_thumb {left:29px; top:-6px; width:17px; height:13px; visibility: visible; z-index:2; position:absolute; border="none" } #back_thumb img { display:block; width:17px; height:13px; border:0; } #back_thumb a:hover img { visibility: hidden; } #close_thumb {left:17px; top:0px; width:17px; height:13px; visibility: visible; z-index:2; position:absolute; border="none" } #close_thumb img { display:block; width:17px; height:13px; border:0; } #close_thumb a:hover img { visibility: hidden; } #next_thumb {left:17px; top:0px; width:17px; height:13px; visibility: visible; z-index:2; position:absolute; border="none" } #next_thumb img { display:block; width:17px; height:13px; border:0; } #next_thumb a:hover img { visibility: hidden; } /* FAMILY THUMBS */ #f_thumb_01 {left:98px; top:107px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_01 img { display:block; width:100px; height:100px; border:0; } #f_thumb_01 a:hover img { visibility: hidden; } #f_thumb_02 {left:140px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_02 img { display:block; width:100px; height:100px; border:0; } #f_thumb_02 a:hover img { visibility: hidden; } #f_thumb_03 {left:140px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_03 img { display:block; width:100px; height:100px; border:0; } #f_thumb_03 a:hover img { visibility: hidden; } #f_thumb_04 {left:140px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_04 img { display:block; width:100px; height:100px; border:0; } #f_thumb_04 a:hover img { visibility: hidden; } #f_thumb_05 {left:140px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_05 img { display:block; width:100px; height:100px; border:0; } #f_thumb_05 a:hover img { visibility: hidden; } #f_thumb_06 {left:140px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_06 img { display:block; width:100px; height:100px; border:0; } #f_thumb_06 a:hover img { visibility: hidden; } #f_thumb_07 {left:-700px; top:140px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_07 img { display:block; width:100px; height:100px; border:0; } #f_thumb_07 a:hover img { visibility: hidden; } #f_thumb_08 {left:140px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_08 img { display:block; width:100px; height:100px; border:0; } #f_thumb_08 a:hover img { visibility: hidden; } #f_thumb_09 {left:140px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_09 img { display:block; width:100px; height:100px; border:0; } #f_thumb_09 a:hover img { visibility: hidden; } #f_thumb_10 {left:140px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_10 img { display:block; width:100px; height:100px; border:0; } #f_thumb_10 a:hover img { visibility: hidden; } #f_thumb_11 {left:140px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_11 img { display:block; width:100px; height:100px; border:0; } #f_thumb_11 a:hover img { visibility: hidden; } #f_thumb_12 {left:140px; top:0px; width:100px; height:100px; visibility: visible; z-index:2; position:absolute; } #f_thumb_12 img { display:block; width:100px; height:100px; border:0; } #f_thumb_12 a:hover img { visibility: hidden; } /* TEXT THUMBS */ #click_hinweis {left:695px; top:65px; width:125px; height:0px; z-index:2; visibility: visible; position:absolute; } /* frŸher: top:78px; */ #bogen_nr {left:541px; top:9px; height:0px; width:15px; visibility: visible; z-index:2; position:absolute;} #txt_bogen_nr_ende {left:586px; top:10px; height:0px; width:15px; visibility: visible; z-index:2; position:absolute; } #erster_bogen {left:518px; top:283px; height:0px; width:130px; visibility: visible; z-index:2; position:absolute;} /*frŸher: top:283px */ /* TEXT OBEN RECHTS */ #txt_450_600 {left:680px; top:66px; width:250px; height:0px; z-index:2; visibility: visible; position:absolute; } #txt_450_675 {left:755px; top:66px; width:250px; z-index:2; visibility: visible; position:absolute; } #txt_450_800 {left:875px; top:66px; width:121px; height:0px; z-index:2; visibility: visible; position:absolute; } #txt_450_unten {left:52px; top:555px; width:600px; height:0px; z-index:2; visibility: visible; position:absolute; } #txt_450_unten_serie {left:52px; top:570px; width:600px; height:0px; z-index:2; visibility: visible; position:absolute; } #txt_500_335 {left:415px; top:66px; width:250px; height:0px; z-index:2; visibility: visible; position:absolute; } #txt_500_375 {left:455px; top:66px; width:250px; height:0px; z-index:2; visibility: visible; position:absolute; } #txt_auto_450_600 { left:660px; top:46px; width:280px; height:548px; z-index:2; visibility: visible; position:absolute; overflow: auto; padding: 20px; background-color:#f7f4ed;} #txt_auto_450_675 { left:735px; top:70px; width:220px; height:548px; z-index:2; visibility: visible; position:absolute; overflow: auto; padding: 20px; background-color:#f7f4ed;} #txt_auto_sz { left:32px; top:66px; width:850px; height:510px; z-index:2; visibility: visible; position:absolute; overflow: auto; padding: 20px; background-color:#f7f4ed;} /* TEXT UNTEN LINKS */ #txt_450_unten {left:52px; top:560px; width:600px; height:0px; z-index:2; visibility: visible; position:absolute; } #txt_family {left:52px; top:610px; width:800px; height:0px; z-index:2; visibility: visible; position:absolute; } /* ZAHLEN FOTOSERIE */ #zahl_450_600 {left:448px; top:0px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } #serie_neu_450_600 {left:287px; top:0px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } #zahl_450_675 {left:523px; top:0px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } #zahl_450_800 {left:648px; top:0px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } #zahl_500_335 {left: 183px;; top:0px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } #zahl_500_375 {left:223px; top:0px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } #serie_neu_500_375 {left:230px; top:12px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } #nr_500_335 {left:193px; top:11px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } #nr_500_375 {left:233px; top:11px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } #nr_450_600 {left:458px; top:11px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } #nr_450_675 {left:533px; top:11px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } #nr_450_800 {left:658px; top:11px; width:50px; height:0px; z-index:2; visibility: visible; position:absolute; } /* BESONDERE - TEXT*/ #txt_home {left:52px; top:340px; height:0px; visibility: visible; z-index:2; position:absolute; } #auto_450_675 { left: 48px; top: 62px; overflow: auto; height: 450px; width: 685px; padding: 4px; visible; z-index:2; position:absolute; background-color:#f7f4ed;} #txt_auto_sz { left:42px; top:56px; width:850px; height:548px; z-index:2; visibility: visible; position:absolute; overflow: auto; padding: 10px; background-color:#f7f4ed;} #auto { left: 52px; top: 66px; overflow: auto; height:570px; width: 635px; padding: 0px; visible; z-index:2; position:absolute;} #txt_sz {left:52px; top:66px; width:800px; height:0px; z-index:2; visibility: visible; position:absolute; } /* VOLKER NEU STYLES */