/* COLORS
000 - font black
565656 - font grey
E2E2E2 - teaser grey
FFE292 - yellow
F68D6F - orange
FABD9E - pink
91C5EC - blue
AFD4DD - light blue
*/

/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
@import url(css-styled-content.css);

* {
	padding:0;
	margin:0;
}

/* Taeusche NS und FF lange Seiten vor damit das Layout bei langen Seiten 
nicht wg. dem Scrollbalken huepft */
html {}

body {
  /* verhindern dass positionierte Elemente bei Veraenderung der Fenstergroesse 
  nicht mit verschoben werden */
  color: #545454;
  font-family: Arial,Helvetica, sans-serif;
  font-size: 12px;
  background-color: #FFFFFF;
}

h1,h2,h3 {
/* im Typo ueberschreiben */

}

h3{
  font-size: 0.8em;
}
p {
line-height: 120%; 
margin: 0px;
margin-bottom: 10px;
}

a { 
text-decoration: none;
}

a:link    { color: #005DAB;
text-decoration: underline;}
a:visited { color: #005DAB;
text-decoration: underline;}
/* In Typo3 mit gleicher Farbe wie H1 ueberschreiben*/
a:focus, a:hover, a:active { color: #000;text-decoration: underline;}

table{width: 100%;}
th, td {padding: 0;}

/*
/* Anpassungen CSC-Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.csc-textpic-caption{
	font-size:70%;
	color:#565656;
}

/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

#LANGUAGE{
text-align: right;
	padding-top: 1px;
	float: left
}

#LANGUAGE ul{
	padding-left:0;
	margin-left:0;
	width: 160px;
	margin-top: 20px;
}

#LANGUAGE li{
	display: inline;
	list-style: none;
	padding: 0 4px 0 4px;
	margin: 0px;
}

/* Struktur
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#wrapper {
  width: 980px;
  text-align: left;
float: left;
background-image: url(images/background.gif);
}


#bilder_container {
  width: 980px;
  float: left;
  height: 120px;
}

#bilder {
  width: 590px;
  height: 120px;
  float: right;
  background-image: url(images/headerbild.jpg);
}

#pokal{
  width: 285px;
  height: 498px;
  float: left;
  background-image: url(images/pokal.jpg);
}


#logo {
 z-index: 10;
position: absolute;
left: 0px;
top: 0px;
}

#searchTitle{
float: left;
width: 177px;
}

#content_container{
  /*border: green 1px solid;*/
  width: 980px;
float: left;
min-height:498px;
}

* html #content_container{
height:498px;
}


#content{
  /*border: green 1px solid;*/
  width: 695px;
  float:left;
}


#content-left{
  /*border: green 1px solid;*/
  width: 695px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#content-normal{
  /*border: green 1px solid;*/
  width: 440px;
float: left;
margin-right: 40px;
margin-left: 5px;
}


#content-right{
  /*border: green 1px solid;*/
  width: 695px;
}

#content-border{
  /*border: green 1px solid;*/
  width: 200px;
color: #FFFFFF;
float: right;
margin-right: 8px;
}

#content-border ul{
list-style: none;
list-style-position: outside;
margin: 0px;
}

#content-border li{
margin: 0px;
padding-bottom: 3px;
}

#content-border li a, #content-border a { 
list-style: none;
color: #FFFFFF;
text-decoration: underline;
}

#content-border li a:hover, #content-border a:hover{ 
color: #88C9FF;
text-decoration: underline;
}


.content-hellgrau{
background-color: #EFEFEF;
padding: 5px;
float: left;
}

.content-border_yellow{
background-color: #FFE73F;
padding: 5px;
}

.content-border_gray{
background-color: #E6E6E8;
padding: 5px;
}

#col1{
float:left;
/*background: green*/
}
#col2{
float: right;
/*background: red;*/
}
#col3{
float: right;
/*background: blue*/
}



/* Aussehen der Inhalte im Conent */
#content h1{
color:#FFFFFF;
  font-size: 14px;
  margin: 0px;
  line-height: 18px;
}

#content h2{
color:#005DAB;
  font-size: 12px;
  margin: 0px;
  line-height: 18px;
}

#content h3{
color:#FFFFFF;
  font-size: 12px;
  margin: 0px;
  line-height: 18px;
}
#content h4{
color:#005DAB;
  font-size: 12px;
  margin: 0px;
}




/* Navigation
/* * * * * * * * * * * * * * * * * * * * * * * * * * */




/*****************************************************/
#menuRootline{
float: left;
width: 791px;
}


/* Menue Level23
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#menu_container{
width: 980px;
	float:left;
	height: 39px;
	background-image: url(images/navi_back.gif);
}

#navi {
float:left;
margin-left:10px;
}

* html #navi{
margin-left: 5px;
}

#navi_rechts {
float:right;
margin-right:44px;
}

* html #navi_rechts{
margin-right: 22px;
}

#navi_bottom{
  /*border: green 1px solid;*/
  width: 980px;
float: left;
height: 25px;
border-top: 1px solid #005DAB;
border-bottom: 1px solid #005DAB;
background-color: #FFFFFF;
text-align: right;
}
	
	
.navi2 {
	padding: 0px;
	margin: 0px;
	float:right;
} 



.naviL2 {
   list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	float:left;
}


.naviL2 a:link, .naviL2 a:visited  {
	color: #6F6F6F;
	text-decoration: none;
	font-weight: bold;
	line-height: 25px;
	text-transform: uppercase;
	
}

.naviL2 a:hover {
   color:#005DAB;
	text-decoration:none;
}

.naviL2_act{
padding: 0px;
	margin: 0px;
	color:#005DAB;
	list-style: none;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	float:left;
	line-height: 25px;
	text-transform: uppercase;
}

.naviL2_act a:link, .naviL2_act a:visited{
	color:#005DAB;
	font-size: 11px;
	text-decoration:none;
	
}

.trenner{
background-image: url(images/dot.gif);
}


/* Content
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.nachoben { text-align: right; }




/* Spalte 3
/* * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Footer
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#footer {
	text-align:center;
	color: #000;
}


/* Formular 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.csc-mailform-submit{
font-size: 12px;
color: #005DAB;
font-weight:normal;
}

.csc-mailform-check{
text-align:left;
width:20px;
background:#123;
border:4px solid #005DAB;
}

#content #mailform{
float: left;
margin-left:0px;
margin-top: 10px;
}

#content fieldset{
border:none;
padding-bottom:20px;
}

label {
  float: left;
  width: 90px;
  text-align: left;
}


form p {
  font-size: 12px;
  margin: 14px 0;
}

label {
  display: block; /* damit auch die alten IEs das padding anwenden */
  font-size: 12px;
  font-weight: bold;
  margin-right: 10px;
}


/* Achtung: nicht alle Browser stellen Sachen wie die border
von Eingabefeldern dar, in Safari z.B. laesst sich nur wenig
am Aussehen von Formularelementen aendern */

input,
textarea {
  width: 20em;
  background: #DEDEDE;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  border: 1px solid #005DAB;
  margin-bottom:0.3em;
}
select{
  background: #DEDEDE;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  border: 1px solid #005DAB;
  margin-bottom:0.3em;
}

#mailform input.csc-mailform-submit{
width: 80px;
  margin-left: 100px;
}

* html #mailform input.csc-mailform-submit{
margin-left: 103px;
}

/* Die folgenden Anweisungen sorgen fuer schoene Effekte beim
Ausfuellen in standardkonformen Browsern, die IEs koennen
damit aber nix anfangen */

input:hover,
textarea:hover {
  background: #EFEFEF;
  border: 1px solid #005DAB;
}

input:focus,
textarea:focus {
  background: #EFEFEF;
  border: 1px solid #005DAB;
}

.on a{ color: #222;}

div .csc-textpic-imagewrap{
margin:0px;
padding: 0px;
}