﻿/***** � zeta software GmbH 2007
Layout: Sport *****/

body {
	font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #CC0000;
    padding             : 0;
    margin              : 0;
    background-color    : #FFFFFF;
    background-image    : url();
}

form, fieldset, div {
    border              : none;
    padding             : 0;
    margin              : 0;
}

span, p, h1, h2, h3, h4, h5, h6 {
	padding             : 0;
	margin              : 0;
}

a img {
    border              : none;
}

a {
    color               : #333333;
    text-decoration     : underline;
}
a:hover {
    color               : #CC0000;
    text-decoration     : none;
}

.clear {
    clear               : both;
}

.left {
    float               : left;
}

.right {
    float               : right;
}

img.left {
    margin-right        : 5px;
    margin-bottom       : 5px;
}

img.right {
    margin-left         : 5px;
    margin-bottom       : 5px;
}

ul {
    list-style-type     : square;
}

div#container {
    border              : 1px solid #CC0000;
    border-top          : none;
    width               : 960px;
    margin-left         : auto;
    margin-right        : auto;
    padding             : 0 10px 10px 10px;
    background-color    : #FFFFFF;
}

/* Banner */
div#banner {
    background-color    : #FFFFFF;
    background-image    : url();
    background-repeat   : no-repeat;
    height              : 219px;
    text-align          : left;
}
div#banner div#logo {
	width               : 193px;
	position            : absolute;
	top                 : 3px;
	margin-left         : 200px;
	left: 97px;
	height: 175px;
}
div#banner div#logo h1 {
    font-size           : 35px;
    color               : #CC0000;
    font-weight         : bold;
}
div#banner div#logo h2 {
    font-size           : 18px;
    color               : #CC0000;
    font-weight         : bold;
}
div#banner div.banner_wave {
    background-image    : url(../_media/stock-images/header_welle.png);
    background-repeat   : no-repeat;
    background-position : left bottom;
    width               : 960px;
    height              : 219px;
}

div#outer {
    border-left         : 200px solid #FFFFFF;
    border-right        : 200px solid #FFFFFF;
    background-color    : #FFFFFF;
    background-image    : url();
    background-repeat   : no-repeat;
    background-position : right bottom;
    width               : 560px;
}
div#inner {
    margin              : 0;
    width               : 100%;
}
div#inner div#left {
    width               : 200px;
    float               : left;
    position            : relative;
    margin-left         : -200px;
    margin-right        : 1px;
}
div#inner div#left div.content_left {
    padding             : 0 15px;
}
div#inner div#right {
    width               : 200px;
    float               : right;
    position            : relative;
    margin-right        : -200px;
    margin-left         : 1px;
    margin-top          : -110px;
    z-index             : 99;
}
div#inner div#right div.content_right {
    padding             : 0 15px;
    background-color    : #FFFFFF;
    min-height          : 90px;
}
div#inner div#content {
    position            : relative;
    padding             : 0 25px;
    padding-bottom      : 25px;
    font-size           : 12px;
    color               : #666666;
}
div#inner div#content p {
    margin-bottom       : 15px;
}
div#inner div#content h1 {
	font-weight         : normal;
	font-size           : 18px;
	color               : #B90000;
	margin-bottom       : 15px;
}
div#inner div#content div.articlearea img {
	padding             : 1px;
	border              : 1px #CC0000 solid;
	background-color    : #CC0000;
}
div#inner div#content div.articlearea .bildunterschrift {
    font-size           : 10px;
    color               : #666666;
}

div#breadcrumb {
    background-color    : ;
    color               : #666666;
    font-size           : 11px;
    margin-bottom       : 20px;
}
div#breadcrumb a {
    color               : #333333;
    text-decoration     : underline;
}
div#breadcrumb a:hover {
    color               : #CC0000;
    text-decoration     : none;
}

/* Teaser */
div.teaser {
    background-color    : #000000;
    color               : #818181;
    font-size           : 11px;
    font-weight         : normal;
    margin-bottom       : 25px;
}
div.teaser p {
    margin-bottom       : 10px;
}
div.teaser img {
	padding             : 1px;
	border              : 1px #CC0000 solid;
	background-color    : #CC0000;
}

/* Newsblock */
div.newsblock h2 {
    color               : #000000;
    font-size           : 12px;
    font-weight         : bold;
    margin-bottom       : 10px;
    background-color    : ;
}
div.newscontent {
    color               : #818181;
    font-size           : 11px;
    font-weight         : normal;
}
div.newscontent p {
    margin-bottom       : 10px;
}
div.newsblock img {
	padding             : 1px;
	border              : 1px #CC0000 solid;
	background-color    : #CC0000;
}

/* Footer */
div#footer {
    border-top          : 1px solid #CC0000;
    clear               : left;
    background-color    : #CC0000;
    background-image    : url();
    padding             : 5px 0;
    text-align          : center;
    font-size           : 11px;
    color               : #FCFCFC;
}
div#footer a {
    color               : #FFFFFF;
    text-decoration     : underline;
}
div#footer a:hover {
    color               : #FFFFFF;
    text-decoration     : none;
}


div.rounded_left {
    MARGIN: 0pt auto; 
    WIDTH: 200px; 
    COLOR: #CC0000;
    LINE-HEIGHT: 4em; 
    FONT-FAMILY: Georgia; 
    BACKGROUND-COLOR: #FFFFFF; 
    TEXT-ALIGN: center; 
    FONT-VARIANT: small-caps; 
    font-size-adjust: none; 
    font-stretch: normal;
}
div.rounded_right {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 2em; 
    MARGIN: 0pt auto; 
    WIDTH: 200px; 
    COLOR: #CC0000;
    LINE-HEIGHT: 4em; 
    FONT-FAMILY: Georgia; 
    BACKGROUND-COLOR: #FFFFFF; 
    TEXT-ALIGN: center; 
    FONT-VARIANT: small-caps; 
    font-size-adjust: none; 
    font-stretch: normal;
}

/***** MENU *****/
/* 1. level */
.menu1area {
    margin-bottom       : 25px;
}
a.menu1:link,
a.menu1:visited,
a.menu1:active {
    display             : block;
	margin              : 0;
	padding             : 3px 0 5px 15px;
	color               : #818181;
	font-size           : 12px;
	font-weight         : normal;
	text-decoration     : none;
    background-image    : url();
    background-position : 0 6px;
    background-repeat   : no-repeat;
    border-bottom       : 1px solid #CC0000;
}
a.menu1:hover {
	padding             : 3px 0 5px 15px;
	color               : #CC0000;
    text-decoration     : none;
	font-size           : 12px;
    background-image    : url();
    background-position : 0 6px;
    background-repeat   : no-repeat;
}
a.menu1active:link,
a.menu1active:visited,
a.menu1active:active {
    border-bottom       : 1px solid #CC0000;
	padding             : 3px 0 5px 15px;
    display             : block;
	color               : #000000;
	font-size           : 12px;
	font-weight         : bold;
    text-decoration     : none;
    background-image    : url();
    background-position : 0 6px;
    background-repeat   : no-repeat;
}
a.menu1active:hover {
    text-decoration     : none;
}

/* 2. level */
.menu2area {
    background-image    : url();
    background-position : 0 bottom;
    background-repeat   : repeat-y;
    background-color    : #FFFFFF;
	margin              : 0;
	padding             : 0;
    padding-left        : 15px;
    border-bottom       : 1px solid #CC0000;
}
a.menu2:link,
a.menu2:visited,
a.menu2:active {
	display             : block;
	padding             : 3px 0 5px 10px;
	color               : #818181;
	font-size           : 11px;
	font-weight         : normal;
	text-decoration     : none;
    background-image    : url();
    background-position : 0 7px;
    background-repeat   : no-repeat;
}
a.menu2:hover {
	padding             : 3px 0 5px 10px;
	color               : #CC0000;
	font-size           : 11px;
    text-decoration     : none;
    background-image    : url();
    background-position : 0 7px;
    background-repeat   : no-repeat;
}
a.menu2active:link,
a.menu2active:visited,
a.menu2active:active {
	padding             : 3px 0 5px 10px;
    display             : block;
    text-decoration     : none;
	color               : #818181;
	font-size           : 11px;
	font-weight         : bold;
    background-image    : url();
    background-position : 0 7px;
    background-repeat   : no-repeat;
}
a.menu2active:hover {
    text-decoration     : none;
}

/* 3. level */
.menu3area {
    background-color    : #f5f5f5;
	margin              : 0;
	padding             : 10px;
    height              : 100%;
}
a.menu3:link,
a.menu3:visited,
a.menu3:active {
    height              : 100%;
    display             : block;
	padding             : 0 0 2px 0;
	font-size           : 11px;
    color               : #666666;
	font-weight         : normal;
	text-decoration     : none;
}
a.menu3:hover {
	font-size           : 11px;
    color               : #CC0000;
    text-decoration     : underline;
}
a.menu3active:link,
a.menu3active:visited,
a.menu3active:active {
	height              : 100%;
	display             : block;
	padding             : 0 0 2px 0;
	font-size           : 11px;
	color               : #666666;
	font-weight         : normal;
	text-decoration     : underline;
}
a.menu3active:hover {
    text-decoration     : underline;
}

/* Search Form*/
div#search_form {
    margin-bottom       : 10px;
}
div#search_form label {
    display             : block;
    margin              : 0 0 7px 0;
    padding             : 0;
}
div#search_form input {
    font-size           : 11px;
}
div#search_form input.textfield {
    font-size           : 11px;
    border              : 1px solid #CC0000;
    width               : 100px;
    padding             : 2px 0 2px 5px;
    color               : #666666;
    margin-right        : 3px;
}
div#search_form input.submit {
    background-color    : #CC0000;
    border              : 1px solid #676767;
    width               : 45px;
    font-size           : 11px;
    color               : #FFFFFF;
}
