* {
margin: 0;
padding: 0;
}
html {
height:100.01%;
}
hr {
display:none;
}
.noshow {
display:none;
}
.clear {
clear:both;
font-size:0px;
line-height:0px;
height:0px;
}
body {
margin:0;
padding:0;
background-color: white;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color: rgb(78, 75, 74);
font-size: 11px;
}
#container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
#headerbg {
width:100%;
height:116px;
margin-left: auto;
margin-right: auto;
background-color: rgb(255, 255, 255);
}
#header {
position:relative;
text-align:left;
padding: 0;
width:955px;
height: 116px;
margin-left: auto;
margin-right: auto;
overflow:hidden;
background-color: rgb(255, 255, 255);
}
#content {
position:relative;
padding: 0;
width:941px;
margin-left:auto;
margin-right:auto;
}
/*
-----------------------------------
vvvv HeaderBereich
-----------------------------------
*/
/* Logo */
#logo {
position:relative;
width: 476x;
height: 70px;
background: transparent url(/_elements/images/BrainGame_Logo.gif) no-repeat;
}
#logo h1 {
background: transparent url(/_elements/images/BrainGame_Logo.gif) no-repeat;
width: 476px;
height: 70px;
}
#logo h1 a {
display: block;
width: 476px;
height: 70px;
}
#logo h1 span{
display: none;
}
/* Hauptnavigation */
#TopNavi {
position:relative;
left: 200px;
width: 550px;
height:8px;
margin-top:30px;
overflow:hidden;
}
#TopNavi ul{
list-style-type: none;
height:8px;
}
#TopNavi ul li a {
position: absolute;
top: 0;
left: 0;
width: 160px;
text-indent: -9000px;
text-decoration: none;
padding: 8px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:8px; /* IE5/Win */
background: transparent url(/_elements/images/TopNavi_de.gif) no-repeat;
}
body#Home li#news a { background-position: 0px 0px; width: 43px; left: 0; }
body#Home li#news a:hover { background-position: 0px -10px;}
body#Home li#prod a { background-position: -53px 0px; width: 71px; left: 53px; }
body#Home li#prod a:hover { background-position: -53px -20px;}
body#Home li#verl a { background-position: -134px 0px; width: 51px; left: 134px; top: 0}
body#Home li#verl a:hover { background-position: -134px -30px;}
body#Home li#deve a { background-position: -198px 0px; width: 92px; left: 198px; top: 0}
body#Home li#deve a:hover { background-position: -198px -40px;}
body#Home li#pres a { background-position: -300px 0px; width: 51px; left: 300px; top: 0}
body#Home li#pres a:hover { background-position: -300px -50px;}
body#Home li#supp a { background-position: -361px 0px; width: 62px; left: 361px; top: 0}
body#Home li#supp a:hover { background-position: -361px -60px;}
body#Home li#jobs a { background-position: -433px 0px; width: 38px; left: 433px; top: 0}
body#Home li#jobs a:hover { background-position: -433px -70px;}
body#Home li#kont a { background-position: -481px 0px; width: 63px; left: 481px; top: 0}
body#Home li#kont a:hover { background-position: -481px -80px;}
/* ServiceNavigation */
#ServiceNavi {
position:absolute;
width: 130px;
height: 10px;
top: 100px;
left: 815px;
overflow:hidden;
}
#ServiceNavi p{
text-indent:-9000px;
}
#ServiceNavi a{
position:absolute;
display:block;
}
#ServiceNavi a:hover{
}
#ServiceNavi a#snImprint {
top:0px;left:60px;
width:70px;
height:10px;
}
#ServiceNavi a#snLanguage {
top:-1000px;left:0px;
width:60px;
height:10px;
display:none;
}
#ServiceNavi a#snImprint{
background: transparent url(/_elements/images/ServiceNavi_de.gif) no-repeat -50px 0;
}
#ServiceNavi a#snImprint:hover{
background: transparent url(/_elements/images/ServiceNavi_de.gif) no-repeat -50px -10px;
}
#ServiceNavi a#snLanguage{
background: transparent url(/_elements/images/ServiceNavi_de.gif) no-repeat 10px 0;
}
#ServiceNavi a#snLanguage:hover{
background: transparent url(/_elements/images/ServiceNavi_de.gif) no-repeat 10px -10px;
}
/* Warenkorb-Status*/
#WarenkorbStatus {
position:absolute;
width:163px;
height:20px;
left:771px;
top: 95px;
background: transparent url(/_elements/images/aaa_warenkorb_de.gif) no-repeat;
}
/*
------------------------------------------------
vvvv Content-Elemente
------------------------------------------------
*/
#homeLeiste {
margin-top:30px;
}
#inhaltContainer {
width:941px;
height:306px;
margin-top:10px;
text-align:left;
}
#elementLinks {
width:476px;
height:306px;
float:left;
background: transparent url(/_elements/images/home_slogan.jpg) no-repeat;
}
#elementLinks h1
{
display:none;
}
/* Newsteaser*/
#elementLinks {
padding:66px 70px 0px 50px;
width:356px;
height:240px;
}
#elementLinks h2, #elementLinks p, #elementLinks a {
color:#FFF;
font-size:12px;
}
#elementLinks h2 {
margin-top:20px;
}
#elementLinks a {text-decoration:none;background:transparent url(../images/homelink.gif) no-repeat right 4px;padding-right:10px;}
#elementLinks a:hover {text-decoration:underline;}
#elementeRechts {
width:465px;
float:left;
}
#homeTeaserContainer {
width:465px;
height: 139px;
}
#homeTeaserLeft {
width: 243px;
height: 139px;
float:left;
position:relative;
}
#homeTeaserLeft a { /*url(../images/MTK1_ScreenmateTeaser.gif)*/background: transparent no-repeat; display:block; width: 243px; height: 139px;
}
#homeTeaserLeft a span {
display:none;
}
#logoHeureka {
position:absolute;
left: 30px;
top:91px;
}
#homeTeaserRight {
background: transparent url(/_elements/images/home_teaser-bg2.gif) no-repeat;
width: 222px;
height: 139px;
float:left;
position:relative;
}
#logoRavensburger {
position:absolute;
left: 131px;
top:50px;
}
#homeTeaserLeft p, #homeTeaserRight p{
padding: 15px ;
line-height: 140%;
}
#homeNewsContainer{
margin-top: 18px;
width: 465px;
height: 149px;
background: transparent url(/_elements/images/home_news-bg.gif) no-repeat;
}
#homeNewsDate {
text-align:right;
line-height:20px;
padding-right:30px;
color: rgb(255,255,255);
}
#homeNewsContainer h1 {
padding: 16px 15px 0 15px;
color: rgb(237, 70, 17);
line-height: 200%;
font-size: 13px;
}
#homeNewsContainer p {
padding: 0px 15px 0 17px;
line-height: 200%;
}
#homeNewsContainer a{
text-decoration: underline;
color: rgb(78, 75, 74);
}
#homeNewsContainer a:hover {
color: rgb(238, 70 ,17);
}