/* ### CSS für TVL 2009 / tvlorenzreuth.de CMS 2009 ### */

/* Farben:
	
	Links: #FE0000
	Text:  #666666
	Background: #ffffff
	
	
	Schriftgrößen:
	
	Menü: 14px #666666 / #FE0000
	Text: 12px #666666
	Schirft: Arial
	
*/

/* ### Anmeldeformular Mailauf ### */

#anmeldung {
	margin: 0 auto 0 auto;
	width: 390px;
	background-color: #f7f7f7;
	padding: 10px 20px;
}

#anmeldung p.formtext {
	width: 500px;
}

#anmeldung input {
	padding-left: 3px;
	color: #666666;
}


#anmeldung div.xform-element.formradio.form_gender > label.radio {
	width: 180px;
	display: block;
	float: left;
	font-size: 14px;
}

#anmeldung div.xform-element.formradio.form_gender > p.radio > span.formradio {
	padding-right: 30px;
}


#anmeldung label.text, #anmeldung label.select {
	width: 180px;
	float: left;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: 
}

#anmeldung select {
	width: 42px;}

#anmeldung input.text {
	width: 270px;
}
#anmeldung .formlabel-name input, #anmeldung .formlabel-vorname input,
#anmeldung .formlabel-gemeinschaft input, #anmeldung .formlabel-verein input,
#anmeldung .formlabel-email input {
	width: 200px;
}

#anmeldung .formlabel-jahrgang input {
	width: 35px;
}

#anmeldung .marathontxt {
	width: 178px;
	float: left;
	font-size: 14px;
}

#anmeldung .formcheckbox {
	margin-left: 178px;
}

#anmeldung .haftung {
	background-color: #dfdfdf;
	padding: 5px 10px;
	width: 360px;
	line-height: 20px;
}

#anmeldung .haftung > .formcheckbox {
	margin: 0px;
}

.reset {
	width: 170px;
	float: left;
	margin-right: 10px;
}

.formsubmit input {
	width: 203px;
}

.focus {
	border: 1px solid #666666 ;
	padding: 3px;
}

.textfield {
	border: 1px solid #dfdfdf;
	background-color: #ffffff;
	padding: 3px;
}

#haftungsaus {
 	margin: 0 auto 0 auto;
	width: 390px;
	background-color: #f7f7f7;
	padding: 10px 20px;	
}

#haftungsaus .haftungsaustxt {
	font-size: 11px;
}

ul.form_warning {
	width: 390px;
	padding: 10px 20px;
	color: #FE0000;
	margin: 0 auto 0 auto;
}

p.answertext {
	width: 390px;
	padding: 10px 20px;
	margin: 0 auto 0 auto;
	font-weight: bold;
	background-color: #f7f7f7;
}

#anmeldung .marathonbank {
	margin-left: 180px;
	font-size: 11px;
}


/* Rücksetzen der Standard Werte ----------------------------------------------------------*/

html, body, div, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background-repeat: no-repeat;
}

td {
	vertical-align: top;
}

html {
height:100%;
margin-bottom:1px;
}



ul, li {	list-style: none;	}

#content_inner ul, #content_inner li {
	list-style: square inside;
	padding-left: 5px;
	line-height: 20px;
}

img {
	border: 0px;
}

/* ### für Modul: Absätze ### */

hr {
	border-color: #dfdfdf;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 25px;
}

.absatzKl {
	width: 100%;
	height: 16px;
	clear: both;
}

.absatz {
	width: 100%;
   height: 50px;
	clear: both;
}

/* ### 1px Hack für Firefox 3 */
html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; }

/*--------------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
}

a {
	color: #4d4d4d;
	text-decoration: none;
	font-size: 12px;
	
}


a:hover, #wrapper a:hover {
	text-decoration: none;;
}

a:visited, #wrapper a:visited {
	
}

#content a {
	color: #2C8EC0;
}

#content a:hover {
 	color: #FE0000;
}

h1 {
	font-size:24px;
	line-height:24px;
	color: #FE0000;
	font-weight: lighter;
	margin: 0px 0px 5px 0px;
}

h2 {
	font-size:24px;
	line-height: 24px;
	color: #FE0000;
	font-weight: lighter;
	margin: 0px 0px 10px 0px;
}

h3 {
	font-size: 12px;
	line-height: 14px;
	color: #4d4d4d;
	font-weight: bold;
	margin: 0px;
}

h3.mitAbstand {
	font-size: 12px;
	color: #4d4d4d;
	font-weight: bold;
	margin-bottom: 15px;
}

#borderTop {
	background-color: #FE0000;
	width: 100%;
	height: 8px;
}

#wrapper {
	width: 900px;
	background-color: #ffffff;
	margin: 0px auto 0px auto ;
}


#top {
	width: 900px;
	height: 140px;
	background-color: #FFFFFF;
}

.blank {
	width: 900px;
	height: 26px;
}

.blank2 {
	width: 900px;
	height: 8px;
}


.trennLinie {
	width: 900px;
	height: 10px;
	border-top: 1px solid #999999;
	background-color: #FFFFFF;
}

#logo {
	float: left;
	display: inline;
	width: 415px;
	height: 87px;
}

#tobSubnavi {

}

#topSubnavi table {
	float :right;
}


/* ### EASY TOOLTIP ### */

#easyTooltip {
	margin: 0px;
	padding:5px 10px 5px 10px;
	background: url(../gfx/layout/tooltip_bgsw.png) repeat-x;
	/*background-repeat: repeat-x;*/
	font-weight: bold;
	font-size: 9px;
	color: #FFFFFF;
	text-transform: uppercase;
	}
	
/* ### HEADER PIC ################################################################ */

#headerC {
	width: 884px;
	height: 300px;
	display: block;
	border: 8px solid #e5e5e5;
}

/* ### TEASER NAVI LINKS ### */

#teaserNavi img {
	margin-bottom: 0px;
}

#teaserNavi a {
	color: #666666;
	text-transform: lowercase;
	font-weight: normal;
	font-size:12px;
}


/* ### TEASER RECHTS ### */

#teaser img {
	margin-bottom: 8px;
}

#teaser a {
	color: #666666;
	text-transform: lowercase;
	font-weight: normal;
	font-size:12px;
}

/* ### NAVIGATION ### ################################################################ */

.rex-navi1 {
	padding-bottom: 15px;
}

.rex-navi1 li a{
	border-bottom: 2px solid #FFFFFF;
}

.rex-navi1 li a.rex-current  {
	font-size: 12px;
	font-weight: bold;
	color: #FE0000;
	text-transform: uppercase;
	display: block;
	background-color: #e5e5e5;
	padding: 3px 8px;
	
}

.rex-navi1 li a:hover.rex-active {
	background-color: #dfdfdf;
	text-decoration: none;
}

.rex-navi1 li a.rex-active  {
	font-size: 12px;
	font-weight: bold;
	color: #FE0000;
	text-transform: uppercase;
	display: block;
	background-color: #e5e5e5;
	padding: 3px 8px;
	
}

.rex-navi1 li a:hover.rex-current {
	background-color: #dfdfdf;
	text-decoration: none;
}


.rex-navi1 li.rex-normal  a {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	display: block;
	background-color: #f7f7f7;
	padding: 3px 8px;	
}

.rex-navi1 li.rex-normal  a:hover {
	background-color: #dfdfdf;
	text-decoration: none;
}

/* rex-navi2 */

rex-navi2 li {
	border-bottom: 2px solid #FFFFFF;
}

.rex-navi2 li a.rex-current  {
	font-size: 11px;
	font-weight: normal;
	color: #FE0000;
	text-transform: uppercase;
	display: block;
	background-color: #e5e5e5;
	padding: 0px 4px 0px 15px;
	line-height: 20px;
	
}

.rex-navi2 li a:hover.rex-current {
	background-color: #dfdfdf;
	text-decoration: none;
}


.rex-navi2 li.rex-normal  a {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-transform: uppercase;
	display: block;
	background-color: #efefef;
	padding: 0px 4px 0px 15px;
	line-height: 20px;	
}

.rex-navi2 li.rex-normal  a:hover {
	background-color: #dfdfdf;
	text-decoration: none;
}



/* ### MAIN CONTAINER ############################################################### */

#mainC {
	width: 900px;
	min-height: 300px;
	color:#666666;
	line-height: 16px;
}


#dreiSpalten {
	width: 100%;
	float: left;
	display:inline;
}


#naviC {
	width: 180px;
	float: left;
	margin-left: -720px;
	display: inline;
}

#naviC_inner {

}

#content {	
	width: 540px;
	float: left;
	margin-left: 180px;
	display: inline;
}

#content_inner {
	padding: 0px 20px;
}

#teaserC {
	width: 180px;
	margin-right: 0px;
	float: right;
	display: inline;
}

#teaserC_inner {

}


#breadcrumb img {
	float: left;	
}

#breadcrumb li{
	float: left;
	font-size: 11px;
	margin-right: 5px;
	display: inline;
	color: #4d4d4d;
}

#breadcrumb a {
	font-size: 11px;
	color: #999999;
}

#breadcrumb a:hover {
	color:#4d4d4d;
}





/* ### FOOTER ####################################################################### */

#footer {
	width: 100%;
	background-color: #FE0000;
	height: 40px;
}

#footer_inner {
	font-size: 11px;
	color: #FFFFFF;
	width: 900px;
	margin: 0 auto 0 auto;
	height: 40px;
	line-height: 40px;
}

#footer_inner a {
	color: #FFFFFF;
	font-size: 11px;
}

#footer_inner a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#fleft {
	width: 750px;
	float: left;
}

#fright {
	width: 150px;
	float: right;
	text-align: right;
}

.footer_links {
	margin-left: 40px;
	display: inline;
	
}

/* Bilder Auflistung */

.clearfix {
clear:both;
display:block;
}




/* ### MODULE ### ###################################################################*/

/* ### SPEZ. TVL MODULE: ### */

.trainerC {
	background-color: #f7f7f7;
	padding: 8px 8px 4px 8px;
	width: 100%;
	border: 2px solid #dfdfdf;
	margin-bottom: 15px;
}

.trainerPic {
	width: 115px;
	border-right: 1px solid #dfdfdf;
}

.trainerPic img {
	border: 2px solid #ffffff;
}

.trainerText {
		padding-left: 10px;
}

.trainerText a:hover {
	color: #FE0000;
}

/* ### TVL Galerie ### */

.tvlgalerie {
	background-color: #f7f7f7;
	padding: 10px 5px;
	border: 2px solid #dfdfdf;
	margin-bottom: 15px;
	text-align: center;
	
}


/* ### PLXNEWS - Modul ### */

/* Ausgabemodul */
.newsHead {
	font-weight: bold;
	color: #4d4d4d;
	margin-bottom: 10px;
}

.newsHeadline {
	font-weight: bold;
	color: #4d4d4d;
	margin-bottom: 10px;
}

.news a {
	color: #2C8EC0;
}

.news a:hover {
	text-decoration: underline;
	color: #FE0000;
}

/* Eingabemodul - Anzeige im Frontend */

.newsEingabe {
	/*padding: 15px; */
	/*background-color: #f7f7f7;*/
}

.newsHeadTeaser {
	color: #FE0000;
}

.newsHeadEingabe {
	font-weight: bold;
	color: #4d4d4d;
	margin-bottom: 10px;
}

.newsTextEingabe {
	
}

/* ### END PLXNEWS ### */






/* ### RESTL. MODULE ### */

/* Textile und bild */

.flLeft {
	float:left;
	margin: 0px 10px 0px 0px;
}


.flRight {
	float: right;
	margin: 0px 0px 0px 10px;
}

.flTop {
	float: inherit;
	padding-top:12px;
}



/* Bild einfügen */

/* 
Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft , .pright und .pnormal    
.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  
.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.


Code: 
*/ 


/* Definition der Klassen ohne Rahmen*/ 


.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
	border: none;
}

.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
	border: none;
}

.pnormal {
	clear: both;
   border: none;
}



/* Definition der KLassen mit  Rahmen (2.Stil) */



.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}

.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}

.pnormal_b {
	clear: both;

	border: 1px solid #990000;

}





/* download ****************************************************************************** */
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p { 
  width:97.3%; /* IE6 Hack */
	margin: 0;
}

.download-file a {
	text-decoration: none;
}

#main-block .download-hdl p { 
	padding: 5px 7px;
	background-color: #393;
	font-weight: bold;
	color: #fff;
}

#main-block .download-file { 
	padding: 1.2em 7px;
	border-left: 2px solid #393;
	border-right: 2px solid #393;
}

#main-block .download-desc { 
	margin-bottom: 1.2em;
	padding: 1.2em 7px;
	background-color: #e5ffe5;
	border-left: 2px solid #393;
	border-right: 2px solid #393;
	border-bottom: 2px solid #393;
}

#main-block .download-without-desc { 
	margin-bottom: 1.2em;
	border-top: 2px solid #393;
}


/* ### Formular Definition ############################################# */



#form-module .formtrenn {
	height: 10px;
	width: 580px;
}



/* Was passiert wenn auf das Label geklickt wird? */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

#form-module .formblock label {
	width: 120px;
	float: left;
	font-size: 12px;
	line-height: 18px;
}

#form-module .formblock input {
	width: 200px;
	border: 1px solid #cccccc;
	font-size: 12px;
	color: #333333;
	padding: 3px 2px 3px 3px;
	background-color: #efefef;
}


#form-module input:focus {
	background-color: #dfdfdf;
}

#form-module textarea:focus {
	background-color: #dfdfdf;
}


#form-module textarea {
	width: 350px;
	height: 150px;
	border: 1px solid #cccccc;
	font-size: 12px;
	color: #333333;
	padding: 5px;
	background-color: #efefef;
}


#form-module .formblock {	
	margin-bottom: 5px;
	background-color: #FFFFFF;
}

#form-module .formblock .formsubmit {
	margin-left: 120px;
	margin-top: 10px;
	background-color: #0759bd;
	color: #FFFFFF;
	font-weight: bold;

}



#form-module .formblock .formsubmit:hover {
	background-color: #cccccc;
}


/*
Verhalten von br-Tags
*/
.formgen br {
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/




/* -------------- AUSGABEN / Fehlermeldungen --------*/



/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #990000;
}


/* Ende der Formulardefinition */