﻿/***** © zeta software GmbH 2008
Layout: Sport *****/

body {
	font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #666666;
    padding             : 0;
    margin              : 0;
    background-color    : #EEEEEE;
    background-image    : url();
}

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               : #666666;
    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;
}

td {
	vertical-align: top;
}

div#container {
    border: 1px solid #CCCCCC;
    border-top: none;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px 10px 10px;
    background-color: #FFFFFF;
    overflow: hidden;
}

div#banner {
	margin: 0 0 30px 0;
	padding:0;
    background-color    : #FFFFFF;
    background-image    : url(../_media/stock-images/header.jpg);
    background-repeat   : no-repeat;
    height              : 191px;
    text-align          : left;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

div#banner div#logo {
    position            : absolute;
    top                 : 15px;
    margin-left         : 222px;
}
div#banner div#logo h1 {
    font-size           : 35px;
    color               : #517A2F;
    font-weight         : bold;
}
div#banner div#logo h2 {
    font-size           : 20px;
    color               : #FFFFFF;
    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;
    position: absolute;
    z-index: 5;
    overflow: hidden; 
}

div#outer {
    border-left         : 200px solid #8DA9DC;
    border-right        : 200px solid #85BE56;
    background-color    : #FFFFFF;
    background-image    : url(../_media/stock-images/content_image_bottom.png);
    background-repeat   : no-repeat;
    background-position : right bottom;
}

div#outer_full {
    border-left         : 200px solid #8DA9DC;
    background-color    : #FFFFFF;
    background-image    : url(../_media/stock-images/content_image_bottom.png);
    background-repeat   : no-repeat;
    background-position : right bottom;
}

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    : #85BE56;
    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 {
	padding : 0 0 15px 0;
	margin : 0;
}
div#inner div#content h1 {
    font-weight         : bold;
    font-size           : 18px;
    color               : #666666;
    margin-bottom       : 15px;
    line-height: 23px;
}
div#inner div#content div.articlearea img {
	padding             : 3px;
	border              : 1px #E6E6E6 solid;
	background-color    : #FFFFFF;
}
div#inner div#content div.articlearea .bildunterschrift {
    display: block;
	padding-top: 6px;
	font-size: 10px;
	color: #666666;
}


.articlearea {
	margin: 0 0 20px 0;
	padding: 0;
    font-size: 12px;
    color: #666666;
}

div#breadcrumb {
    color               : #666666;
    font-size           : 11px;
    margin-bottom       : 20px;
}


/***** TEASER *****/
.teaser-headline {
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 11px;
	font-weight: bold;
	color: #51668b;
	display: block;
}

#teaserbanner {
	margin: 0;
	padding: 3px 5px;
	font-size: 11px;
	color: #51668b;
	background-color: #d8e4fb;
}
#afterlogo {
	margin: 0 0 15px 0;
	padding: 3px 5px;
	width: 740px;
	font-size: 11px;
	color: #51668b;
	background-color: #d8e4fb;
}
#aftermenu {
	width: 170px;
    padding: 5px 14px 5px 16px;
    margin: 20px 0 0 -15px;
    font-size: 11px;
    color: #51668b;
    background-color: #d8e4fb;
}
#beforenews {
    width: 170px;
    padding: 5px 14px 5px 16px;
    margin: 20px 0 20px -15px;
    font-size: 11px;
    color: #51668b;
    background-color: #d8e4fb;
}
#afternews {
	width: 170px;
    padding: 5px 14px 5px 16px;
    margin: 20px 0 0 -15px;
    font-size: 11px;
    color: #51668b;
	background-color: #d8e4fb;
}
#afterfooter {
	margin: 0;
	padding: 3px 5px;
  	font-size: 11px;
    color: #51668b;
	background-color: #d8e4fb;
}
#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    : #d8e4fb;
    color               : #51668b;
    font-size           : 11px;
    font-weight         : normal;
    margin-bottom       : 25px;
}
div.teaser p {
    margin-bottom       : 10px;
}
div.teaser img {
	padding             : 3px;
	border              : 1px #E6E6E6 solid;
	background-color    : #FFFFFF;
}

/* Newsblock */
div.newsblock h2 {
    color               : #FFFFFF;
    font-size           : 12px;
    font-weight         : bold;
    margin-bottom       : 10px;
    background-color    : ;
}
div.newscontent {
    color               : #FFFFFF;
    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 #E6E6E6 solid;
	background-color    : #FFFFFF;
}

/* Footer */
div#footer {
    border-top          : 1px solid #FFFFFF;
    clear               : left;
    background-color    : #5079C7;
    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: #8DA9DC; 
    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: #85BE56; 
    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(../_media/stock-images/menu_1_square.png);
    background-position : 0 6px;
    background-repeat   : no-repeat;
    border-bottom       : 1px solid #eeeeee;
}
a.menu1:hover {
	padding             : 3px 0 5px 15px;
	color               : #FFFFFF;
    text-decoration     : none;
	font-size           : 12px;
    background-image    : url(../_media/stock-images/menu_1_square_hover.png);
    background-position : 0 6px;
    background-repeat   : no-repeat;
}
a.menu1active:link,
a.menu1active:visited,
a.menu1active:active {
    border-bottom       : 1px solid #eeeeee;
	padding             : 3px 0 5px 15px;
    display             : block;
	color               : #FFFFFF;
	font-size           : 12px;
	font-weight         : bold;
    text-decoration     : none;
    background-image    : url(../_media/stock-images/menu_1_square_hover.png);
    background-position : 0 6px;
    background-repeat   : no-repeat;
}
a.menu1active:hover {
    text-decoration     : none;
}

/* 2. level */
.menu2area {
    background-image    : url(../_media/stock-images/menu_2_bg.png);
    background-position : 0 bottom;
    background-repeat   : repeat-y;
    background-color    : ;
	margin              : 0;
	padding             : 0;
    padding-left        : 15px;
    border-bottom       : 1px solid #eeeeee;
}
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(../_media/stock-images/menu_2_square.png);
    background-position : 0 7px;
    background-repeat   : no-repeat;
}
a.menu2:hover {
	padding             : 3px 0 5px 10px;
	color               : #FFFFFF;
	font-size           : 11px;
    text-decoration     : none;
    background-image    : url(../_media/stock-images/menu_2_square_hover.png);
    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(../_media/stock-images/menu_2_square_hover.png);
    background-position : 0 7px;
    background-repeat   : no-repeat;
}
a.menu2active:hover {
    text-decoration     : none;
}

/* 3. level */
.menu3area {
    background-color    : #d8e4fb;
	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               : #999999;
    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         : bold;
    text-decoration     : underline;
}
a.menu3active:hover {
    text-decoration     : underline;
}

/***** FORM *****/
form {
    border: none;
    padding: 0;
    margin: 5px 0 0 0;
}

#formular {
	margin: 0;
	padding: 0;
}

#formular p {
	margin: 0;
	padding: 0;
}

#formular table {
	margin: 0;
	padding: 0;
	border: 1px solid #CCCCCC;
	background-color: #EFF2FF;
}

#formular td {
	white-space: nowrap;
	vertical-align: middle;
	padding: 10px 10px 10px 5px;
	margin: 0;
}

#formular input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#formular textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#formular .label,#formular .desc {
	padding: 1px 15px 1px 8px;
	background-color: #EFF2FF;
}

#formular .submit {
	padding: 1px 15px 10px 8px;
	background-color: #EFF2FF;
}

.separator {
	padding: 0;
	margin: 0;
	line-height: 1px;
	height: 1px;
	border-bottom: 1px solid #CCCCCC;
}

#formular .multiline {
	padding: 8px 15px 1px 8px;
	vertical-align: top;
}

.desc {
	padding: 4px 15px 4px 8px;
}

/* Search Form*/
div#search_form {
    margin-bottom       : 20px;
}

div#search_form form{
    margin: 0;
    padding: 0;
}

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 #676767;
    width               : 100px;
    padding             : 2px 0 2px 5px;
    color               : #666666;
    margin-right        : 3px;
}
div#search_form input.submit {
    background-color    : #5079C7;
    border              : 1px solid #676767;
    width               : 45px;
    font-size           : 11px;
    color               : #FFFFFF;
}
/***** PRINT *****/
#print {
	display: none;
}