* {
    margin:0px;
    padding:0px;
}

img {
    display:block;
}

html {
    min-height:100%;
    height: auto !important; /* important regel für moderne Browser */
    height:100%;
}

body {
    min-height:100%;
    height: auto !important; /* important regel für moderne Browser */
    height:100%;
    background-color:#00387C;
    background-image:url(img/backgroundScratchWeizenbierJuni.jpg);
    background-repeat: no-repeat;    
    background-position:center;
    background-position:top;
    font-family:Verdana, sans-serif;
}

#outerContent {
    width:1000px;
    min-height:100%;
    height: auto !important; /* important regel für moderne Browser */
    height:100%;
    position: relative;
    margin: 0 auto;    
}

#innerContent {    
    display:block;
    height:618px;
    width:409px;  
    position: relative;
}

#stoerer {
    width:100%;    
    height: 180px;       
    background:url(img/stoerer.png);
    background-position:right;
    background-repeat:no-repeat;        
    display: block;    
    position: absolute;    
    top: 20px;
    z-index:1;
    
}

#auswahlBereiche {        
    display:block;
    position:absolute;
    z-index: 2;
}

#newsTeaser {            
    display:block;
    height:250px;
    position:absolute;
    top:300px;
    width:inherit;
}

#newsScroller {        
    background-color:white;
    display:block;
    height:264px;    
    width: 409px;
    overflow: hidden;
}

#scrollerDown {
    width:409px;    
    height: 27px;       
    background:url(img/arrowUp.jpg);    
    display: block;    
}

#scrollerUp {
    width:409px;    
    height: 27px;       
    background:url(img/arrowDown.jpg);    
    display: block;    
}

#footerNavigation {
    color:white;
    display:block;
    font-size:11px;
    margin:0px;
    position:absolute;
    text-align:center;
    top:832px;
    width:98%;
    padding-left: 15px;
}

#footerNavigation a {
    text-decoration:none;
    color:#fff;
    padding-right:4px;
    border-right:1px solid white;
}

#footerNavigation a:hover,
#footerNavigation a.last:hover {
    color:#ccc;
    text-decoration:underline;
}

#footerNavigation a.last {
    text-decoration:none;
    color:#fff;
    padding-right:4px;
    border-right:0px;
}

#portalTeaserGruen {
    float: right;
    padding: 5px;
    margin:0 1px;
    color: white;
    font-family: verdana;
    font-size: 10px;
    background:url(img/portalTeaserBG_gruen.jpg) repeat-x;
    width:261px;
    height:87px;
}

#portalTeaserWeiss {
    float: right;
    padding: 5px;
    margin:0 1px;
    color: white;
    font-family: verdana;
    font-size: 10px;
    width:261px;
    height:87px;
}

#portalTeaserHellblau {
    float: right;
    padding: 5px;
    margin:0 1px;
    color: white;
    font-family: verdana;
    font-size: 10px;
    background:url(img/startportalTeaserBgHellblau.jpg) repeat-x;
    width:261px;
    height:87px;
}

#portalTeaserDunkelblau {
    float: right;
    padding: 5px;
    margin:0 1px;
    color: white;
    font-family: verdana;
    font-size: 10px;
    background:url(img/startportalTeaserBgDunkelblau.jpg) repeat-x;
    width:261px;
    height:87px;
}

#portalTeaserRot {
    float: right;
    padding: 5px;
    margin:0 1px;
    color: white;
    font-family: verdana;
    font-size: 10px;
    background:url(img/startportalTeaserBgRot.jpg) repeat-x;
    width:261px;
    height:87px;
}

#portalTeaserGold {
    float: right;
    padding: 5px;
    margin:0 1px;
    color: white;
    font-family: verdana;
    font-size: 10px;
    background:url(img/startportalTeaserBgGold.jpg) repeat-x;
    width:261px;
    height:87px;
}

a.teaser:link, a.teaser:visited {
    font-family: verdana;
    font-size: 10px;    
    font-weight: bold;
    text-decoration: none;
    color: white;
}

a.teaser:hover, a.teaser:active {
    font-family: verdana;
    font-size: 10px;    
    font-weight: bold;
    text-decoration: underline;    
    color: #cccccc;
}

#socialNetwork {    
    left:317px;
    position:absolute;
    top:225px;
    z-index:10;    
}

/* RedDot Styles */
#rdContent {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    background-color:#dddddd;
    border-bottom: #333333 1px solid;
    color:#990000;
    width: 100%;
}

#rdDots {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;  
    color:#990000;  
}