body, font, p, div, span, tbody {
font-family: Verdana,Tahoma, Arial, sans-serif;
font-size: 11px;
line-height:16px;
font-weight:normal;
}

/* ================================= 
   Contents
   ================================= */
.platocontent, .platocontent font, .platocontent p, .platocontent div, .platocontent span, .platocontent tbody, .cms_content_content {
font-family: Verdana,Arial,sans-serif;
font-size:11px;
text-decoration:none;
line-height:16px;
} 
   
.platocontent h1, .cms_h1_content {
color:#96bc0d;
font-size:16px;
font-weight:bold;
margin:0px; 
padding:0px 0px 10px 0px; 
font-family: Verdana,Arial,sans-serif;
}

.platocontent h2, .cms_h2_content {
color:#0e72b5;
font-size:12px;
font-weight:bold;
margin:0px; padding: 0px 0px 8px 0px;
font-family: Verdana,Arial,sans-serif;
}

.cms_h1_content, .cms_h2_content {
margin:0px; 
padding:0px;
line-height:normal;
}

h3 {
font-size:13px;
font-weight:bold;
margin:0px; 
padding:0px 0px 8px 0px;
font-style:italic;
color:#96bc0d;
}


/* ================================= 
   Margins
   ================================= */
.platomargin h1, .cms_h1_margin {
font-size:14px;
font-weight:bold;
}

.platomargin h1{
margin:0px; 
padding:0px 0px 2px 0px;
}

.platomargin h2, .cms_h2_margin {
font-size:12px;
font-weight:bold;
}

.platomargin h2 {
margin:0px; 
padding:0px 0px 0px 0px; 
}

.platomargin font, .platomargin p, .platomargin div, .platomargin span, .platomargin tbody, .cms_content_margin {
font-family:Tahoma,Arial,sans-serif;
font-size:11px;
text-decoration:none;
line-height:16px;
}

.platomargin input, .platomargin select, .platomargin textarea, .platomargin button {    
font-family:Tahoma,Arial,sans-serif; 
font-size:11px;
margin:0px;
}

.platocontent p, .platomargin p {
padding:10px 0px 0px 0px;
margin:0px;
}

.platocontent p.p-block, .platomargin p.p-block{
margin:0px;
padding:20px 0px 0px 0px;
clear:both;
}



/* ================================= 
   Standard Contents
   ================================= */
cite {
margin:0px 0px 0px 20px;
padding:0px 0px 0px 15px;
border-left:1px solid #CCC;
display:block;
font-style:normal;
}

br.invisible-br, .br {
height: 1px;
clear: both;
line-height: 1px;
overflow: hidden;
font-size:1px;
}

div.faq-q {
border-bottom:1px solid #CCC;padding:4px 0px;font-weight:bold;
cursor:pointer;
}
div.faq-q:hover {
background:#F2F2F2;
}
div.faq-active {
background:#F2F2F2;color:red;
}
div.faq-a {
display:none;
background:#F2F2F2;padding:4px 15px;margin-bottom:10px;
}

/* ================================= 
   Links
   ================================= */
.platocontent a, .platocontent a:link, .platomargin a, .platomargin a:link {
color:#03642f; 
text-decoration:none;
}

.platocontent a:hover, .platomargin a:hover {
color:#03642f;
text-decoration:underline;
}
   
a.stdlink, a.stdlink:link, a.stdlink-ext, a.stdlink-ext:link, a.internal-link, a.internal-link:link, a.mail-link, a.popup-link {
color:#03642f; 
text-decoration:none;
}

a.stdlink:hover, a.stdlink-ext:hover, a.internal-link:hover, a.mail-link:hover {
color:#03642f;
text-decoration:underline;
}


/* ================================= 
   Lists
   ================================= */
.platocontent ul, .platomargin ul {
margin:5px 5px 5px 0px;
padding:0px;
}

.platocontent ul, .platomargin ul {
list-style-type:none;
}

.platocontent ul ul, .platomargin ul ul {
margin:0px 10px 2px 8px;
}

.platocontent ul li, .platomargin ul li {
margin:0px;
padding:0px 0px 0px 8px;
background:url(/images/layout/list_item.gif) no-repeat 0px 5px;
}

.platocontent ol, .platomargin ol {
margin:5px 10px 0px 20px;
padding:0px;
}


/* ================================= 
   CMS Content Classes and Modules
   ================================= */
/* [BILD] Tag */
.inline-image {
vertical-align:middle;
}


/* Suchbegriff hervorheben - Search Klasse */
.mark-term {
color:#CC0000 !important;
background:yellow !important;
font-weight:bold;
font-size:inherit;
font-family:inherit;
}

/* ---------------------------- 
   Validator, form-table, Inputs
   ---------------------------- */
.platocontent input, .platocontent select, .platocontent textarea, .platocontent button, input, select, button {    
font-family:Verdana,Tahoma,Arial,sans-serif; 
font-size:11px;
margin:0px;
}   
   
.val-err, .error {
color:#CC0000;
font-weight:normal;
font-size:9px;
}

.val-desc-err {
color:#CC0000;
font-weight:bold;
}

.val-value {
color:#666;
}

div.val-input-error .p-ti {
display:inline;
}

table.form-table {
width:auto;	
}	

table.form-table tr td {
padding:3px 0px;
}

table.form-table td.a {
white-space:nowrap;
padding-right:15px;
padding-top:4px;
vertical-align:top;
width:30%;
}

table.form-table td.captcha {
  padding-top:10px !important;
  height: 40px;
}

table.form-table td.b {
width:70%;
vertical-align:top;
}

table.form-table td table.inner td {
padding:0px 0px;
}

.p-ra {
vertical-align:middle;
margin-right:3px;
}

.p-cx {
vertical-align:text-bottom;
margin-right:3px;
}

* html .p-cx {
height:1.3em;width:1.3em; /* IE */
vertical-align:middle;
}

.p-ta {
}

.p-ti {
}

.p-mul {
}

.p-dd {
}

.p-sb, button {
border:1px solid black;
font-weight:bold;
cursor:pointer;
background:white;
}

/* ---------------- 
   Paging
   ---------------- */
ul.paging {
margin: 0px;
padding: 0px;
display:inline;
list-style-type: none;

}

ul.paging li {
display:inline;
padding:0px !important;
/*margin-right:5px;*/
background-image:none;
}

ul.paging li a, ul.paging li div {
color: #444 !important;
border:1px solid #DDD;
padding:1px 5px;
display:inline;
line-height:18px;
background-image:none;
}
ul.paging li a {
background:#F5F5F5;
text-decoration:none;
}
ul.paging li div {
font-weight:bold;
}

* html ul.paging li div { margin-right:0.25em; }

ul.paging li a:hover {
background:#FFF;
text-decoration:none;
}

/* nur benötigt, wenn Paging-Jump Funktion aktiv
ul.paging .page-textinput, ul.paging .page-submit {
font-size:10px;
color: #444;
border:1px solid #CCC;
background:none;
}
*/


/* ================================= 
   CMS Content-Types Bilder
   ================================= */
div.thumb {
}

div.thumb div {
}

img.thumb {
}

.left-float-image {
float:left;
}

.right-float-image {
float:right;
}

div.image-subscription {
padding:1px 4px;
font-size:10px;
}

/* ================================= 
   CMS Content-Types 
   ================================= */
div.dc-first {}
div.dc-mid {}
div.dc-last {}
   
div.content-block {
}

div.content-div-1 {
background:#DDD;
border-width:1px 0px 1px 0px;
border-style:
solid;border-color:#666;
padding:8px 12px;
}

div.content-div-1 div.content-div-inner {
}

div.content-div-2 {
border-width:1px 1px 1px 1px;
border-style:solid;
border-color:#666;
padding:8px 12px;
}

/* TAG: [TRENNER] */
div.ruler {
margin-bottom: 11px;
border-bottom:1px solid #000;
height:12px;
overflow:hidden;
}
/*
div.ruler {
background:#CCC;
margin:5px 0px; 
height:1px;
overflow:hidden;
}
*/


/* [TAB] Tag */
table.easy-tab td {
vertical-align:top;	
}
table.easy-tab td.first {
}

table.easy-tab-dot {
width:100%;
}
table.easy-tab-dot tr {
background: url(/images/layout/tabdots.gif) repeat-x 0px 0px;	
}

table.easy-tab-dot td span.bg {
background: #FFF; 
}

table.easy-tab-dot td span.bg {
padding:0px 0px 0px 3px;
}
table.easy-tab-dot td.first span.bg {
padding:0px 3px 0px 0px;
}




/** GALLERY PICBROWSER **/
.gallery_picbrowser {
position: absolute;
top: 20%;
color: black;
background: #CCC;
padding: 5px 10px 0px 10px;
display:none;
border:1px solid #888;
}

.gallery_picbrowser a {
	text-decoration:none !important;
	color:black !important;
}
.gallery_picbrowser a:hover {
  text-decoration:none !important;
  color:#555 !important;
}
.gallery_picbrowser {
font-size:12px;
}

.gallery_picbrowser #picb_paging {
font-size:12px;
}














body {
background:#fff;
}


.clear {
clear:both;
}

div {
/*border:1px solid red;*/
text-align:left;
}

.borderbox {
background: #FFF url(/layout/yay_bg.gif) top left repeat-x;
width:383px;

}

.borderbox .head {
background: transparent url(/layout/yay.gif) 5px 0px no-repeat;
height:57px;
font-family:Verdana,sans-serif;
}

.borderbox .head h1 {
color:#0a71b4 !important;
line-height:54px;
padding:0px 0px 0px 50px;margin:0px;font-weight:bold;font-style: italic;
font-size:22px;
font-weight:normal;
text-transform:uppercase;
}
.borderbox .head h1 span {
color:#0a71b4 !important;
line-height:54px;
padding:0px 0px 0px 0px;margin:0px;font-weight:bold;font-style: italic;
font-size:22px;
font-weight:normal;
text-transform:uppercase;
}

.borderbox .boxpad {
padding:14px 2px 0px 0px;


margin-top:-6px;
}

.borderbox  h2 {
color:#0e72b5;
font-size:12px;
font-weight:bold;
margin:0px; padding: 0px 0px 8px 0px;
}

.borderbox
{
border-bottom:3px solid #96bc0d;
border-left:3px solid #96bc0d;
}
.wblock {
border-bottom:1px solid white;
padding:10px 12px;
color:#FFF;
}

.wblock p, .wblock td, .wblock a {
	color:#FFF;
	}

.navtxt, .navtxt b {
font-family:Verdana,sans-serif;
color:#96bc0d;
font-size:12px;
font-weight:bold;
font-style:italic;
}

.footer-links a {
	color:#0a71b4 !important;
	font-size:10px;
	font-weight:bold;
}



table thead {
color:#96bc0d;
}

.news a, h2 {
color:#0e72b5 !important;
font-size: 12px;
}

.clickstream {
float:right;
width:600px;
margin-left:30px;
color:#96bc0d;
text-decoration:none;
margin-bottom: 10px;
}

.clickstream a {
color:#999;
text-decoration:none;
}

.new-forum-posts  .td1 
{
  color:#0E72B5;
  font-weight: bold;
  padding-right: 20px;
  
}

.new-forum-posts  .td1 a
{
  color:#0E72B5;
}

.new-forum-posts .td2 
{
  color:#999;
  padding-right: 10px;
  font-size: 10px;
}

.new-forum-posts .td2 a
{
  color:#999;
}


#column {
border:1px solid #96BC0D;
font-size:20px;
padding:10px;
width:60px;
position:relative;
float:left;
margin-right: 10px;
}

#arrow {
border-color:  transparent transparent transparent #96BC0D;
border-style:solid;
border-width:8px;
height:0px;
width:0px;
position:absolute;
bottom:0px;
left:80px;
top:25px;
}


#live-stream
{
  width: 350px;
  border-collapse: collapse;
  background-color: #CFE2F0;
  color:#0e72b5;
  margin:10px 10px;
  
}

#wett-tip
{
  
  height:80px;
  background-color: #CFE2F0;
  color:#0e72b5;
  margin:0px 20px 10px 20px;
  padding:4px 10px 0px 10px;
  
}

#wett-tip a
{
  text-decoration: none;
  
  font-size: 9px;
}

.ca
{
 text-transform: uppercase;  
}

.unread_pm 
{
  
  color: #0E72B5 !important;
}


/*Newsticker*/

#ticker
{
  padding-top:10px;
  color:#0e72b5;
  font-weight: bold;
}

#ticker a
{
   color:#0e72b5;
   font-weight: bold;
   text-decoration: none;
  
}


.tickercontainer { /* the outer div with the black border */
background: transparent; 
width: 500px; 
height: 30px;
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 0px;
width: 500px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 650px;
list-style-type: none;
margin: 0;
padding: 0;
width: 20000px !important;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 







