@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; vertical-align: top;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}


/* PUBLIC AREA */


/* main pages ---------------------------------------------------------*/

#middle	{	position: absolute;	top:  0  ;	left: 50%;	margin-left: -466px; width: 950px; 	}

#main	{	top:  0  ;	background-image: url(grafik/bg-dark.jpg);  }
#logo	{	}
#menu	{	position: relative; top:-30px;	left: 187px;	height: 30px; width: 740px;}

#content{	top:  0  ;	width: 890px;	padding: 0 30px 0 30px;	line-height: 16px; float: left;}
#footer	{	clear:both;	text-align: center;	padding-bottom: 16px;  background-image: url(grafik/bg-dark.jpg);  }



#middleS{	position: absolute;	top:  0  ;	left: 50%;	margin-left: -400px;	width: 800px; 	background-image: url(grafik/bg-dark.jpg);  }
#mainS	{	}
#logoS	{	}
#contentS{	top:  0  ;	width: 740px;	padding: 20px 30px 0 30px;	line-height: 16px; }




/* common ---------------------------------------------------------*/

body	{	background-image: url(grafik/bg.jpg); 
	background-color: #1a0d09;
}

body, .contentblock td	{
	font: 13px Helvetica,Arial,sans-serif ;
	color: #ccc;
	line-height: 16px;
}


a{
	color: red;
	text-decoration: none;
	-moz-outline-width: 0px;
}

a:hover { 
	color: white; 	
	text-shadow: #f60 0 0 3px;
}

a b {	color: #f60;}

i {	font-style: normal;
	font-weight: bold;
	line-height: 18px;
	color: #fff;
	font-size:	16px;	
}
/* .text-pic, .tt-men, .tx-flvplayer2-pi1, .contentblock, .join, .joinrechts, .jointimtales{
	background-color: #1a0d09;
	float: left !important;
	margin-bottom: 16px;
	}
*/

.csc-header	{
	margin: 4px;
	}
.bodytext {	
	padding: 0px 4px 8px 4px;
	}
.contentblock	{
	float: left !important;
	margin-bottom: 16px;
	}
.contentblock p	{
/*	border-top: 1px solid black; */
	}
.contentwrap {
	padding: 6px;
	padding-top: 0px;
	background-color: #1a0d09;
}

h1, h3, h4{
	font: 16px Georgia,serif ;
	line-height: 21px;
	font-weight: bold;
	color: #fff;
}
h1 a, h3, h4{	
	font-size: 24px ;	
	line-height: 30px; 
}

h2{
	font: 18px Georgia,serif ;
	font-weight: bold;
	line-height: 18px;
	padding: 0 4px 0 4px;
	color: red;
}
.text-pic h2{	padding: 4px;	}


h1, h1 a, h2, h3 a, .csc-textpicHeader,b i, i b {	
	font-family: Georgia, serif;
	color: #ff9600;
	text-shadow: #f00 0 0 6px;
	font-size:	16px;
	line-height: 21px;
	margin-bottom: 4px;
	}

h2, li	{ 
	font: 20px Georgia,serif;
	font-weight: bold;
	color: white;
	text-shadow: #f00 0 0 12px;
}
h3 a	{
	display: inline;
	border: 1px solid #ccc;
	font-weight: bold;
	margin: 12px 0 12px 0; 
	text-shadow: #000 0 0 12px;
	padding: 3px 12px 3px 12px;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	color: #f30;
	background-color: #310;
	background-image: url(grafik/button-bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	letter-spacing: .05em;
}
h3 a:hover	{
	text-shadow: #ff9600 0 0 6px;
	color: white;
	background-color: #600;
	background-position-y: 30px;
/*background-position: bottom;
*/	background-image: url(grafik/button-bg-over.gif);
	}
#menu a{
	font: 20px Georgia,serif ;
	font-weight: bold;
	line-height: 16px;
	margin-right: 14px;
	letter-spacing: -.025em;
}

.m0 a, .m0a a{	margin-left: 8px;}
.m0a a, .m9a a {	color: white;}


.gelb	{
	width: 260px;
	color: #f60;
	line-height: 20px;
}
.gelb	{ padding-left: 10px;}

.at-zeichen	{vertical-align: text-bottom;}

.abstand	{margin: 10px 0; font-size: 20px; color: white;}


/* Text/Image ---------------------------------------------------------*/

.imgtext-nowrap. .csc-textpic-text{
	width:100%;
  background-color: #110403; 
}

.text-pic	{
	padding: 9px 9px 9px 30px !important;
	background-color: #110403;
	background-image: url(grafik/bg-border.jpg);
	background-repeat: repeat-x;
}

.imgtext-nowrap img	{
	vertical-align:middle ;
	}

/* Join - ganze Zeile ---------------------------------------------------------*/

.join, .joinrechts, .jointimtales	{	
	width: 850px; 
	height: 18px; 
	padding: 12px 20px;	
	background-image: url(/fileadmin/user/grafik/join.gif); 
	background-repeat: no-repeat;
	color: white !important;
	font-weight: bold; 
	text-shadow: 0 0 4px black;
	cursor:pointer;
}
a:hover .join, a:hover .joinrechts	{	
	text-shadow: 0 0 4px #f60;
}
.joinrechts	{	
	background-image: url(/fileadmin/user/grafik/joinrechts.gif); 
}
.jointimtales	{	
	background-image: url(/fileadmin/user/grafik/button-join-timtales-now-action.png); 
}




/* Flash Player ---------------------------------------------------------*/

.tx-flvplayer2-pi1, .tx-stflashplayer-pi1, .h3 {
	padding: 9px 9px 9px 30px;
	background-color: #110403;
	background-image: url(grafik/bg-border.jpg);
	background-repeat: repeat-x;
}
.tx-flvplayer2-pi1	{
	width: 850px;
	}

.flvtext {
	padding: 0 5px 0 20px;
	margin: 0;
}

.nost_flashplayer_float_left, .nost_flashplayer_float_none	{
	background-image: url(grafik/wait.png);
	background-position: center;
	background-repeat: no-repeat;
	}



/* Startpage ---------------------------------------------------------*/

.start .contentblock {	padding: 6px;}
.start h2	{	padding: 6px 12px 6px 12px;}
.start p	{	padding: 0 12px 4px 12px;}

.yesno{
	font: 24px Georgia,serif ;
	font-weight: bold;
	line-height: 16px;
	margin:0;
	padding:10px 0 0 0;
	color: red;
}

#contentS h2{
	font: 24px Georgia,serif ;
	font-weight: bold;
	line-height: 16px;
	padding:10px;
}

#contentStart .contentblock	{
	width: 740px; 
	margin-left: 30px; 	
	background-color: #110403;
}

/* Footer, Nav prev/next ---------------------------------------------------------*/

#footer	{
	margin-top: 20px; 
	padding-top: 5px;
	-webkit-border-bottom-left-radius:	12px;
	-webkit-border-bottom-right-radius:	12px;
	-moz-border-radius-bottomleft:		12px;
	-moz-border-radius-bottomright:		12px;
	margin-bottom: 24px;
}

#footer a{
	padding: 4px 10px 4px 10px;
	font: 14px Georgia,serif ;
	line-height: 24px;
	}


#footer .trenner { 
	width: 890px; 
	margin: 12px 30px 12px 30px ;	
	background-color: #110403;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;

}	
#footer .spacer a{ 
	font-size: 12px; 
	margin: 12px 30px 12px 30px;	
	background-color: #110403;
	opacity:.7;	
	-moz-opacity:.7;	
	-khtml-opacity:.7;	
	filter:alpha(opacity=70);
}	

.weiter a {	color: white; }

a .prev, a .next	{
	font: 18px Georgia,serif ;
	color: white;
	line-height: 21px;
/*	margin: 0 30px 4px 30px;
	padding: 4px 4px 0 4px;	
	width: 380px;
*/	font-weight: bold;
	cursor:	pointer;
	text-shadow: 0 0 8px #f60;
	}
a:hover .prev, a:hover .next	{ 
	color: red; 
	text-shadow: 0 0 4px #000;
}
.prev	{float:	left; padding-left: 30px;}
.next	{float:	right; text-align: right}

/* neues Submenue */

.subnav  {
 	width: 920px;
 	color: white;
	text-align: center;
 	}

.subhere {
	display: inline;
 	padding: 3px;
	font: 18px Georgia,serif;
	font-weight: bold;
	text-shadow: 0 0 8px #f60; 
	margin: auto 0;
 	}
.subhere .open{
	text-shadow: 0 0 3px #000; 
 	color: red;
 	}
.subhere a{
 	padding-left: 4px;
 	color: white;
 	}
.subhere a:hover	{
 	color: red;
 	}
.subspace	{
	width: 25%;
	}
.subnav, .subhere, .subspace	{	margin: 0; padding: 0;}

/* Join Form ---------------------------------------------------------*/
form {  padding-left: 4px;}



/* TT Men Gallery ---------------------------------------------------------*/
.tt-men	{
	margin: 0 10px 0 10px;
	overflow: hidden;
	background-color: #110403;
	line-height: 1em;
/*	min-height: 358px;
*/	}

.tt-men h1 a, .csc-textpicHeader, h1, h2, b i, i b {	
	padding-left: 2px;
	font-family: Georgia, serif;
	color: #fff;
	}

.tt-men .text-pic	{
	padding: 9px 0 13px 5px !important;
}
.tt-men .imgtext-table	{
	margin-bottom: 6px;
	}

.tt-men .csc-textpic-text	{
	padding: 8px 0 0 2px;
	}

.x2	{		width: 414px;		margin-right: 20px;	}
.x3	{		width: 270px;		margin-right: 16px;	}
.x4	{		width: 202px;		margin-right: 10px;}
.x5	{		width: 158px;	}
.fullwidth{	width: 890px;	}

.x2 .imgtext-nowrap { width: 405px;}
.x2 .imgtext-table { width: 105px;}



textarea#embedcode	{
	width: 450px;
	height: 200px;
	background-color: #900;
	font-size: 9px;
	}