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

body {
	font-family         : Comics Sans MS;
    font-size           : 17pt;
    color               : #3F366D;
    padding             : 0;
    margin              : 0;
    background-color    : #DEE6CF;
    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               : #3148A8;
    text-decoration     : underline;
}
a:hover {
    color               : #FF0D0D;
    text-decoration     : underline;
}

.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 1pt 15px;
	padding: 0;
}

ul li {
	margin: 0 0 0 15px;
	padding: 0 0 6px 0;
	list-style: disc;
}

ol li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
	list-style: decimal;
}

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

/* Banner */
div#banner {
	margin: 0 0 30px 0;
	padding:0;
    background-color    : #BFDED5;
    background-image    : url();
    background-repeat   : no-repeat;
    height              : 200px;
    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           : 17pt;
    color               : #364398;
    font-weight         : bold;
}
div#banner div#logo h2 {
    font-size           : 13pt;
    color               : #3148A8;
    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 #DCF8E6;
    border-right        : 200px solid #F9EDCB;
    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    : #F9EDCB;
    min-height          : 90px;
}
div#inner div#content {
    position            : relative;
    padding             : 0 25px;
    padding-bottom      : 25px;
    font-size           : 14px;
    color               : #364398;
}
div#inner div#content p {
	padding : 0 0 1pt 0;
	margin : 0;
}

div#inner div#content h1 {
    font-weight         : bold;
    font-size           : 18px;
    color               : #5FAD97;
    margin-bottom       : 15px;
}
div#inner div#content div.articlearea img {
	padding             : 3px;
	border              : 1px #E6EDA3 solid;
	background-color    : #DBE67C;
}
div#inner div#content div.articlearea .bildunterschrift {
    display: block;
	padding-top: 6px;
	font-size: 12px;
	color: #37318E;
}

.articlearea {
	margin: 0 0 1pt 0;
	padding: 0;
    font-size: 14px;
    color: #364398;
}

div#breadcrumb {
    color               : #5FAD97;
    font-size           : 11px;
    margin-bottom       : 20px;
}
/***** TEASER *****/
#teaserbanner {
	margin: 0 auto;
	padding: 3px 5px;
	width: 970px;
	text-align:left;
	font-size: 12px;
	color: #37318E;
	background-color: #B9DBD1;
	border-left: 4px solid #D1DDBC;
	border-right: 4px solid #D1DDBC;
}
#afterlogo {
	margin: 0 0 15px 0;
	padding: 3px 5px;
	width: 740px;
	font-size: 12px;
	color: #37318E;
	background-color: #B9DBD1;
}
#aftermenu {
	width: 170px;
    padding: 5px 14px 5px 16px;
    margin: 20px 0 0 -15px;
    font-size: 12px;
    color: #37318E;
    background-color: #B9DBD1;
}
#beforenews {
    width: 170px;
    padding: 5px 14px 5px 16px;
    margin: 20px 0 20px -15px;
    font-size: 12px;
    color: #37318E;
    background-color: #B9DBD1;
}
#afternews {
	width: 170px;
    padding: 5px 14px 5px 16px;
    margin: 20px 0 0 -15px;
    font-size: 12px;
    color: #37318E;
	background-color: #B9DBD1;
}
#afterfooter {
	margin: 0 -20px -10px -10px;
	padding: 3px 5px;
  	font-size: 12px;
    color: #37318E;
	background-color: #B9DBD1;
}
#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    : #B9DBD1;
    color               : #37318E;
    font-size           : 12px;
    font-weight         : normal;
    margin-bottom       : 25px;
}
div.teaser p {
    margin-bottom       : 10px;
}
div.teaser img {
	padding             : 3px;
	border              : 1px #DFDB98 solid;
	background-color    : #D1DDBC;
}

/* Newsblock */
div.newsblock h2 {
    color               : #297A66;
    font-size           : 14px;
    font-weight         : bold;
    margin-bottom       : 10px;
    background-color    : #B6D9CF;
}
div.newscontent {
    color               : #37318E;
    font-size           : 12px;
    font-weight         : normal;
    overflow: hidden;
}
div.newscontent p {
	margin: 0 0 11px 0;
	padding: 0;
}
div.newsblock img {
	padding             : 4px;
	border              : 2px #23B495 solid;
	background-color    : #DBE67C;
}

/* Footer */
div#footer {
    border-top          : 3px solid #D1DDBC;
    clear               : left;
    background-color    : #92C7B8;
    background-image    : url();
    padding             : 5px 0;
    text-align          : center;
    font-size           : 12px;
    color               : #18346B;
}
div#footer a {
    color               : #33408E;
    text-decoration     : underline;
}
div#footer a:hover {
    color               : #FF2A2A;
    text-decoration     : underline;
}


div.rounded_left {
    MARGIN: 0pt auto; 
    WIDTH: 200px; 
    COLOR: #234D2B;
    LINE-HEIGHT: 4em; 
    FONT-FAMILY: Georgia; 
    BACKGROUND-COLOR: #DCF8E6; 
    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: #3148A8;
    LINE-HEIGHT: 4em; 
    FONT-FAMILY: Georgia; 
    BACKGROUND-COLOR: #F9EDCB; 
    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               : #4D799B;
	font-size           : 17px;
	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 #8DA9DC;
}
a.menu1:hover {
	padding             : 3px 0 5px 15px;
	color               : #FF5050;
    text-decoration     : none;
	font-size           : 17px;
    background-image    : url(../_media/stock-images/menu_1_square.png);
    background-position : 0 6px;
    background-repeat   : no-repeat;
}
a.menu1active:link,
a.menu1active:visited,
a.menu1active:active {
    border-bottom       : 1px solid #8DA9DC;
	padding             : 3px 0 5px 15px;
    display             : block;
	color               : #356A8C;
	font-size           : 17px;
	font-weight         : bold;
    text-decoration     : none;
    background-image    : url(../_media/stock-images/menu_1_square.png);
    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    : #FBE8BA;
	margin              : 0;
	padding             : 0;
    padding-left        : 15px;
    border-bottom       : 1px solid #8DA9DC;
}
a.menu2:link,
a.menu2:visited,
a.menu2:active {
	display             : block;
	padding             : 3px 0 5px 10px;
	color               : #394473;
	font-size           : 14px;
	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               : #C93E4F;
	font-size           : 14px;
    text-decoration     : none;
    background-image    : url(../_media/stock-images/menu_2_square.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               : #326383;
	font-size           : 14px;
	font-weight         : bold;
    background-image    : url(../_media/stock-images/menu_2_square.png);
    background-position : 0 7px;
    background-repeat   : no-repeat;
}
a.menu2active:hover {
    text-decoration     : none;
}

/* 3. level */
.menu3area {
    background-color    : #E5E2AC;
	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           : 13px;
    color               : #297D44;
	font-weight         : normal;
	text-decoration     : none;
}
a.menu3:hover {
	font-size           : 12px;
    color               : #FF1212;
    text-decoration     : underline;
}
a.menu3active:link,
a.menu3active:visited,
a.menu3active:active {
    height              : 100%;
    display             : block;
	padding             : 0 0 2px 0;
	font-size           : 13px;
    color               : #5C7851;
	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 #E0E88C;
	background-color: #F6F1B7;
}

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

#formular input{
	font-family: Comics Sans MS;
	font-size: 14px;
}

#formular textarea {
	font-family: Comics Sans MS;
	font-size: 14px;
}

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

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

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

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