* {
margin : 0;
padding : 0;
}
#flash {
position : absolute;
width : 965px;
height : 200px;
}
body {
background-color : #000;
overflow : auto;
}
.programm {
margin : -10px 0 0 10px;
position : relative;
z-index : 1;
}
#content-bild {
width : 965px;
position : relative;
margin : 0 auto;
font-size : 18px;
height : 200px;
margin-top : 10px;
border : 5px solid white;
}
.content-bild1 {
background-image : url(../images/content-bild-01.jpg);
}
.content-bild2 {
background-image : url(../images/content-bild-02.jpg);
}
.content-bild3 {
background-image : url(../images/content-bild-03.jpg);
}
.content-bild4 {
background-image : url(../images/content-bild-04.jpg);
}
.content-bild5 {
background-image : url(../images/content-bild-05.jpg);
}
.content-bild6 {
background-image : url(../images/content-bild-06.jpg);
}
.box1 {
top : 10px;
border : 1px solid #fff;
background-image : url(../images/box1-gruen-bg.png);
}
.box2 {
top : 61px;
border : 1px solid #fff;
background-image : url(../images/box2-blau-bg.png);
}
.box3 {
top : 112px;
border : 1px solid #fff;
background-image : url(../images/box3-rot-bg.png);
}
.cbbox {
position : absolute;
right : 10px;
width : 320px;
height : 40px;
text-align : left;
}
.cbbox p {
margin : 0;
padding : 0 0 0 10px;
color : #ffffff;
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
}
.cbbox a {
font-family : Verdana, Geneva, sans-serif;
display : block;
text-decoration : none;
font-size : 16px;
text-align : left;
color : #ff9900;
width : 317px;
padding-left : 3px;
padding-bottom : 2px;
padding-top : 2px;
height : 36px;
}
.cbbox a:hover {
background-image : url(../images/50black.png);
}
.infobox {
position : absolute;
width : 943px;
height : 16px;
text-align : center;
bottom : 10px;
border : 1px solid white;
margin : 0 10px 0 10px;
background-image : url(../images/navigation-transparent.png);
}
.infobox p {
margin : 0;
padding : 0 10px 0 10px;
color : #ff9900;
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
font-weight : bold;
}
#content {
width : 945px;
position : relative;
margin : 0 auto;
font-size : 18px;
border : 5px solid white;
background-image : url(../images/50black.png);
margin-top : 10px;
margin-bottom : 10px;
padding : 10px 10px 30px 10px;
}
#content a, #content a:link, #content a:visited {
color : #ff9900;
text-decoration : none;
border-bottom : 1px dotted #ffffff;
padding : 0 2px 0 2px;
}
#content a:hover {
color : #ff9900;
text-decoration : none;
border-bottom : 1px solid #ffffff;
background-color : #000000;
padding : 0 2px 0 2px;
}
#content ul {
list-style-image : url(../images/content-list.png);
margin : 0;
padding : 0;
color : #ffffff;
font-family : Verdana, Geneva, sans-serif;
font-size : 14px;
margin : 0 0 0 25px;
}
#content li {
margin : 0;
padding : 0;
margin : 0 0 10px 25px;
}
#eyecatcher-content {
font-size : 18px;
border : 5px solid white;
background-image : url(../images/50black.png);
float : left;
margin-right : 10px;
margin-bottom : 10px;
padding : 5px;
width : 280px;
}
#eyecatcher-content ul {
list-style-image : url(../images/eyecatcher-list.png);
color : #fff;
text-transform : uppercase;
margin : 0 0 0 25px;
font-family : Verdana, Geneva, sans-serif;
font-size : 14px;
font-weight : bold;
}
#eyecatcher-content li {
margin : 0;
padding : 2px 0 2px 0;
}
h1 {
color : #ff9900;
font-family : Verdana, Geneva, sans-serif;
font-size : 18px;
line-height : 22px;
background-image : url(../images/navigation-transparent.png);
padding-left : 10px;
border-bottom : 1px solid #cccccc;
}
h3 {
color : #ff9900;
font-family : Verdana, Geneva, sans-serif;
font-size : 18px;
line-height : 22px;
padding-left : 10px;
border-bottom : 1px solid #cccccc;
}
#content p {
color : #fff;
font-family : Verdana, Geneva, sans-serif;
font-size : 14px;
line-height : 18px;
}
#footer {
width : 965px;
position : relative;
margin : 0 auto;
font-size : 12px;
margin-top : 10px;
border : 5px solid black;
background-image : url(../images/50black.png);
background-repeat : repeat;
}
#footer p {
color : #fff;
font-family : Verdana, Geneva, sans-serif;
font-size : 10px;
line-height : 12px;
padding-left : 126px;
margin : 5px;
}
#footer-tab {
width : 111px;
height : 30px;
background : url(../images/footer-tab-bg.png) no-repeat;
position : absolute;
z-index : 9999;
top : 0;
left : 10px;
color : #ff9900;
font-size : 16px;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
}
#footer a, #footer a:link, #footer a:visited {
color : #ffffff;
text-decoration : none;
border-bottom : 1px solid #ff9900;
}
#footer a:hover {
color : #ff9900;
text-decoration : none;
border-bottom : 1px solid #ffffff;
}
#empfehlungen {
width : 965px;
position : relative;
margin : 0 auto;
font-size : 12px;
margin-top : 10px;
margin-bottom : 20px;
border : 5px solid black;
background-image : url(../images/50black.png);
background-repeat : repeat;
}
#empfehlungen p {
color : #fff;
font-family : Verdana, Geneva, sans-serif;
font-size : 10px;
line-height : 12px;
padding-right : 180px;
margin : 5px 10px 5px 10px;
text-align : right;
}
#empfehlungen-tab {
width : 170px;
height : 30px;
background : url(../images/empfehlungen-tab-bg.png) no-repeat;
position : absolute;
z-index : 9999;
top : 0;
right : 10px;
color : #ff9900;
font-size : 16px;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
}
#empfehlungen a, #empfehlungen a:link, #empfehlungen a:visited {
color : #ffffff;
text-decoration : none;
border-bottom : 1px solid #ff9900;
}
#empfehlungen a:hover {
color : #ff9900;
text-decoration : none;
border-bottom : 1px solid #ffffff;
}
#navigation {
background : url(../images/navigation-transparent.png);
padding : 0;
position : relative;
top : 100px;
width : 100%;
z-index : 6000;
height : 70px;
}
#suchanfragen {
width : 965px;
position : relative;
margin : 0 auto;
font-size : 12px;
margin-top : 10px;
margin-bottom : 20px;
border : 5px solid black;
background-image : url(../images/50black.png);
background-repeat : repeat;
}
#suchanfragen p {
color : #fff;
font-family : Verdana, Geneva, sans-serif;
font-size : 10px;
line-height : 12px;
padding-right : 180px;
margin : 5px 10px 5px 10px;
text-align : right;
}

.bg {
width : 100%;
position : absolute;
top : 0;
left : 0;
z-index : 5000;
}
#extended-forecast {
position : relative;
top : 0;
display : none;
}
#tab {
width : 200px;
height : 36px;
background : url(../images/tab-bg.png) no-repeat;
position : absolute;
z-index : 9999;
top : 0;
left : 50px;
color : #ff9900;
font-size : 24px;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
}
#top {
text-align : center;
position : relative;
width : 100%;
z-index : 10000;
background-color : #000;
height : 14px;
}
#top-navigation {
width : 975px;
position : relative;
margin : 0 auto;
text-align : right;
height : 14px;
}
#top-navigation a, #top-navigation a:link, #top-navigation a:visited {
font-family : Verdana, Geneva, sans-serif;
font-size : 10px;
color : #ffffff;
text-decoration : none;
border-bottom : 1px solid #000000;
margin-right : 5px;
}
#top-navigation a:hover {
color : #ff9900;
text-decoration : none;
border-bottom : 1px solid #ffffff;
}
.mbox {
width : 160px;
float : right;
height : 70px;
text-align : right;
}
.mbox-last {
width : 160px;
float : right;
height : 70px;
text-align : right;
padding-right : 0;
}
#nav {
width : 975px;
font-family : Arial, Helvetica, sans-serif;
position : relative;
margin : 0 auto;
font-size : 18px;
height : 70px;
}
#nav a {
display : block;
text-decoration : none;
font-size : 16px;
text-transform : uppercase;
text-align : right;
height : 70px;
width : 160px;
}
#nav a.active {
color : #7b828c;
background-image : url(../images/hintergrund-menue.gif);
background-repeat : no-repeat;
background-position : right top;
}
.weiss {
color : #fff;
}
.orange {
color : #ff9900 !important ;
}
.klein {
font-size : 12px;
padding-left : 10px;
}
#nav span {
padding : 0 10px 0 0;
}
#nav a.startseite {
background-image : url(../images/m-startseite-bg.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.startseite:hover {
background-image : url(../images/m-startseite-bg-hover.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.startseiteactive {
background-image : url(../images/m-startseite-bg-hover.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.webdesign {
background-image : url(../images/m-webdesign-bg.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.webdesign:hover {
background-image : url(../images/m-webdesign-bg-hover.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.webdesignactive {
background-image : url(../images/m-webdesign-bg-hover.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.suchmaschinenoptimierung {
background-image : url(../images/m-suchmaschinenoptimierung-bg.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.suchmaschinenoptimierung:hover {
background-image : url(../images/m-suchmaschinenoptimierung-bg-hover.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.suchmaschinenoptimierungactive {
background-image : url(../images/m-suchmaschinenoptimierung-bg-hover.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.service-leistungen {
background-image : url(../images/m-service-leistungen-bg.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.service-leistungen:hover {
background-image : url(../images/m-service-leistungen-bg-hover.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.service-leistungenactive {
background-image : url(../images/m-service-leistungen-bg-hover.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.kontakt {
background-image : url(../images/m-kontakt-bg.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.kontakt:hover {
background-image : url(../images/m-kontakt-bg-hover.png);
background-position : right top;
background-repeat : no-repeat;
}
#nav a.kontaktactive {
background-image : url(../images/m-kontakt-bg-hover.png);
background-position : right top;
background-repeat : no-repeat;
}
div.domtab {
width : 915px;
}
ul.domtabs {
float : left;
width : 100%;
margin : 0;
padding : 0;
}
ul.domtabs li {
float : left;
list-style-type : none;
margin-left : 30px !important ;
}
ul.domtabs a, ul.domtabs a:link, ul.domtabs a:visited {
padding-left : 5px;
padding-right : 5px;
display : block;
background : none;
color : #333;
border : none;
height : 20px;
text-decoration : none;
}
ul.domtabs li.active {
padding-left : 5px;
padding-right : 5px;
color : #333;
height : 20px;
text-decoration : none;
list-style-image : url(../images/eyecatcher-list.png);
border : none;
background-color : #000;
}
div.domtab div {
clear : both;
width : 945px;
}
label {
color : #cccccc;
}
.checkbox {
height : 12px !important ;
width : 12px !important ;
margin : 0 15px 0 15px !important ;
}
SELECT {
width : 140px;
}
INPUT {
border-right : 1px solid #aaaaaa;
padding-right : 2px;
border-top : 1px solid #aaaaaa;
margin-top : 2px;
padding-left : 2px;
padding-bottom : 2px;
border-left : 1px solid #aaaaaa;
padding-top : 2px;
border-bottom : 1px solid #aaaaaa;
width : 300px;
}
TEXTAREA {
border-right : 1px solid #aaaaaa;
padding-right : 2px;
border-top : 1px solid #aaaaaa;
margin-top : 2px;
padding-left : 2px;
padding-bottom : 2px;
border-left : 1px solid #aaaaaa;
padding-top : 2px;
border-bottom : 1px solid #aaaaaa;
}
SELECT {
border-right : 1px solid #aaaaaa;
padding-right : 2px;
border-top : 1px solid #aaaaaa;
margin-top : 2px;
padding-left : 2px;
padding-bottom : 2px;
border-left : 1px solid #aaaaaa;
padding-top : 2px;
border-bottom : 1px solid #aaaaaa;
}
INPUT:hover {
border-right : 1px solid #ff9900;
border-top : 1px solid #ff9900;
border-left : 1px solid #ff9900;
border-bottom : 1px solid #ff9900;
}
TEXTAREA:hover {
border-right : 1px solid #ff9900;
border-top : 1px solid #ff9900;
border-left : 1px solid #ff9900;
border-bottom : 1px solid #ff9900;
}
SELECT:hover {
border-right : 1px solid #888888;
border-top : 1px solid #888888;
border-left : 1px solid #888888;
border-bottom : 1px solid #888888;
}
INPUT:active {
border-right : 1px solid #888888;
border-top : 1px solid #888888;
border-left : 1px solid #888888;
border-bottom : 1px solid #888888;
}
TEXTAREA:active {
border-right : 1px solid #888888;
border-top : 1px solid #888888;
border-left : 1px solid #888888;
border-bottom : 1px solid #888888;
}
SELECT:active {
border-right : 1px solid #888888;
border-top : 1px solid #888888;
border-left : 1px solid #888888;
border-bottom : 1px solid #888888;
}
INPUT.submit {
margin-top : 15px;
margin-left : 10px;
color : #333333;
width : 150px;
}
INPUT.submit:hover {
margin-left : 10px;
color : #ff9900;
cursor : pointer;
}
TEXTAREA {
width : 600px;
height : 200px;
}
TEXTAREA.deep {
height : 350px;
}
TEXTAREA.shallow {
height : 50px;
}
.LV_valid {
color : #00cc00;
}
.LV_invalid {
color : #cc0000;
}
.LV_validation_message {
font-weight : bold;
margin : 0 0 0 5px;
}
.LV_valid_field {
border-right : 1px solid #00cc00;
border-top : 1px solid #00cc00;
border-left : 1px solid #00cc00;
border-bottom : 1px solid #00cc00;
}
INPUT.LV_valid_field:hover {
border-right : 1px solid #00cc00;
border-top : 1px solid #00cc00;
border-left : 1px solid #00cc00;
border-bottom : 1px solid #00cc00;
}
INPUT.LV_valid_field:active {
border-right : 1px solid #00cc00;
border-top : 1px solid #00cc00;
border-left : 1px solid #00cc00;
border-bottom : 1px solid #00cc00;
}
TEXTAREA.LV_valid_field:hover {
border-right : 1px solid #00cc00;
border-top : 1px solid #00cc00;
border-left : 1px solid #00cc00;
border-bottom : 1px solid #00cc00;
}
TEXTAREA.LV_valid_field:active {
border-right : 1px solid #00cc00;
border-top : 1px solid #00cc00;
border-left : 1px solid #00cc00;
border-bottom : 1px solid #00cc00;
}
.fieldWithErrors INPUT.LV_valid_field {
border-right : 1px solid #00cc00;
border-top : 1px solid #00cc00;
border-left : 1px solid #00cc00;
border-bottom : 1px solid #00cc00;
}
.fieldWithErrors TEXTAREA.LV_valid_field {
border-right : 1px solid #00cc00;
border-top : 1px solid #00cc00;
border-left : 1px solid #00cc00;
border-bottom : 1px solid #00cc00;
}
.LV_invalid_field {
border-right : 1px solid #cc0000;
border-top : 1px solid #cc0000;
border-left : 1px solid #cc0000;
border-bottom : 1px solid #cc0000;
}
INPUT.LV_invalid_field:hover {
border-right : 1px solid #cc0000;
border-top : 1px solid #cc0000;
border-left : 1px solid #cc0000;
border-bottom : 1px solid #cc0000;
}
INPUT.LV_invalid_field:active {
border-right : 1px solid #cc0000;
border-top : 1px solid #cc0000;
border-left : 1px solid #cc0000;
border-bottom : 1px solid #cc0000;
}
TEXTAREA.LV_invalid_field:hover {
border-right : 1px solid #cc0000;
border-top : 1px solid #cc0000;
border-left : 1px solid #cc0000;
border-bottom : 1px solid #cc0000;
}
TEXTAREA.LV_invalid_field:active {
border-right : 1px solid #cc0000;
border-top : 1px solid #cc0000;
border-left : 1px solid #cc0000;
border-bottom : 1px solid #cc0000;
}
.fieldWithErrors INPUT.LV_invalid_field {
border-right : 1px solid #cc0000;
border-top : 1px solid #cc0000;
border-left : 1px solid #cc0000;
border-bottom : 1px solid #cc0000;
}
.fieldWithErrors TEXTAREA.LV_invalid_field {
border-right : 1px solid #cc0000;
border-top : 1px solid #cc0000;
border-left : 1px solid #cc0000;
border-bottom : 1px solid #cc0000;
}
INPUT {
padding-right : 3px;
padding-left : 3px;
padding-bottom : 3px;
padding-top : 3px;
}
SELECT {
padding-right : 3px;
padding-left : 3px;
padding-bottom : 3px;
padding-top : 3px;
}
INPUT.submit {
background-image : url(../images/menue_hintergrund.gif);
background-repeat : repeat-x;
}
TEXTAREA {
width : 600px;
}
TEXTAREA.shallow {
height : 100px;
}