html, body
{
}
/* Hintergrund und Header */
div#verlauf {
position: absolute;
left: 0px;
top: -20px;
width: 100%;
height: 500px;
background-image: url(../images/MainPage/mainbgverlauf.jpg);
z-index: -100;
}
div#border_div{
width: 1000px;
position: relative;
left:0px;
}
div#photos {
position: absolute;
left:650px;
top:-8px;
}
div#logo {
z-index: 10;
position: absolute;
top: 40px;
left: 15px;
}
/* Menustrukturen mit Hauptmenu, Menupunkten und Einzelelementen */
div.menue {
position: absolute;
top: 80px;
left: 180px;
height: 22px;
}
div.menuepunkte {
position: absolute;
height: 22px;
}
div#start {
left: 0px;
}
div#start2 {
display: none;
width: 54px;
background-image: url(../images/MainPage/menu-start2.jpg);
background-position: 0px -44px;
left: 0px;
}
div#projekte {
display: none;
left: 60px;
}
div#projekte2 {
width: 76px;
background-image: url(../images/MainPage/menu-projekte2.jpg);
background-position: 0px -44px;
left: 59px;
}
div#referenzen {
display: none;
left: 141px;
}
div#referenzen2 {
width: 96px;
background-image: url(../images/MainPage/menu-referenzen2.jpg);
background-position: 0px -44px;
left: 140px;
}
div#kontakt {
display: none;
left: 242px;
}
div#kontakt2 {
width: 73px;
background-image: url(../images/MainPage/menu-kontakt2.jpg);
background-position: 0px -44px;
left: 241px;
}
div#forum {
display: none;
left: 321px;
}
div#forum2 {
width: 63px;
background-image: url(../images/MainPage/menu-forum2.jpg);
background-position: 0px -44px;
left: 320px;
}
div.submenue1 {
position: absolute;
height:45px;
width:240px;
left: 189px;
top: 105px;
}
div.submenue1punkte {
position: absolute;
text-align: left;
background-color: #ededed;
height:20px;
width:60px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #676767;
z-index: 2;
}
div#submenu1-hover{
display:none;
}
div#submenu1-hover a:link{color:#676767;text-decoration:none;}
div#submenu1-hover a:visited{color:#676767;text-decoration:none;}
div#submenu1-hover a:hover{color:#ababab;text-decoration:none;}
div#submenu1-hover a:active{color:#ffffff;text-decoration:none;}
div#greenstripe {
border-left: solid 2px #669900;
display: none;
position: absolute;
height:45px;
z-index:5;
left:188px;
top:105px;
}
div#sm2007, div#sm2008, div#sm2009, div#sm2010, div#sm2011, div#sm2012, div#sm2013 {
display: none;
}
div#sm2007 {
left:0px;
}
div#sm2008 {
left:60px;
}
div#sm2009 {
left:120px;
}
div#sm2010 {
left:180px;
}
div#sm2011 {
left:240px;
}
div#sm2012 {
left:300px;
}
div#sm2013 {
left:360px;
}
div#sm20072 {
left:0px;
}
div#sm20082 {
left:60px;
}
div#sm20092 {
left:120px;
}
div#sm20102 {
left:180px;
}
div#sm20112 {
left:240px;
}
div#sm20122 {
left:300px;
}
div#sm20132 {
left:360px;
}
div.submenue2 {
position: absolute;
display: none;
height:15px;
width:240px;
left: 369px;
top: 120px;
}
div.submenue2punkte {
position: absolute;
text-align: left;
background-color: #ededed;
height:15px;
width:40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #676767;
z-index: 3;
}
div#submenu2-hover a:link{color:#676767;text-decoration:none;}
div#submenu2-hover a:visited{color:#676767;text-decoration:none;}
div#submenu2-hover a:hover{color:#ababab;text-decoration:none;}
div#submenu2-hover a:active{color:#ffffff;text-decoration:none;}
div#sm2010_1 {
left:0px;
font-weight: bold;
}
div#sm2010_2 {
left:40px;
font-weight: bold;
}
div#sm2010_12 {
left:0px;
}
div#sm2010_22 {
left:40px;
}
/* Anzeige der Ecken und Kanten sowie der Bildunterschrift (Impressum etc.)*/
div#border-top {
width: 952px;
position: absolute;
top:130px;
left: 24px;
height:24px;
background-image: url(../images/MainPage/Rahmen-oben.png);
border-bottom: 1px solid #bcbcbc;
}
div#border-bottom {
width: 952px;
position: absolute;
top:754px;
left: 24px;
height:24px;
background-image: url(../images/MainPage/Rahmen-unten.png);
border-top: 1px solid #676767;
}
div#border-left {
height: 600px;
position: absolute;
top:154px;
left: 0px;
width:24px;
background-image: url(../images/MainPage/Rahmen-links.png);
border-right: 1px solid #bcbcbc;
}
div#border-right {
height: 600px;
position: absolute;
top:154px;
left: 976px;
width:24px;
background-image: url(../images/MainPage/Rahmen-rechts.png);
border-left: 1px solid #676767;
}
div#corner-tl {
height: 24px;
width:24px;
position: absolute;
top:130px;
left: 0px;
background-image: url(../images/MainPage/Rahmen-EOL.png);
}
div#corner-tr {
height: 24px;
width:24px;
position: absolute;
top:130px;
left: 976px;
background-image: url(../images/MainPage/Rahmen-EOR.png);
}
div#corner-bl {
height: 24px;
width:24px;
position: absolute;
top:754px;
left: 0px;
background-image: url(../images/MainPage/Rahmen-EUL.png);
}
div#corner-br {
height: 24px;
width:24px;
position: absolute;
top:754px;
left:976px;
background-image: url(../images/MainPage/Rahmen-EUR.png);
}
div#unterschrift {
font-family:Arial,helvetiva,sans-serif;
font-size:8pt;
position: absolute;
top:770px;
right:18px;
}
div#unterschrift a:link{color:#000000;text-decoration:none;}
div#unterschrift a:visited{color:#000000;text-decoration:none;}
div#unterschrift a:hover{color:#ababab;text-decoration:underline;}
div#unterschrift a:active{color:#ffffff;text-decoration:underline;}
/* Anzeige des Inhaltsteils mit Hintergrund */
div#mainscreen {
background-color: #FFFFFF;
position: absolute;
width:952px;
height:600px;
top:154px;
left:24px;
z-index: -2;
}
div#mscreen-verlauf {
background-image: url(../images/MainPage/screen-bg-verlauf.jpg);
position: absolute;
width:952px;
height:80px;
top:154px;
left:24px;
z-index: -1;
}
div#mscreen-image {
background-image: url(../images/MainPage/screen-bg-image.jpg);
position: absolute;
width:550px;
height:80px;
top:674px;
left:426px;
z-index: -1;
}
div#seitenstruktur {
position:absolute;
top:160px;
left: 50px;
font-size:8pt;
color: #669900;
font-family: Arial, Helvetica, sans-serif;
}
div#innerFrame {
position:absolute;
top:180px;
left:50px;
}
#ContentFr {
width: 904px;
height: 550px;
border: 0px;
}