/* Gerneral Definitions v1.0 */
html, body  {height: 100%; margin: 0px; padding: 0px; text-align: center; background: #1ebe05}
body {width: 100%}
img {border: 0px}
.border {border: 1px solid #196502}
hr {margin: 5px 0px; padding: 0px; height: 1px; border: dotted 1px #196502; clear: both}
table {margin: 0px; padding: 0px; text-align: left}
td {vertical-align: top}
form {margin: 0px; padding: 0px}
p {margin: 10px 0px}
ul {margin-left: 20px}
ul li {margin-left: 0px;}
dl {margin-top: -15px}
dt {font-weight: bold; margin: 15px 0px 5px 0px}
dd {font-style: italic; margin-left: 30px}

.imageleft {float: left; margin-right: 20px !important}
.rapid img.imageleft {float: left; margin-right: 10px !important}
.imageright {float: right; margin-left: 20px}
.nomargin {margin: 0px}
.cleaner {clear: both}
.noborder {border: 0px !important}
.print, .gotcha {display: none; visibility: hidden} 
img.noborder {border: 0px}
.center {text-align: center}
.neu, .neu2	{ font-size: 8px; background: red; padding: 1px 3px; color: #fff; margin-bottom: 5px}
.neu2	{ font-size: 9px; background-color: #3b5998; }
.frei, .frei2 { font-size: 10px; padding: 1px 3px; color: #fff; margin-bottom: 5px}
.frei	{ background: green; }
.frei2	{ background: red; }

/* ADMIN */
.aktivja, .aktivnein {width: 20px; height: 20px; float: left; margin: 10px 5px 0px -5px}
.aktivja {background-color: green}
.aktivnein {background-color: red}
textarea.tinymce {height: 500px; width:840px}

/* Fonts */
h1 {position: absolute; top: 15px; left: 220px; font-size: 12px; color: white}
h1 >/**/h1.slogan {background-color: red}/* */
h1, h2, h3, h4, h5 { }
h1, h2 { }
h1  { } 
h2 {border-bottom: 1px solid #196502}
h3 {font-size: 18px; margin: 0px 0px 20px 0px; border-bottom: 1px dotted #196502}
h4 {font-size: 16px } 
h5 {font-size: 14px; margin: 0px; padding: 0px }
.text, .text2, body {font-family: "Century Gothic", Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; color: #196502}
.text, body  { font-size: 14px}
.text2, .date, .small { font-size: 11px}
.date {margin-bottom: -3px; margin-top: 0px}
.weiterlesen {float: right}
.hp24 {background-color: #135601; padding: 20px; color: white}

.funkiXXX {position: absolute; top: 60px; right: 0px;  width: 230px; height: 220px; padding: 10px 20px 20px 30px; margin-left: 20px; background: url('../img/funki-feurer.jpg')}
.funki {float: right; width: 230px; height: 220px; padding: 10px 20px 20px 30px; margin-left: 20px; background: url('../img/funki-feurer.jpg')}
.postit-hp24 {float: right; width: 235px; height: 220px; padding: 10px 20px 20px 25px; margin-left: 20px; background: url('../img/postit-helge-payer.jpg')}
.postit-hp24-partner {float: right; width: 150px; height: 220px; padding: 10px 105px 20px 25px; margin-left: 20px; background: url('../img/postit-helge-payer.jpg')}
.liverpool {float: right; width: 230px; height: 220px; padding: 10px 20px 20px 30px; margin-left: 20px; background: url('../img/liverpool.jpg')}
.celtic {float: right; width: 240px; height: 220px; padding: 10px 20px 20px 20px; margin-left: 20px; background: url('../img/postit-celtic.jpg')}
.video {position: absolute; top: 80px; right: 20px;  }
#welcome .trainergesucht {position: absolute; top: 60px; right: 0px; width: 230px; height: 500px; padding: 10px 20px 20px 30px; margin-left: 20px; background: url('../img/trainergesucht.jpg')}
#welcome .trainergesucht ul {margin-top: -10px}
.events			{	float: right; width: 250px; padding: 0 10px 10px 10px; margin-left: 20px; background: #1ebe05; color: #fff  }
.events a		{	color: #fff  }
.events td		{	padding-right: 10px  }
.events .small	{	padding-top: 3px  }

#newsletter {position: absolute; top: 10px; right: 5px; width: 250px; text-align: right; color: white}
#newsletteranmeldung p {margin-top: -10px}

/* Linkdefinitions v1.0 */
a {color: #196502}
a.schnuppertraining {background-color: yellow; padding: 0px 5px; font-weight: bold}


/* Nav */
#nav {position: absolute; top: 70px; left: 130px; width: 840px; height: 45px; background: url('../img/bg-nav.gif') no-repeat}
#nav ul.navmain {font-size: 18px; line-height: 31px; font-weight: bold; margin: 3px 0px 5px 80px}
#nav >/**/ul.navmain {margin-left: 30px; line-height: 28px; margin-top: 5px}/* */
#nav .navmain li {margin: 0px; list-style-type: none}
#nav .navmain li a {background-color: #1ebe05; text-decoration: none; padding: 5px 15px 4px 14px; color: white} 
#nav .navmain li.active a {background-color: white; color: #196502} 

/* Navleft */
#navleft {position: absolute; top: 240px; width: 210px; padding: 50px 0px 0px 0px; background: url('../img/bg-navlefttop.png') top no-repeat; }
#navleftmain {width: 165px; padding-left: 45px; background: url('../img/bg-navleftmain.png') }
#navleftmain h3 {color: white; width: 140px; text-align: center; font-size: 18px; padding-left: 7px; text-decoration: none; margin-left: 0; margin-bottom: 0; border: 0px}
ul.navmenulist {margin: 0px}
ul.navmenulist>/**/li {margin-left: -40px}/* */
.navmenulist li {list-style-type: none}
.navmenulist li a {text-decoration: none; padding: 3px 10px 3px 10px; color: white; width: 132px; display: block; border-bottom: 1px dotted white } 
.navmenulist li.active a {background-color: white; color: #196102; font-weight: bold} 
#sponsoren {margin: 20px 0px 0px 40px}

/* Layout - Container */
#nav ul li {float: left; margin-left: 40px}

#newsbar {padding: 0px; font-size: 12px; color: white}
#newsbar a {color: white}
#newsbar ul.navmenunews {margin-left: 15px}
#newsbar ul.navmenunews>/**/li {margin-left: -55px}/* */
#newsbar .datum {font-size: 10px; margin-bottom: 0px}
#newsbar hr {margin: 0px; padding: 0px; height: 1px; border: dotted 1px white; clear: both}
#newsbar li {margin-left: -15px; list-style-type: none; width: 132px; padding: 5px 15px; border-bottom: 1px dotted white; padding-bottom: 10px} 
#newsbar li.active {padding: 10px; background-color: white; color: #196502} 
#newsbar li.active a {color: #196502}


/* Layout - Container */
#logo {position: absolute; top: 0px; left: 0px; z-index: 100}
#global {position: relative; width: 970px; padding: 0px; text-align: left; margin: auto}
#sites {position: absolute; left: 130px}
#sites {top: 105px; width: 730px; padding: 20px 20px 0px 90px; background: url('../img/bg-footer.gif') bottom no-repeat; background-color: white}
#footer {text-align: right; font-size: 10px; margin: 50px 45px 15px 0px}

/* HOME */
#torwartschule a, #torwarttraining a, #gaestebuch a {clear: both; float: right; font-size: 12px}
#welcome img.foto {float: left; border: 1px solid #196502}
#welcome .welcometext {float: right; width: 600px; margin-top: -10px}
#fotoleiste img {float: left; margin: 0 5px 5px 0; border: 1px solid #196502}
#fotoleiste h3 {width: 630px; text-align: center; font-size: 18px; border-left: 2px solid #196502; border-right: 2px solid #196502; border-bottom: 0px; padding: 0px 50px; margin: 0px}
#fotoleiste .weiterlesen {margin-top: 10px; font-size: 12px}
#torwartschule, #torwarttraining, #gaestebuch {float: left; width: 245px; padding: 0px}
#torwartschule h3,#torwarttraining h3,#gaestebuch h3 {width: 220px; text-align: center; font-size: 18px; padding: 0px 10px; border: 0px}
#torwartschule p,#torwarttraining p,#gaestebuch p {padding: 0px 20px}
#sponsorenstart {position: absolute; top: 300px; left: 40px}

/* SIDEBARS */
#sidebarzitate {width: 190px; text-align: center; margin: 20px 0px; padding: 20px; background-color: #aeeba5}
#sidebarzitate img {border: 1px solid #196502}
#sidebarzitate h4 {font-size: 16px; margin: 0px}
#sidebarzitate hr {margin: 0px; padding: 0px; height: 1px; border: dotted 1px #196502; clear: both}

#sidebarfragen {padding: 10px; background-color: #aeeba5}
#sidebarfragen h3 {margin-bottom: 30px}

/* TOPLINKS */
#toplinks {position: absolute; top: 35px; left: 220px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; font-size: 10px; color: white; font-weight: normal}
#toplinks a {color: white}

/* GSTEBUCH */
.sitegaestebuch img {float: left; margin: 0px 20px 0px 0px; border: 1px solid #196502}
.eintraege {float: left; width: 480px}
.eintraegeformular {float: right}

/* FOTOS */
.sitefotos img.fotoleiste, .sitefotos img.galerie {float: left; margin: 0px 5px 10px 0px; border: 1px solid #196502}
.sitefotos img.keyvisual {border: 0px}
.sitefotos .leftcol {float: left; width: 235px; text-align: center}
.sitefotos .rightcol {float: right; width: 470px; padding-top: 10px}
.sitefotos .leftcol .text2 {margin-top: -5px}
.sitefotos hr {margin: 20px 0px}

/* KONTAKT */
.sitekontakt .leftcol {float: left; width: 350px}
.sitekontakt .rightcol {float: right; width: 350px}

/* NEWS */
.sitenews .leftcol {float: left; width: 120px}
.sitenews .rightcol {float: right; width: 610px}
.sitenews .leftcoldetail {float: left; width: 220px}
.sitenews .rightcoldetail {float: right; width: 510px}
.sitenews h3 {margin: -10px 0px 5px 0px; border-bottom: 0px}
.sitenews img {border: 1px solid #196502}
.sitenews .datum {font-size: 11px}

/* LINKS */
.sitelinks td {vertical-align: middle}

/* PRESSE */
.sitepresse img  {float: left; margin-right: 10px; border: 1px solid #196502}

/* TORWARTSCHULE */
/* TRAININGSCAMPS */
.zitat {padding: 0px 100px; margin: 20px 0px}
.zitat img {float: left; margin: 5px 20px 30px 0px; border: 1px solid #196502}

/* GEWINNSPIEL */
.sitetorwartschulegewinnspiel .leftcol {float: left; width: 220px}
.sitetorwartschulegewinnspiel .rightcol {float: right; width: 510px}
.sitetorwartschulegewinnspiel img {border: 1px solid #196502}

/* TRAINER */
.sitetorwartschuletrainer img {border: 1px solid #196502}
.sitetorwartschuletrainer .trainertext {float: right; width: 570px; padding: 0px; margin: 0px}
.sitetorwartschuletrainer ul {margin-left: 40px}
.sitetorwartschuletrainer ul>/**/li {margin-left: -40px}/* */
.sitetorwartschuletrainer h4 {margin-top: 0px;}
.sitetorwartschuletrainer .text2 {margin-top: -5px;}
.trainergalerie {float: left; width: 140px; height: 250px; text-align: center}

/* SCHLER */
.sitetorwartschuleschueler img {border: 1px solid #196502}
.sitetorwartschuleschueler .leftcol {float: left; width: 130px; padding-right: 20px}
.sitetorwartschuleschueler .rightcol {float: right; width: 580px; padding-top: 5px}
.sitetorwartschuleschueler .text2 {margin-top: -10px;}
.schuelergalerie {float: left; width: 145px; height: 250px; text-align: center}

/* ZITATE */
.sitetorwartschulezitate img {float: left; width: 100px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #196502}

/* FRAGEN */
.sitetorwartschulefragen .leftcol {float: left; width: 480px}
.fragenformular {float: right; width: 220px; margin-left: 20px}

/* ANMELDUNG */
.sitetorwartschuleanmeldung .leftcol,
.sitetorwartschuleanmeldung2010 .leftcol 	{	float: left; width: 480px; text-align: center}
.sitetorwartschuleanmeldung2010 .rightcol,
.sitetorwartschuleanmeldung .rightcol	 	{	float: right; width: 230px; padding-top: 5px}
.sitetorwartschuleanmeldung h2,
.sitetorwartschuleanmeldung2010 h2 			{	font-size: 16px; margin-top: 10px}

/* PHILOSOPHIE */
.sitetorwartschulephilosophie img.schnuppertraining {margin: 30px 0px 0px 220px; }

/* STANDORTE */
.sitetorwartschulestandorte .leftcol  {float: left; width: 360px; text-align: center }
.sitetorwartschulestandorte .rightcol {float: right; width: 360px; text-align: center}
.sitetorwartschulestandorte img  {border: 1px solid #196502}

/* TERMINE */
.sitetorwartschuletermine img.trainer  {float: left; margin-right: 10px; border: 1px solid #196502}
.sitetorwartschuletermine img.schnuppertraining {margin: 30px 0px 0px 220px; border: 0px}

/* TRAININGSABLAUF */
.sitetorwarttraining .leftcol {float: left; width: 420px; padding-right: 10px}
.sitetorwarttraining .rightcol {float: left; text-align: right; width: 220px}

/*CSS for Bubble Tooltips by Alessandro Fulciniti
- http://pro.html.it - http://web-graphics.com */

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(img/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(img/bt.gif) no-repeat bottom}

.LV_valid {background: url('../img/validate-ok.gif') no-repeat; padding-left: 0}
.LV_invalid {background: url('../img/validate-no.gif') no-repeat; color: red; padding-left: 25px; font-size: 10px}
.LV_invalid_field {border: 1px solid red}