/**
 * $Id: main.css 43769 2010-05-20 09:14:09Z ztrulec $
 *
 * Copyright (c) 2003-2007 DFB-Medien GmbH & Co. KG. All Rights Reserved.
 *
 * This software is proprietary and confidential information of
 * DFB-Medien GmbH & Co. KG. Use is subject to license terms.
 */
 
/**
 * Allgemeine Stylesheets
 *  
 * @project Sportmedia
 * @author  Zeljko Trulec
 * @date    11.12.2007
 * 
 */

@CHARSET "ISO-8859-1";

/* ########################### */
/* Body und Layout */
body, td {
  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
  color: black;
  padding: 0px;
  margin: 0px;
}

body {
  background: #F0F8EB url(images/background.jpg) top left repeat-x fixed;
}

div#content {
	min-height: 400px;
}

p, div {
  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
  color: black;
}

a, a:link, a:active,
a:hover, a:visited {
  color: #000000;
  text-decoration: underline;
  font-size: 12px;
}
.head {
  clear: both;
  width: 100%;
  height: 104px;
  position: relative;
  top: 0px;
  left: 0px;
}
.head .logo1 {
  background-color: transparent;
  background-image: url(images/sm_header_3.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  width: 811px;
  height: 104px;
}
.head .logo2 {
  position: absolute;
  top: 24px;
  left: 10px;
  background: transparent url(images/sm_logo3.gif) center no-repeat;
  width: 220px;
  height: 55px;
  float: left;
}
.test {
  padding: 0px 10px;
}
table.content {
  width: 810px;
  border: 0px solid blue;
}
div.content {
  clear: both;
  padding: 0px 0px 0px 0px;
  background: transparent url(images/semitrans.png) top left repeat;
  border-color: #AAAAAA;
  border: 0px solid;
  width: 810px;
}
.left_content {
  position: absolute;
  width: 194px;
  padding: 0px 10px;
  border: 0px solid;
}
.right_content {
  position: relative;
  margin-left: 0px;
  padding: 0px 10px 0px 10px;
  left: 215px;
  width: 576px;
}
.foot {
  background: transparent url(images/footer1.gif) no-repeat left 10px ;
  height: 55px;
  width: 791px;
  border: 0px solid;
  vertical-align: middle;
  clear: both;
  padding: 15px 10px 10px 10px;
}
.foot .dfblogo {
  height: 45px;
  width: 194px;
  float: left;
  border: 0px solid;
}
.foot .dfblogo img {
  height: 45px;
  width: 194px;
  background: transparent url(images/dfb-medien.gif) center no-repeat;
}
.foot .footer {
  font-size: 10px;
  padding-top: 15px;
  padding-left: 35px;
  border: 0px solid;
  vertical-align: middle;
  float: left;
}
.foot .version {
  text-align: right;
  font-size: 10px;
  padding-top: 15px;
  padding-right: 15px;
  float: right;
  border: 0px solid;
}

/* ########################### */
/* Menue */
/* BG: dunkel: 0D8353; hell: B6DACB */
ul.menu {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

ul.menu a, ul.menu a:link, ul.menu a:visited {
  text-decoration: none;
  display: block;
  border: 0px solid;
  color: #002000;
  line-height: 24px;
  height: 24px;
  padding-left: 10px;
  font-weight: bold;
}
ul.menu li {
  display: block;
  color: #002000;
  line-height: 24px;
  height: 24px;
}
ul.menu li.active {
  color: #FFFFFF;
  background-color: #0D8353;
}
ul.menu li.spacer {
  line-height: 10px;
  height: 10px;
  font-size: 1px;
}
ul.menu li.small {
  font-size: 10px;
}

ul.menu li.active a {
  color: #FFFFFF;
  background-color: #0D8353;
}
ul.menu a:hover {
  color: #000000;
  background-color: #B6DACB;
}
/* ########################### */

/* ########################### */
/* content_button */
.content_button {
  padding: 0px;
  margin: 0px;
  width: 180px;
  text-align: center;
}

.content_button a {
  text-decoration: none;
  display: block;
  border: 0px solid;
  color: #002000;
  line-height: 24px;
  height: 24px;
  padding-left: 0px;
  font-weight: bold;
}
.content_button a:hover {
  color: #FFFFFF;
  background-color: #0D8353;
}
/* ########################### */

/* ########################### */
/* content_login_box */
.content_login_box {
	padding: 0px;
  margin: 0px;
  width: 180px;
  text-align: left;
}

.content_login_box form div {
	padding: 5px 0;
}

.content_login_box form div .loginlabel {
	color: #AAAAAA;
}
.content_login_box form div input.logintext,
.content_login_box form div input.loginlabel {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #7F9DB9;
	padding: 1px 3px;
}
/* ########################### */

/* ########################### */
/* Powered by -Box */
div.poweredbox {
  margin-top: 30px;
  width: 174px;
  height: 100px;
  padding: 0px 10px;
  border: 0px solid;
}
div.poweredbox .powered_desc div {
  font-size: 10px;
}
div.poweredbox .powered_img {
  width: 150px;
  height: 60px;
}
div.poweredbox .powered_img img {
  padding: 4px 0px;
  width: 135px;
  height: 60px;
  background: transparent url(images/dfbnet.gif) center no-repeat;
}
/* ########################### */

/* ########################### */
/* Allgemeine Styles */
.sportmedia1 {
  font-family: Arial, Helvetica;
  font-weight: bold;
  color: #000000;
}
.sportmedia2 {
  font-family: Arial, Helvetica;
  font-weight: bold;
  color: #358635;
}

.kundenlogin {
  position: relative;
  top: 62px;
  left: -258px;
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  font-size: 12px;
  height: 13px;
}

.kundenlogin a,
.kundenlogin a:link,
.kundenlogin a:active,
.kundenlogin a:visited {
  display: block;
  float: left;
  text-decoration: none;
  color: #358635;
  padding: 1px 6px 2px 6px;
  background-color: transparent;
  width: 110px;
  margin-left: 5px;
  text-align: center;
  border: 1px solid #358635;
  height: 13px;
}
.kundenlogin a:hover {
  display: block;
  float: left;
  text-decoration: none;
  color: #FFFFFF;
  padding: 1px 6px 2px 6px;
  background-color: #358635;
  width: 110px;
  margin-left: 5px;
  text-align: center;
  border: 1px solid #358635;
  height: 13px;
}
h1 {
	margin: 0px;
	padding: 0px;
	color: #074A2F;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 15px;
	padding-bottom: 2px;
  border-bottom: 1px solid #074A2F;
}

h3 {
  clear: both;
  font-size: 18px;
  color: #074A2F;
  margin: 0px;
  padding-bottom: 2px;
  border-bottom: 1px solid #074A2F;
  margin-bottom: 30px;
}

h2 {
  clear: both;
  font-size: 16px;
  color: #000000;
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
  padding-bottom: 2px;
  border-bottom: 1px solid #000000;
}

.formrowline, .formrowline1 {
  clear: both;
  margin: 0px 0px 10px 0px;
  border-bottom: 1px solid #358635;
  height: 10px;
}
.formrowline1 {
  border-bottom: 1px solid #000000;
}

table.imprint td {
  padding-bottom: 10px;
}
td.label {
  width: 120px;
  vertical-align: top;
  font-weight: bold;
}
td.label2 {
  width: 20px;
  vertical-align: top;
  font-weight: bold;
}
div.referenz {
  float: left;
  margin: 5px;
  background-color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  width: 172px;
  border: 0px solid;
}
div.refname {
  color: #CCCCCC;
  border: 0px solid;
  height: 30px;
  vertical-align: bottom;
}
div.refimg {
  vertical-align: middle;
  padding: 5px;
  height: 60px;
  width: 160px;
  border: 1px solid #CCCCCC;
}
div.refimg img.referenz {
  background-color: #FFFFFF;
}
.contenttext {
  line-height: 1.5;
  font-size: 12px;
}
.contenttextbig {
  line-height: 1.3;
  font-size: 18px;
}
.contenttextsmall {
  font-size: 10px;
}

div.ul_title {
  font-weight: bold;
  margin-bottom: 5px;
}
ul.contenttext {
  margin: 0px;
  padding: 0px;
  margin-bottom: 15px;
  list-style: none;
}
ul.contenttext li {
  padding-bottom: 10px;
  padding-left: 35px;
  background: transparent url(images/icon_ok.png) 10px 3px no-repeat;
}
.contactrow {
  margin: 0px;
  padding: 0px 0px 20px 10px;
  width: 260px;
  height: 100%;
  border: 0px solid;
}
.contactcontent {
  float: left;
  width: 170px;
}
.contactimg {
  float: left;
  margin: 0px 10px 0px 0px;
}
/*
.contactname {
  font-weight: bold;
  border-bottom: 1px solid #DDDDDD;
}
*/
.contactname, .contactmail {
  margin-bottom: 14px;
}
a.contactvcard {
  display: block;
  background: transparent url(images/icon_vcard.gif) 5px center no-repeat;
  width: 100px;
  height: 18px;
  line-height: 18px;
  padding-left: 32px;
  margin-top: 8px;
  font-size: 10px;
  border: 1px solid #DDDDDD;
}
.needJS {
  display: block;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica;
  color: #FF0000;
  width: 140px;
}
/* ########################### */


/* ########################### */
/* CrossBrowser Fieldset-Emulation */
table.fieldset div.legend {
  position: relative;
  top: -11px;
  left: 4px;
  display: block;
}
table.fieldset div.legend div {
  background-color: #FFFFFF;
  display: inline;
  font-weight: bold;
  font-size: 9pt;
  color: #358635;
  padding-left: 5px;
  padding-right: 5px;
}
table.fieldset {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
td.fieldset_level_2, td.fieldset_level_8 {
  width: 100%;
}
td.fieldset_level_4, td.fieldset_level_6 {
  height: 100%;
}
td.fieldset_level_1, td.fieldset_level_2, td.fieldset_level_3,
td.fieldset_level_4, td.fieldset_level_5, td.fieldset_level_6,
td.fieldset_level_7, td.fieldset_level_8, td.fieldset_level_9 {
  padding: 0px;
  margin: 0px;
}
/* Links oben */
td.fieldset_level_1 img {
  background: transparent url(images/fieldset_1.gif) top left no-repeat;
  width: 4px;
  height: 4px;
  border: 0px solid red;
}

/* Oben */
td.fieldset_level_2 img {
  background: transparent url(images/fieldset_2.gif) top repeat-x;
  width: 100%;
  height: 4px;
}
/* Rechts oben */
td.fieldset_level_3 img {
  background: transparent url(images/fieldset_3.gif) top right no-repeat;
  width: 4px;
  height: 4px;
}
/* Links */
td.fieldset_level_4 {
  background: transparent url(images/fieldset_4.gif) left repeat-y;
  width: 4px;
  height: 100%;
}
/* Rechts */
td.fieldset_level_6 {
  background: transparent url(images/fieldset_6.gif) right repeat-y;
  width: 4px;
  height: 100%;
}
/* Links unten */
td.fieldset_level_7 img {
  background: transparent url(images/fieldset_7.gif) bottom left no-repeat;
  width: 4px;
  height: 4px;
}
/* Unten */
td.fieldset_level_8 img {
  background: transparent url(images/fieldset_8.gif) bottom repeat-x;
  width: 100%;
  height: 4px;
}
/* Rechts unten */
td.fieldset_level_9 img {
  background: transparent url(images/fieldset_9.gif) bottom right no-repeat;
  width: 4px;
  height: 4px;
}

/* Mitte (content) */
.left_content td.fieldset_level_5 {
  padding: 0px;
  vertical-align: top;
}

/* Mitte (content) */
.right_content td.fieldset_level_5 {
	background-color: #FFFFFF;
  padding: 10px;
  vertical-align: top;
}

/* Mitte (content) */
.content_button td.fieldset_level_5 {
  padding: 0px;
  vertical-align: middle;
}

.content_login_box td.fieldset_level_5 {
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: middle;
}

/* ########################### */

/* ########################### */
/* message_box */
.message_box {
	padding: 0px;
  margin: 0px;
  width: 500px;
  text-align: left;
}
.message_box td.fieldset_level_5 {
	padding: 0px;
}
.message_box .error {
	color: #FF0000;
	padding: 15px 10px 15px 95px;
	background: transparent url(images/error.png) 5px -15px no-repeat;
}
.message_box .warning, .message_box .message {
	padding: 15px 10px 15px 95px;
	background: transparent url(images/info.png) 5px -15px no-repeat;
}
.messageCode {
	color: #009C6B;
	font-size: 9px;
	font-weight: bold;
}
/* ########################### */

/* ########################### */
/* Formular-Elemente */
form {
  margin: 0px;
  padding: 0px;
  outline: blue;
}
/* row */
.formrow, .formrowError {
  clear: both;
  line-height: 16px;
  padding: 3px 0px 0px 0px;
  margin: 0px;
  border: 0px solid;
  height: 21px;
}
.formrowError {
  position: relative;
  background-color: #FFE1E1;
  top: -15px;
  color: #FF0000;
  font-weight: bold;
  height: 100%;
  padding-bottom: 3px;
}
/* row with textarea */
.formrowtext {
  clear: both;
  line-height: 16px;
  padding: 3px 0px;
  margin: 0px;
  border: 0px solid;
  height: 105px;
  width: 500px;
}
/* spacer between rows */
.formrowspacer {
  clear: both;
  line-height: 20px;
  height: 20px;
}
/* row with AGBs */
.formrowagb {
  clear: both;
  line-height: 16px;
  padding: 3px 0px 0px 0px;
  margin: 0px;
  border: 0px solid;
  width: 850px;
}

/* label */
.formlabel {
  float: left;
  width: 160px;
  height: 19px;
  padding-top: 2px;
}

/* element */
.formelement {
  float: left;
  width: 260px;
  border: 0px solid;
}
.formelement_agb {
  float: left;
  width: 260px;
  border: 0px solid;
}
.formcheck {
  float: left;
  padding-right: 10px;
  border: 0px solid;
  
}
/* default field */
input.formtext,  select.formtext,  textarea.formtext,
input.mandatory, select.mandatory, textarea.mandatory,
input.invalid,   select.invalid,   textarea.invalid {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  border: 1px solid #c3c3c3;
  width: 250px;
  padding-right: 0px;
}
/* default check */
input.check {
  
}
.formcheck label {
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  border: 0px solid;
}
/* Pflichtferlder */
input.mandatory, select.mandatory, textarea.mandatory {
  background-color: #FFFFCC;
}

/* invalid field */
input.invalid, select.invalid, textarea.invalid {
  background-color: #FFE1E1;
}

textarea.formtext {
  width: 500px;
  height: 100px;
}

table.service a, table.service a:link,
table.service a:active, table.service a:hover,
table.service a:visited {
	text-decoration: none;
	font-size: 11px;
}

table.service th {
	text-align: left;
	font-size: 11px;
}

table.service td {
	vertical-align: top;
	font-size: 11px;
}

table.service .td1 {
	width: 25px;
}
table.service .td2 {
	width: 20px;
	text-align: right;
	padding-right: 10px; 
}
table.service th.td2 {
	text-align: left;
}

table.service .td3 {
	width: px;
}
table.service .td4 {
	width: 80px;
}
table.service .td5 {
	width: 80px;
	text-align: right;
}