﻿/***** © zeta software GmbH 2008
Layout: Sport *****/

body {
	font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #8B0000;
    padding             : 0;
    margin              : 0;
    background-color    : #8B0000;
    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               : #FF7F50;
    text-decoration     : underline;
}
a:hover {
    color               : #8B0000;
    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,ol {
	margin: 0 0 15px 15px;
	padding: 0;
}

ul li {
	margin: 0 0 0 15px;
	padding: 0 0 6px 0;
	list-style: square;
}

ol li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
	list-style: decimal;
}

div#container {
    border: 1px solid #8B0000;
    border-top: none;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px 10px 10px;
    background-color: #FFECE5;
    overflow: hidden;
}

/* Banner */
div#banner {
	margin: 0 0 30px 0;
	padding:0;
    background-color    : #FFECE5;
    background-image    : url();
    background-repeat   : no-repeat;
    height              : 170px;
    text-align          : left;
    overflow: hidden;
    position: relative;
    z-index: 1;

}
div#banner div#logo {
    width               : 350px;
    position            : absolute;
    top                 : 65px;
    margin-left         : 200px;
}
div#banner div#logo h1 {
    font-size           : 10px;
    color               : transparent;
    font-weight         : bold;
}
div#banner div#logo h2 {
    font-size           : 10px;
    color               : transparent;
    font-weight         : bold;
}
div#banner div.banner_wave {
    width               : 960px;
    height              : 219px;
    position: absolute;
    z-index: 5;
    overflow: hidden; 
}

div#outer {
    border-left         : 200px solid #FF7F50;
    border-right        : 200px solid #FF7F50;
    background-color    : #FFECE5;
    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          : -190px;
    z-index             : 99;
}
div#inner div#right div.content_right {
    padding             : 0 15px;
    background-color    : #FF7F50;
    min-height          : 90px;
}
div#inner div#content {
    position            : relative;
    padding             : 0 25px;
    padding-bottom      : 25px;
    font-size           : 12px;
    color               : #8B0000;
}
div#inner div#content p {
	padding : 0 0 15px 0;
	margin : 0;
}

div#inner div#content h1 {
    font-weight         : bold;
    font-size           : 18px;
    color               : #8B0000;
    margin-bottom       : 15px;
}
div#inner div#content div.articlearea img {
	padding             : 1px;
	border              : 1px #8B0000 solid;
	background-color    : #8B0000;
}
div#inner div#content div.articlearea .bildunterschrift {
    font-size           : 10px;
    color               : #8B0000;
}

.articlearea {
	margin: 0 0 20px 0;
	padding: 0;
    font-size: 12px;
    color: #8B0000;
}

div#breadcrumb {
    color               : #8B0000;
    font-size           : 11px;
    margin-bottom       : 20px;
}
/***** TEASER *****/
#teaserbanner {
	margin: 0 auto;
	padding: 3px 5px;
	width: 970px;
	text-align:left;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #8B0000;
	border-left: 1px solid #8B0000;
	border-right: 1px solid #8B0000;
}
#afterlogo {
	margin: 0 0 15px 0;
	padding: 3px 5px;
	width: 740px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #8B0000;
}
#aftermenu {
	width: 170px;
    padding: 5px 14px 5px 16px;
    margin: 20px 0 0 -15px;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #8B0000;
}
#beforenews {
    width: 170px;
    padding: 5px 14px 5px 16px;
    margin: 20px 0 20px -15px;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #8B0000;
}
#afternews {
	width: 170px;
    padding: 5px 14px 5px 16px;
    margin: 20px 0 0 -15px;
    font-size: 11px;
    color: #FFFFFF;
	background-color: #8B0000;
}
#afterfooter {
	margin: 0 -20px -10px -10px;
	padding: 3px 5px;
  	font-size: 11px;
    color: #FFFFFF;
	background-color: #8B0000;
}
#banner p,#afterlogo p,#aftermenu p,#beforenews p,#afternews p,#afterfooter p {
	margin: 0;
	padding: 0;
}
#banner img,#afterlogo img,#aftermenu img,#beforenews img,#afternews img,#afterfooter img {
	display: block;
}

/* Teaser */
div.teaser {
    background-color    : #8B0000;
    color               : #FFFFFF;
    font-size           : 11px;
    font-weight         : normal;
    margin-bottom       : 25px;
}
div.teaser p {
    margin-bottom       : 10px;
}
div.teaser img {
	padding             : 3px;
	border              : 1px #FFFFFF solid;
	background-color    : #8B0000;
}

/* Newsblock */
div.newsblock h2 {
    color               : #8B0000;
    font-size           : 12px;
    font-weight         : bold;
    margin-bottom       : 10px;
    background-color    : #FFFFFF;
}
div.newscontent {
    color               : #8B0000;
    font-size           : 11px;
    font-weight         : normal;
    overflow: hidden;
}
div.newscontent p {
	margin: 0 0 10px 0;
	padding: 0;
}
div.newsblock img {
	padding             : 3px;
	border              : 1px #8B0000 solid;
	background-color    : #8B0000;
}

/* Footer */
div#footer {
    border-top          : 1px solid #8B0000;
    clear               : left;
    background-color    : #8B0000;
    background-image    : url();
    padding             : 5px 0;
    text-align          : center;
    font-size           : 11px;
    color               : #FFFFFF;
}
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: #FFFFFF;
    LINE-HEIGHT: 4em; 
    FONT-FAMILY: Georgia; 
    BACKGROUND-COLOR: #FF7F50; 
    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: #FFFFFF;
    LINE-HEIGHT: 4em; 
    FONT-FAMILY: Georgia; 
    BACKGROUND-COLOR: #FF7F50; 
    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               : #FFFFFF;
	font-size           : 12px;
	font-weight         : normal;
	text-decoration     : none;
    background-image    : url();
    background-position : 0 6px;
    background-repeat   : no-repeat;
    border-bottom       : 1px solid #8B0000;
}
a.menu1:hover {
	padding             : 3px 0 5px 15px;
	color               : #8B0000;
    text-decoration     : none;
	font-size           : 14px;
    background-image    : url();
    background-position : 0 6px;
    background-repeat   : no-repeat;
}
a.menu1active:link,
a.menu1active:visited,
a.menu1active:active {
    border-bottom       : 1px solid #8B0000;
	padding             : 3px 0 5px 15px;
    display             : block;
	color               : #FFFFFF;
	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    : ;
	margin              : 0;
	padding             : 0;
    padding-left        : 15px;
    border-bottom       : 1px solid #8B0000;
}
a.menu2:link,
a.menu2:visited,
a.menu2:active {
	display             : block;
	padding             : 3px 0 5px 10px;
	color               : #FFFFFF;
	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               : #8B0000;
	font-size           : 12px;
    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               : #FFFFFF;
	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    : #FF7F50;
	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               : #FFFFFF;
	font-weight         : normal;
	text-decoration     : none;
}
a.menu3:hover {
	font-size           : 12px;
    color               : #8B0000;
    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               : #FFFFFF;
	font-weight         : bold;
    text-decoration     : underline;
}
a.menu3active:hover {
    text-decoration     : underline;
}

/***** FORM *****/
#formular p {
	margin: 0;
	padding: 0;
}

#formular table {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #8B0000;
	background-color: #FFFFFF;
}

#formular td {
	white-space: nowrap;
	vertical-align: middle;
	padding: 5px 5px 5px 5px;
}

#formular input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#formular textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.checkbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

#formular .label,#formular .desc {
	padding: 1px 15px 1px 8px;
	background-color: #FFFFFF;
}

#formular .submit {
	padding: 1px 15px 5px 8px;
	background-color: #FFFFFF;
}

.separator {
	padding: 0;
	margin: 0;
	line-height: 1px;
	height: 1px;
	border-bottom: 1px solid #8B0000;
}

#formular .multiline {
	padding: 4px 15px 1px 8px;
	vertical-align: top;
}

.desc {
	padding: 4px 15px 4px 8px;
}


/* Search Form*/
div#search_form {
    margin-bottom       : 20px;
}
div#search_form label {
    display             : block;
    margin              : 0 0 7px 0;
    padding             : 0;
}
div#search_form input {
    font-size           : 11px;
}
div#search_form input.field {
    font-size           : 11px;
    border              : 1px solid #8B0000;
    width               : 100px;
    padding             : 2px 0 2px 5px;
    color               : #8B0000;
    margin-right        : 3px;
}
div#search_form input.submit {
    background-color    : #8B0000;
    border              : 1px solid #8B0000;
    width               : 45px;
    font-size           : 11px;
    color               : #FFFFFF;
}
/***** PRINT *****/
#print {
	display: none;
}
