/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

a:focus { outline: none; }


div, p, li, a {background-repeat:no-repeat; } x

/* ### reset some basic style ################################################### */

dl		{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol		{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p		{margin-bottom: 10px;}

ul		{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

a:hover { text-decoration:none; }

a:link { text-decoration:none; }
a:visited {
	color: #ff0000;
	text-decoration:none;
	}
a:focus {
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	}
a:active {
	text-decoration:none;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:0px;
	font-size:0;
	visibility:hidden;
}



/*	html
*******************************************************************************/
html {
	min-height: 100%;
	margin-bottom: 1px;
	background-color: #28427C;
	background-image:url(bg.jpg);
	background-repeat:repeat-x;
	
}


body, input, textarea {
	font-family:Arial,Verdana,sans-serif;
}

/*	header
*******************************************************************************/

#site { background-color:#FFFFFF; width:964px; } 

#header { margin-left:2px; height:120px; background-image:url(heder_bg.jpg); width:960px; background-repeat:repeat-x; } 

#header #logo { width:260px; background-image:url(logo.gif); height:120px; background-position:-40px 20px; } 

#navigation { float:right; margin-top:-40px;  } 
#navigation ul li {  float:left; padding-left:10px; padding-right:10px;  } 
#navigation ul li:hover {  border-bottom:2px solid #ffffff; height:29px; display:block; }
#navigation ul li a { color:#FFFFFF; font-size:0.8em; text-transform:uppercase; font-weight:bold;   }

#navigation ul li.rex-current {  border-bottom:2px solid #ffffff; height:29px; } 

#start_headpic { margin-left:2px; margin-top:-1px;  background-image:url(header_train_tv.jpg); height:200px; }


#footer { line-height:1.6em; font-size:0.7em; margin-top:20px; display:block; width:955px; margin-left:2px;  border-top:1px solid #cccccc; padding-left:5px;  } 
#footer ul  { margin-top:5px;  } 
#footer li {  display:inline;  padding-left:10px; padding-right:10px; border-left:1px solid #cccccc;   } 
#footer a { color:#0D4B88; }
#footer a:hover { text-decoration:underline; }
#footer p { padding-left:10px; padding-right:8px; margin-top:5px; border-top:1px solid #f4f4f4; padding-top:5px;} 
#footer #cr { float:right; padding-top:5px; padding-right:8px; color:#999999; }


#banner_rth { position:absolute; z-index:10; left:975px; top:108px; text-align:right; width:120px;  font-size:8px; color:#FFFFFF;  }
#banner_top { position:absolute; z-index:10; left:460px; top:0px; width:468px; font-size:8px; color:#FFFFFF; }


/* Body Layout 
*******************************************************************************/
#content { min-height:450px; margin-left:17px; margin-right:8px; font-size:0.73em; line-height:1.6em; margin-top:15px;  }
#content p { margin-top:6px;  } 

#content a { color:#0D4B88; } 
#content a:hover { text-decoration:underline; } 

#content h1 { font-size:1.5em; line-height:1.6em; font-weight:bold; color:#40628C; margin-bottom:15px; border-bottom:1px solid #cccccc; }
#content h2 { font-size:1.4em; line-height:1.5em;  color:#40628C;   }
#content h3 { font-size:1.3em; line-height:1.4em;  font-weight:bold;}
#content h4 { font-size:1.2em;  line-height:1.3em; font-weight:bold; }
#content h5 { font-size:1.1em;  line-height:1.2em; font-weight:bold;  }
#content h5 { font-size:1.05em;  line-height:1.1em; font-weight:bold; }

#content hr { size:1; color:#f4f4f4; font-size:5px; line-height:3em; margin-top:15px; margin-bottom:20px; } 


#contentlinks { float:left; width:600px; margin-right:30px;  } 
#contentrechts { float:left; width:300px;  clear:right; } 




/* Catlisting 
*******************************************************************************/

.catlisting .catinfo { margin-bottom:20px;  } 
.catlisting .catinfo .titel { font-size:1.6em; line-height:1.6em;  font-weight:bold; color:#40628C;  float:left; width:490px; } 
.catlisting .catinfo .count { float:left; width:100px; text-align:right; line-height:2.5em; padding-top:5px; font-size:0.9em;  } 
.catlisting .catinfo .main { border-bottom:1px solid #cccccc; } 
.catlisting .catinfo .desc { background-color:#f5f9fc; padding:5px; } 



.catlisting .item_min { }
.catlisting	.separator { height:1px; background-color:#CCCCCC;  clear:both; float:none; margin-top:5px; margin-bottom:5px;  } 
.catlisting .first { margin-top:0px; border:0; } 
.catlisting .item_min .headerline { font-size:1.3em; line-height:1.3em;  color:#40628C; font-weight:bold; } 
.catlisting .item_min .movie_picture { width:130px; height:100px; background-position:center center; background-repeat:no-repeat; float:left; margin-right:20px; cursor:pointer;  } 

.catlisting .item_min .rating { width:150px; height:15px; background-image:url(st_small_b.png); background-repeat:repeat-x; float:right; margin-right:5px; } 
.catlisting .item_min .rating .rating_mover { height:15px; background-image:url(st_small_c.png); background-repeat:repeat-x; }

.catlisting .bg { background-color:#F5F9FC; } 

.catlisting .item_min .filminfo { color:#999999; margin-top:8px; font-size:0.9em; padding-top:3px;    } 
.catlisting .item_min .description { width:450px; float:left; } 
.catlisting .item_min .description .text { font-size:0.9em; line-height:1.5em; min-height:50px; width:320px;  } 
.catlisting .item_min .options { float:right; width:100px;  background-image:url(button.png); background-repeat:no-repeat; margin-right:10px; background-position:center center; height:35px; text-align:center; padding-top:8px;  line-height:1.2em;    } 
.catlisting .item_min .options .play a { text-align:center; } 
.catlisting .page_navigation { text-align:right; } 
.catlisting .page_navigation ul li { display:inline; padding-left:4px; padding-right:4px; }  



/* Formulargenerator 
*******************************************************************************/


/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 0px;
	padding-left: 0px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
margin-top:4px;

}



.formgen form
{
line-height : 120%;

}





.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{

	margin-bottom: 15px;
	background-color: #f4f4f4;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 1px dashed #990000;
	color:#FF0000;
}

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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 0px;
	border: 1px solid #124A85;
	background-color: #f4f4f4;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 0px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #f4f4f4;;
	border: 1px solid #124A85;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #B7CADB;	
}



/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	color: #333333;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	margin-left:120px; 
	text-align: center;
	background-color: #0D4882;
	border: 0;
	float: left;
	color: #FFFFFF;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

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


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000; 
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #ff0000;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}


/* -------------- VIDEO --------*/

#ViedoBlock { background-image:url(player_bg.jpg); background-repeat:repeat-x; display:block; height:380px; clear:both; margin-top:-1px; margin-left:2px; margin-right:2px; }

#ViedoBlock .MoviePlayer { float:left; margin-left:15px; margin-top:10px; width:425px;  }
#ViedoBlock .InfoContainer {  float:left;  margin-top:10px; width: 500px; color:#D7E0EA; font-size:0.7em; clear:right;  } 

#ViedoBlock .Titel { font-size:1.8em; padding-bottom:5px; border-bottom:1px solid #6E8EB2; margin-bottom:5px;  } 
#ViedoBlock .Description { height:190px; overflow:hidden; color:#D7E0EA  }

#ViedoBlock .Info .hd { font-size:1.4em; padding-bottom:5px; border-bottom:1px solid #6E8EB2; margin-bottom:5px; margin-top:10px; } 

#ViedoBlock .Statistik { width:240px; float:left; }
#ViedoBlock .Statistik strong { } 
#ViedoBlock .Info .d { float:left; width:60px; } 
#ViedoBlock .Info .m { float:left; width:65px; margin-left:20px; } 
#ViedoBlock .Info .g { float:left; width:75px; margin-left:20px; clear:right; } 

#ViedoBlock .FilmInfo { width:240px; float:left; clear:right; margin-left:15px; }

#ViedoBlock .FilmInfo .p {  float:left; width:110px; margin-right:10px;  } 
#ViedoBlock .FilmInfo .p strong { } 

#ViedoBlock .Voting  { margin-top:8px; }
#ViedoBlock .Voting span { float:right; font-size:1.2em; } 

#ViedoBlock .rating { width:270px; height:27px; background-image:url(st_big_b.png); background-repeat:repeat-x; margin-right:5px; } 
#ViedoBlock .rating .rating_mover { height:27px; background-image:url(st_big_c.png); background-repeat:repeat-x; }




.train_tv_info { background-color:#F5F9FC;  margin-top:6px;  } 
.train_tv_info .titel { background-color:#FFFFFF; LINE-HEIGHT: 22.4pt; font-size:0.9em; border-bottom:1px solid #cccccc; } 
.train_tv_info .text { font-size:0.9em; padding: 5px;  }



.anzeige_dampfbahn_magazin { background-color:#F5F9FC;  margin-top:10px;  } 
.anzeige_dampfbahn_magazin .titel  { background-color:#FFFFFF; LINE-HEIGHT: 22.4pt; font-size:0.9em; border-bottom:1px solid #cccccc; }
.anzeige_dampfbahn_magazin .img { float:left; padding:6px; } 
.anzeige_dampfbahn_magazin .info { font-size:0.9em; padding: 5px;  }


.contentrechts .titel  { background-color:#FFFFFF; LINE-HEIGHT: 22.4pt; font-size:0.9em; border-bottom:1px solid #cccccc; }



.board_login { display:block; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:0.9em; font-weight:normal; line-height:1.3em; } 
.board_login h5 {  color:#40628C; font-size:1.4em; line-height:1.5em; font-weight:normal; border-bottom:1px solid #cccccc;   }
.board_login label { display:block; float:left; width:100px; clear:left; } 
.board_login input { font-family:Verdana,Helvetica,Arial,sans-serif; font-size:1em; font-weight:normal; border:1px solid #cccccc;  }
.board_login input[type=text] { float:left; width:165px; clear:right; height:20px;   }
.board_login input[type=password] { float:left; width:80px;  clear:right; height:20px;   }
.board_login fieldset { padding:10px; background-color:#ECF1F3; border:0px; }