/* ----------------------------------------------------------------
	screen.css fibser.de
	erstellt 2009/09/22
-----------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* general - tags */
/* --------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

/* scrollleiste erzwingen, um "hüpfen" der Seite zu verhindern
html {
    overflow: scroll; 
}
*/

/* 100.1% im body --> 1em entspricht somit 16px */
body {
    font-size: 100.01%;
    font-family: verdana, tahoma, arial;
    background: #fff url(../images/body_bg.png) repeat-x top left;
}

textarea {
    font-family: verdana, arial;
    font-size: 0.9em;
}

/* Links bearbeiten */
a {
    text-decoration: none;
    color: #4C6179;
}

/* Rahmen für Formularbereich und Bild nullsetzen */
fieldset, img {
    border: none;
}

/* Listen, Absätze und Zitate neu formatieren */
ul {
    list-style-type: none;
}


/* --------------------------------------------------------------*/
/* general - ids*/
/* --------------------------------------------------------------*/

/* Wenn die Seite mittig ausgerichtet sein soll, */
/* muss im Container-Div "margin: 0 auto;" stehen und im Body-Div "text-align: center;" */

div#container {
    width: 898px;
    background: transparent url(../images/container_bg.jpg) no-repeat top left;
    padding-top: 75px;
    position: relative;
}

/* --------------------------------------------------------------*/
/* general - classes */
/* --------------------------------------------------------------*/

.cleaner {
    clear: both;
    margin: 0;
    padding: 0;
}

* html .cleaner {
    height: 0px;
    font-size: 1px;
}

*:first-child+html .cleaner {
    height: 0px;
}


/* --------------------------------------------------------------*/
/* header */
/* --------------------------------------------------------------*/


/* --------------------------------------------------------------*/
/* navigation_main */
/* --------------------------------------------------------------*/

div#navigation_main {
    margin-left: 500px;
    width: 280px;
}

div#navigation_main ul li a {
    font-size: 0.8em;
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 6px 0pt 6px 30px;
}

*html div#navigation_main ul li a {
    height: 1px;
}

*:first-child+html div#navigation_main ul li a {
	height: 17px;
}

div#navigation_main ul li a:hover {
	background: #dd6d2e;
	opacity: 0.70;
	filter: alpha(opacity=70);
 	-moz-opacity: 0.70;
 	-khtml-opacity: 0.70;
}

div#navigation_main ul li a.sub {
	width: 110px;
}

div#navigation_main ul li a.active {
    color: #4b586b;
	background: #fff;
	opacity: 0.70;
	filter: alpha(opacity=70);
 	-moz-opacity: 0.70;
 	-khtml-opacity: 0.70;
}

div#navigation_main ul li ul {
    background: #dd6d2e;
	position: absolute;
    margin-left: 140px;
    margin-top: -28px;
	width: 140px;
	left: -999em;
    opacity: 0.70;
	filter: alpha(opacity=70);
 	-moz-opacity: 0.70;
 	-khtml-opacity: 0.70;
}

*html div#navigation_main ul li ul {
    margin-top: -11px;
}

*html div#navigation_main ul li a.sub {
	margin-bottom: -18px; 
}

div#navigation_main ul li:hover ul, div#navigation_main ul li.sfhover ul {
	left: auto;
}


/* --------------------------------------------------------------*/
/* navigation_add */
/* --------------------------------------------------------------*/

div#navigation_add {
    margin: 15px 0pt 0pt 180px;
}

div#navigation_add ul li {
    float: left;
}

div#navigation_add ul li a {
    padding-left: 22px;
    margin-right: 8px;
    font-size: 0.8em;
    color: #c26129;
    font-weight: bold;
    background: transparent url(../images/navigation_add_bg.png) no-repeat top left;
}

div#navigation_add ul li a:hover, div#navigation_add ul li a.active {
    color: #515d6f;
    background: transparent url(../images/navigation_add_bg_hover.png) no-repeat top left;
}


/* --------------------------------------------------------------*/
/* navigation_footer*/
/* --------------------------------------------------------------*/

div#navigation_footer {
    margin: 5px 0pt 0pt 20px;
}

div#navigation_footer ul li {
    float: left;
    margin-right: 20px;
}

div#navigation_footer ul li a {
    font-size: 0.7em;
    color: #666;
    font-weight: bold;
}

div#navigation_footer ul li a:hover {
    color: #000;
}

div#navigation_footer ul ul li {
    float: none;
    margin-right: 0pt;
}

/* --------------------------------------------------------------*/
/* middle */
/* --------------------------------------------------------------*/

.subtitle_pic {
	font-size: 0.7em;
}

/* --------------------------------------------------------------*/
/* content */
/* --------------------------------------------------------------*/

div#content {
    padding: 60px 90px 0pt 100px;
    font-size:0.8em;
    min-height: 300px;
    position: relative;
}

* html #content {
    height: 300px;
}

#content p {
    margin-bottom: 0.75em;
}

#content a {
    font-weight: bold;
}

#content a:hover {
    text-decoration: underline;
}

#content ul, ol {
	margin: 0 2em 1em;
}

#content ul {
	list-style-image: url(../images/anstrich.gif);
	padding-left: 18px;
	margin: 0 1em 1em 1em;
}

#content h1 {
    font-size: 1em;
    background: transparent url(../images/content_h1_bg.png) no-repeat left bottom;
    margin-left: -35px;
    padding-left: 35px;
    padding-bottom: 10px;
    margin-bottom: 4px;
    margin-top: 20px;
	color: #c26129;
}

#content h2 {
    font-size: 1em;
}

#content h3, #content h4, #content h5, #content h6 {
    font-size: 0.9em;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
    margin-bottom: 0.6em;
    color: #c26129;
}

div#content div#logo_doping {
    position: absolute;
    right: 0pt;
    text-align: center;
    width: 75px;
}

div#content div#logo_doping img {
    margin-bottom: 10px;;
}

div#content dd.csc-textpic-caption {
    color: #666;
    font-size: 0.7em;
}

/* --------------------------------------------------------------*/
/* footer */
/* --------------------------------------------------------------*/

div#footer {
    margin: 0pt 0pt 20px 80px;
    position: relative;
}

div#footer_img {
    text-align: right;
    border-bottom: 1px solid #666;
}

div#footer_text {
    position: absolute;
    right:300px;
    top: 100px;
    font-size: 0.8em;
}

div#footer_text p.powered_tritum {
    margin-top: 10px;
    text-align: center;
	font-size: 10px;
}


/* --------------------------------------------------------------*/
/* sponsoring */
/* --------------------------------------------------------------*/

div#sponsoring {
    position: absolute;
    left: 785px;
    top: 15px;
    width: 106px;
}

/* --------------------------------------------------------------*/
/* language */
/* --------------------------------------------------------------*/

div#logo_doping ul.navigation_language {
    list-style-image: none;
    margin: 0pt 15px;
    padding: 0pt;
}

div#logo_doping ul.navigation_language li {
    float: left;
    margin: 0pt 3px;