#header{  height:215px; background-image:url("../img/heade.jpg"); background-repeat:no-repeat;}
html{    overflow-y: scroll;}
body{   background-color:#343f52; background-image:url("tl_files/firstesite/bg_body.png"); font:81.25% Times New Roman, Arial Black,Verdana,Helvetica,sans-serif;}

#wrapper { margin: 0 auto;  width: 1100px; background-color: #D8D7DF;}

#container{ margin-top:40px; margin-right:10px;  margin-left:10px;}

#header .formbody{position:absolute; width:155px;height:140px;  margin-top:20px;  margin-bottom:20px; right:40px;}

#main{padding-right:8px;  padding-left:8px; border-left:1px solid #000;  border-right: 1px solid #000000;    margin-left:235px;    width:541px;}

#left{ width:220px;  margin-right:5px;    margin-left:5px;}
#right{ width:270px; margin:-10px 7px 0 5px;}
#left h2 a{ font-size:16px; }
h2, h6, h1{font-family: Arial Black,Verdana,Helvetica,sans-serif; margin-top:7px}

.layout_latest{border-bottom:1px solid #000;  font-size:115%}

a{color:#000; text-decoration: none;  /*font-family: 'Arbutus Slab', serif;*/}
a:hover{background-color: #2d5b85;  color:#fff}
#fotos a:hover{background-color: #2d5b85;  color:#fff}

 h6{color:#000; text-decoration: none; margin:0px ; font-size:12px; border-bottom: 2px solid #000; border-top: 1px solid #000; background-color:#ccc }

.mod_html5videojs{margin-left:0px; width:200px}

.image_container{float:left; margin:0; margin-top:6px}

#startseite-kopie img{margin: 0 10px 10px 0}

.resultslink{margin: 10px 0  10px 0}

.demo{margin-top:7px}
.info{margin:-12px 0 3px 0; font-size:11px; font-style: oblique}
.more{float: right; margin-bottom:3px}
.more a:hover{background-color: #2d5b85;  color:#fff}

.panel-container .more{ margin-top:-13px}

.ce_text{font-size:133%}
.ce_text h1{font-size:150%}
#geschichte h3{margin:0px 30px 0 0; float:right; font-family: Arial Black,Verdana,Helvetica,sans-serif; font-size:18px}
#geschichte h2{ font-size:17px}

#NOben { background: url("../img/bilder/oben.jpg") repeat scroll 0 0 transparent; bottom: 90px; display: none; float: right; height: 20px; margin-left: 1120px;position: fixed;}
.widget{float:left; margin:12px 3px}


#kontakt .mandatory{margin:5px}
#ctrl_7{margin-left:27px !important}
.video_voll_bild{width:100%}





/*tabelle*/
 table { width: auto; border-collapse:collapse;  font-size:90%; }
 .Tabelle table  { background-color: #f8f8f8; }
.Tabelle table caption { font-variant:small-caps; background-color: #f8f8f8; }
.Tabelle table.full { width: 100%; }
.Tabelle table.fixed { table-layout:fixed; }


.Tabelle th,td { padding: 0em 0; }
.Tabelle thead th { color: #000; border-bottom: 2px #800 solid; }
.Tabelle tbody th { background: #E5CE9D; color: #333; }
.Tabelle tbody th[scope="row"], tbody th.sub { background: #E5CE9D; }

.Tabelle tbody th { border-bottom: 1px solid #fff; text-align: left; }
.Tabelle tbody td { border-bottom: 1px solid #eee; padding:4px}

.Tabelle tbody tr:hover th[scope="row"],
.Tabelle tbody tr:hover tbody th.sub { background: #f0e8e8; }
.Tabelle tbody tr:hover td {background: grey;color:#036;}

.tableKopf{background-color: #000; color:#fff; padding:2px; }


#ansetzungen table{ width:400px; float:left; margin:6px; background-color: #f8f8f8;}
#ansetzungen .tabtitel{background-color: #000; color:#fff; font-weight:bold}
#ansetzungen tbody tr:hover th[scope="row"],
#ansetzungen tbody tr:hover tbody th.sub { background: #f0e8e8; }
#ansetzungen tbody tr:hover td {background: grey;color:#036;}

#startseite-kopie {   font-size:110%}
#startseite-kopie .ce_text{   font-size:110%}
.zwei_spalten {-moz-column-count: 2; font-size:100%}

#time{font-weight:bold; margin-left:908px; float:right; margin-top:127px; font-size:16px;position:absolute}
#zitate{ background-color: #CCCCCC; font-weight: bold; margin: 20px 0;  padding: 10px; font-size:15px;}
#zitate span{float:right; margin-top:-10px; font-style:italic }


 .grid_4 { width: 410px;}
 .grid_4 { display: inline;  float: left;  margin-left: 2px; margin-right: 0px;}
 .grid_8 {width: 800px; display: inline;  float: left; margin-left: 2px; margin-right: 0px;}
 .grid_3 {width: 177px; display: inline; float: left;  margin-left: 2px; margin-right: 0px; height:85px;}
 .grid_3a {width: 260px; display: inline; float: left; margin: 5px;}
 .grid_1 {	width: 93px;display: inline; float: left; margin-left: 2px; margin-right: 0px;}
 .grid_12 {width: 823px;display: inline; float: left; margin-left: 2px;margin-right: 0px; margin-bottom:20px}

#print  .grid_12 { 	width: 823px; display: inline;float: left; margin-left: 2px; margin-right: 0px; margin-bottom:20px;   font-size: 150%;}

#print  .linie{background-color:#ccc;padding:3px;  margin-top:20px;}

.linie{border-bottom: 1px solid #000;}
#footer{ border-top: 1px solid #000; padding:13px 0; margin-top:10px}
#impressum, #datenschutz{width:83px; float:left}

#ii_mannschaft_linke_spalte time{}


#groundhopping-linke-spalte h5:hover, #potsdam-linke-spalte h5:hover{margin:0px;  background: #2D5B85;   color:#fff ;}





.image_tn h2{margin: -7px 0 10px 0}
.image_tn a:hover{background-color:transparent}
.video_beschreibung{margin-bottom: 15px}



.play{position:absolute;    left:50%;    top:50%;    width: 43px;    height: 43px;    margin-left:-20px;    margin-top:-20px;}
.videocontainer{width:100%; position:relative}

.graph{width:235px !important}
.slider-wrapper  {  margin:6px}
.htmlcaption{height:50px}
.bildgallerieueberschrift{font-size: 14px; font-family: Arial,Verdana,Helvetica,sans-serif; font-weight:bold}
#audio{font:95.25%  Arial Black,Verdana,Helvetica,sans-serif;}
.audio1, .audio{font-size:12px; font-size:120.25% ;}
.audio{margin-top:33px}



/*rechte Spalte*/
.event{  color: #000000;    font-size: 11px;    margin: 0;    padding: 10px 0 0;  text-decoration: none;}
.event a{ font-size: 13px;  font-weight:bold;}
.mod_eventlist{margin:15px 0}
ul.tabs { margin-top: 10px; margin-left: -41px;border-top: 1px solid #000000;border-bottom: 2px solid #000000;color: #000000;font-size: 12px;background-color:#ccc;text-decoration: none;}
li.tab {cursor:pointer; display: inline; padding: 0px .4em 0px .4em;list-style: none; font-family: Arial Black,Verdana,Helvetica,sans-serif;}
li.tab:hover{background-color: #2d5b85;  color:#fff}
li.tab.active {background-color: #deeaed; font-weight:bold; height:10px; color:#000}
li.tab .remove {   color: #900;}
.widget span{width:100%; float: right}
/*rechte Spalte ende*/


/*SimpleModal Basic Modal Dialog */
#datensch {display:none;}
#impress {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000;}
/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
/*SimpleModal Basic Modal Dialog */



/*jQuery Coda-Slider */
	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }
/* Most common stuff you'll need to change */
	.coda-slider-wrapper {  margin-bottom: 30px}
	.coda-slider {  }

	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 290px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {  height:440px ; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 542px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { color: #000; padding: 5px 0px; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; width:50px !important}
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none; overflow: hidden  }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden  }
	.coda-slider { float: left;  position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left { float: left ; }
	 .coda-nav-right {  margin-left:500px}
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; width:44px; margin-top:440px; position: absolute ;}
	
.coda-nav{margin-top:450px; position:absolute; width:290px}


/*jQuery Coda-Slider ende */

.mod_newslist{margin-top:0px}

.rss {
    background-image: url("../img/rss.png");
    background-repeat: no-repeat;
    color: #B8BEC4;
    margin: -21px 0 0 1043px;
    padding: 0 9px 30px 27px;
    position: absolute;
}