@charset "utf-8"; /*============================== CSS Document Dateiname:oberlausitzfoto.css Autor: Peter Hennig Erstellt: Januar 2015 =============================*/ * {padding: 0; margin: 0;} /*==== Gilt für alle Elemente =====*/ html {overflow-y: scroll; background: url(bokeh.jpg); } body { color: #FFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 87.5%; } img {border: 0} /*==== Links ====*/ a:link {color:#ffffff; text-decoration:none;} a:visited {color: #ffffff; text-decoration: none;} a:active {color: #ffffff; text-decoration:none;} a:focus {color: #666; text-decoration:none;} a:hover {color: #666; text-decoration:none;} a img {border: none;} /*=================================================*/ /*==== Überschriften ( ====*/ h1 { color: #FFF; font-family: arial, verdana, helvetica, sans-serif; font-size: 380%; font-weight: normal; text-shadow: 0px 0px 0px #000000; } /*==== %-Angabe bezieht sich auf die Angabe im Body ====*/ h2 { color: #FFF; font-family: arial, verdana, helvetica, sans-serif; font-size: 280%; font-weight: normal; text-shadow: 0px 0px 0px #000000; } h3 { color: #FFF; font-family: verdana, arial, helvetica, sans-serif; font-size: 160%; font-weight: normal; text-shadow: 0px 0px 0px #000; } h4 { color: #FFF; font-family: verdana, arial, helvetica, sans-serif; font-weight: lighter; font-size: 160%; } /*===========================================================*/ ul { padding-left: 20px; margin-left: 20px; line-height:20px; } /*==== Klassen für Absätze und Font ====*/ .sehrgrosz { verdana, arial, helvetica, sans-serif; font-size: 170%; color: #ffffff; text-shadow: 0px 0px 0px #000; padding-left: 10; } .grosz { verdana, arial, helvetica, sans-serif; font-size: 150%; color: #ffffff; text-shadow: 0px 0px 0px #000; padding-left: 10; } .kleiner { verdana, arial, helvetica, sans-serif; font-size: 130%; color: #ffffff; } .klein { verdana, arial, helvetica, sans-serif; font-size: 85%; color: #ffffff; } .link { verdana, arial, helvetica, sans-serif; font-size: 80%; color: #ffffff; } .agb { verdana, arial, helvetica, sans-serif; font-size: 60%; color: #ffffff; } .abstand { verdana, arial, helvetica, sans-serif; font-size: 10%; color: #ffffff; } /*=============================================================*/ /*===== Container (
====*/ div#gesamter_inhalt /*Rahmen um alles, innerhalb von
INHALT*/ { width: 1000px; height: 1200px; margin-bottom: 0px; margin-right: auto; margin-left: auto; margin-top: 100px; z-index: 100; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ } div#bildnav_oben /*Navigation oben*/ { width: 960px; height: 100px; margin-bottom: 0px; margin-right: auto; margin-left: auto; margin-top: 0px; z-index: 200; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ } div#textnav_foto { position: relative; right: 94px; width: 100px; height: 20px; text-align: left; margin-bottom: 0px; margin-top: 5px; z-index: 200; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ } div#textnav_agentur { position: relative; left: 10px; bottom: 24px; width: 100px; height: 20px; text-align: left; margin-bottom: 0px; margin-top: 5px; z-index: 200; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ } div#textnav_dozent { position: relative; left: 115px; bottom: 48px; width: 100px; height: 20px; text-align: left; margin-bottom: 0px; margin-top: 5px; z-index: 200; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ } div#textnav_layout { position: relative; left: 220px; bottom: 72px; width: 100px; height: 20px; text-align: left; margin-bottom: 0px; margin-top: 5px; z-index: 200; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ } div#textnav_scannen { position: relative; left: 326px; bottom: 97px; width: 100px; height: 20px; text-align: left; margin-bottom: 0px; margin-top: 5px; z-index: 200; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ } div#textnav_impressum { position: relative; left: 430px; bottom: 123px; width: 100px; height: 20px; text-align: left; margin-bottom: 0px; margin-top: 5px; z-index: 200; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ } div#inhalt_links /*Navigation oben*/ { position: relative; right: 330px; bottom: 110px; width: 300px; height: 840px; margin-bottom: 10px; margin-right: 10px; margin-left: 10px; margin-top: 10px; z-index: 200; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ background-image: url(hgr_tabelle.png); } div#inhalt_rechts /*Navigation oben*/ { position: relative; left: 166px; bottom: 960px; width: 630px; height: 840px; margin-bottom: 10px; margin-right: auto; margin-left: auto; margin-top: 0px; z-index: 200; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ background-image: url(hgr_tabelle.png); } div#textnav_unten { width: 960px; height: 10px; margin-bottom: 10px; margin-right: auto; margin-left: auto; margin-top: 10px; z-index: 200; border: #fff 1px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ } div#unten_links { position: relative; right: 330px; bottom: 952px; width: 300px; height: 50px; margin-bottom: 10px; margin-right: auto; margin-left: auto; margin-top: 10px; z-index: 200; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ background-image: url(hgr_tabelle.png); } div#bildnav_unten { position: relative; left: 165px; bottom: 1013px; width: 630px; height: 50px; margin-bottom: 10px; margin-right: auto; margin-left: auto; margin-top: 10px; z-index: 200; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ } div#layer_start { position: relative; left: 160px; bottom: 790px; width: 400px; height: 80px; margin-bottom: 10px; margin-right: auto; margin-left: auto; margin-top: 10px; z-index: 300; box-shadow: 4px 4px 10px #000000; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ background-image: url(hgr_layer.png); } div#layer_agentur { position: relative; left: 0px; bottom: 625px; width: 960px; height: 300px; margin-bottom: 10px; margin-right: auto; margin-left: auto; margin-top: 10px; z-index: 300; border: #fff 0px solid; /*hidden=kein Rahmen | solid=durchgezogene Rahmenlinie*/ background-image: url(hgr_layer.png); }