@charset "UTF-8";
/**
 * RALPIN - CSS: Layout
 *
 *
 * @author Frank Matuse | OM1MEDIA.DE
 * @date   2008-11
 *
 *
 */
@import url(contentbase.css);
@import url(navigations.css);


/* ------------------------------------------ */
/* Layout & Raster */
body {
    background: url(../images/bg_ralpin.gif) #cdcdcd repeat-x;
}

#margins {margin: 0 auto; padding: 0; width: 848px; }
#main {background: url(../images/bg_ralpin_main.gif) no-repeat; height:600px; padding: 0; position: relative;}

#header {background: url(../images/bg_ralpin_header.gif) no-repeat; height: 45px; margin: 0 54px 0 54px; }

#lang { padding-top: 20px;}

#german {
    border-right: 1px solid #7ea953;
}
#english {
    border-left: 1px solid #7ea953;
    margin-left: 4px;
}

#image {height: 368px; background: #ededed url(../images/ralpin_start_01.jpg) no-repeat;margin: 0 54px 10px 54px;}
/* #image img {display:none;} */

#ticker {background: url(../images/bg_ralpin_ticker.gif) no-repeat; height: 21px; padding: 2px 5px; margin: 0 54px 0 54px; overflow:hidden;}
#ticker ul { list-style: none; margin: 0; padding: 0; }
#ticker ul li { color: #fff; font-weight: normal; margin: 0; padding: 0; }

#content {margin-top: 30px; padding: 0 54px 0 54px; background: url(../images/bg_ralpin_content.gif) repeat-y;}

#col1 {
    float: left;
    width: 236px;
    margin-right: 10px;
}
#col2 {
    float: left;
    width: 228px;
    margin: 0 11px 0 11px;
}
#col3 {
    float: right;
    width: 236px;
}

#overlay {
    width: 141px; 
    height: 68px; 
    background: url(../images/download_layer.gif) no-repeat; 
    position: absolute;
    left: 300px;
    top: 475px;
}

#overlay p { padding: 10px 0 0 10px;}

/* ------------------------------------------ */
/* Footer */
#footer {background: url(../images/bg_ralpin_bottom.gif) no-repeat bottom center; height: 28px; display: block;}