@CHARSET "UTF-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {line-height: 1; color: #000; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* =clearfix*/
.clearfix:after, #mainContent:after, #sgContent:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
/* =css classes*/
.clear {clear: both;}

a {outline: 0}

p {
	margin: 10px 0px;
}

:focus, :active {
	outline: 0;
	-moz-outline: none;
} 


body {
    text-align: center;
    font-family: verdana;
    font-size: 10px;
    color: #fff;
}

img {
    border: none;
}

a {
    text-decoration: none;
    color: #0DCBEE;
}

a:hover {
    text-decoration: underline;
}

h2 {
    font-family: Arial;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 1px;
}

h4 {
    background-color: #0dcbee;
    color: black;
    width: 34px;
    margin: 0;
    padding: 2px;
    font-weight: normal;
	font-size: 7pt;
	height: 10px;

}

h3 {
    margin: 0;
}

#middle, #bottom, #copyright {
    font-size: 10px;
}

#copyright {
	margin-top: 10px; 
}	
/**
 * Root
 */
#container {
    padding-top: 60px;
    width: 858px;
    /*border: 1px solid grey;*/
    margin: auto;
    text-align: left;
}

.clear {
    clear: both;
    font-size: 1px;
    height: 1px; 
}

/**
 * Logotyp
 */
#top h1 {
    margin: 0;
    padding: 0;
    float:left;
}

#top h1 a:link, #top h1 a:visited, #top h1 a:hover {
    display: block;
    width: 175px;
    height: 36px;
    background: url(../images/logo_top.png) no-repeat 0 0;
}

.hidden {
    display: none;
}

/**
 * Language  menu
 */ 
#top #langMenu {
    float:right;
    display:block;
    font-size: 9px;
}

#top #langMenu li{
    float: left;
    display:block;
}

#top #langMenu #mi_deutsch {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    display: block;
}

#top #langMenu a:link, #top #langMenu a:visited {
    color: #fff;
    padding: 0 5px;
}

#top #langMenu a:hover {
    color: #0dcbee;
    padding: 0 5px;
}

/**
 * Main menu
 */
#top #main_menu {
    float: right;
    margin: 0;
}

/**
 * Footer
 */
#bottom {
    /*border: 1px solid #993;*/
}

#footer_left {
    float:left;
}

#footer_left ul {
    margin: 0;
    padding: 0;
}

#footer_left ul li {
    float: left;
    list-style:none;
}

#footer_left ul li a {
    display: block;
    height: 57px;
    background-position: 0 0;
}

#footer_left ul li a:HOVER {
    background-position: 0 57px;
}

#btn1 {
    background-image: url("../images/btn_1.png");
    width: 51px;
}

#btn2 {
    background-image: url("../images/btn_2.png");
    width: 50px;
}

#btn3 {
    background-image: url("../images/btn_3.png");
    width: 64px;
}

#btn4 {
    background-image: url("../images/btn_4.png");
    width: 86px;
}

#btn5 {
    background-image: url("../images/btn_5.png");
    width: 86px;
}

#btn6 {
    background-image: url("../images/btn_6.png");
    width: 51px;
}

#footer_right {
    float:right;
}

#footer_right img {
    margin-top: 20px;
}

/**
 * Rulers
 */
#ruler_bottom, #ruler_top {
    border-bottom: 1px solid #0dcbee;
}

#ruler_bottom h4 {
    margin: 5px 0 0;
}

/**
 * Middle - left column
 */
#middle ul {
    margin: 0;
    list-style: none outside;
    list-style-image: url('../images/list.gif');
    line-height: 15px;
}
#middle ul li {
	margin: 0 0 0 13px;
	padding: 0;
}
 
#middle #col_left {
    width: 418px;
    /*border: 1px solid #933;*/
    padding:36px 0 0;
    float:left;
}

#middle #col_left #main {
    margin:0 0 15px;
    padding: 0;
}

#middle p {
    line-height: 15px;
    font-size: 10px;
}


/**
 * Middle - right column
 */
#middle #col_right {
    width: 390px;
    /*border: 1px solid #393;*/
    padding: 36px 0 0;
    float:right;
}

#middle #col_right p a {
    color: #0dcbee;
}

#middle #col_right #player {
    width: 391px;
    height: 255px;
}

.more a {
    background-color: #0dcbee;
    color: black;
    padding: 1px 2px;
}

.more a:HOVER {
    text-decoration: none;
    background-color: white;
}

h2.top20px {
	margin-top: 20px !important;	
}

.font9pt {
	font-size: 9pt !important;
} 

#footer_menu {
	clear:both;
	margin: 0 auto;
	width: 625px;
}

#footer_menu li {
	float: left;
	margin-right: 15px;
}

#footer_container {
	width:100%;
	text-align: center;
}
