/* TUFA Trier - Kultur- & Kommunikationszentrum
Bobdesign Trier 
Marco Lamberty 
*/


html { height: 100%; } 
body {
height: 100%;
background-color: #ffffff;
font-family:Tahoma;
font-size: 11px;
color:#000000;
padding:0;
margin:0;
}

#backlink{
float:left;
display:block;
position:relative;
margin:0px;
padding:15px 0 0px 0;
font-size:13px;
background-color:#FFFFFF;
width:915px;
}

.news-search-form{
background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x scroll left bottom;
width:auto;
padding:5px 0 7px 0px;
margin:0 0 15px 0;
border:0px solid #666666;
}

/* ----------verlinkungen-------------- */
a {color: #000000; text-decoration:none;}
a:visited {color:#666666; }
a:hover {color: #000000; }
a:active { color:#000000;}
a img{border: 0px solid #fff;}



/* ----------Überschriften-------------- */
h1 {
font: 13pt Tahoma;
padding:0;
margin:0; 
}
h1.head_bar {
font: 13pt Tahoma;
padding:0;
margin:20px 0 15px; 0; 
}

h2 {
font: 11px Tahoma;
font-weight: normal;
padding: 0px 0px;
margin:0;}
img.download {vertical-align:middle;}



/* ----------container to center the layout-------------- */
#container {
width: 932px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #ffffff;
}


/* ----------banner for logo-------------- */
#banner {
background: url(../../images/home/headline_bg.png) no-repeat center 15px;
text-align: left;
padding: 31px 0 0 0;
margin: 0px;
}
#banner img.logo{padding:25px 0 10px 0;} 



/* ----------newsticker -------------- */
#banner DIV#newsticker { 
 float:right;
 padding:8px 0 0 0;
 margin:33px 0 0 0; 
 background:#ffffff url(../../images/home/newsticker_bg.gif) no-repeat top right; 
 width:638px;
 height:27px;
 max-width:638px; }
#banner DIV#newsticker .newstickerimage{ float:left;}
#banner DIV#newsticker .laufschrift{ text-align:right; margin:0 5px 0 80px;}



/* ----------point / star  wrap-------------- */
DIV#point_wrap{ 
padding:0; 
margin:0 auto; 
background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x left top; 
}

DIV#point_wrap_big{ 
padding:0; 
margin:0 auto; 
background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x left top;
height:40px;
}



/* ----------Menu-------------- */
UL#Menu {
	list-style: none;
	position: relative;
	margin:0px 0 0px 0; 
	padding:7px 0 0 0;
	overflow:visible;
	height:29px;
	border: 0px solid #999;
	background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x left top; 
	
}
UL#Menu LI {
	float: left;
	position: relative;
	list-style:none;
	font-size:12px;
	border: 0;
	overflow:visible;
}


/* ----------sub(SubMenu der Hauptnavigation)-------------- */
UL#sub {
	list-style: none;
	position: relative;
	margin:0 0 10px 0; 
	padding: 0 0 0 5px;
	overflow:visible;
	height:75px;
	background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x left bottom;
}

UL#sub_kids {
	list-style: none;
	position: relative;
	margin:0 0 0 0; 
	padding: 0 0 0 0;
	overflow:visible;
	height:35px;
	background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x left bottom;
}

UL#sub LI {
	float: left;
	position: relative;
	list-style:none;
	font-size:12px;
	width: 100px;
	text-align:center;
}

UL#sub_kids LI {
	float: left;
	position: relative;
	list-style:none;
	font-size:12px;
	width: auto;
	text-align:center;
}
UL#sub LI IMG {
margin:0 0 2px 2px;
float:none;
}

UL#sub LI a{
	float:left;
	position:relative;
	font-size:12px;
	width: 100px;
	overflow:visible;
	display:block;
}
UL#sub LI a:hover{
	float:left;
	position:relative;
	font-size:12px;
	width: 100px;
	overflow:visible;
}

UL#sub_artho {
	list-style: none;
	position: relative;
	margin:0 0 0 0; 
	padding: 0 0 10px 0;
	overflow:visible;
	height:30px;
	background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x left bottom;
}

UL#sub_artho LI {
	float: left;
	position: relative;
	list-style:none;
	font-size:12px;
	width: 30px;
	text-align:center;
}

UL#sub_artho LI a{
	float:left;
	position:relative;
	font-size:12px;
	width: 30px;
	overflow:visible;
	display:block;
}
UL#sub_artho LI a:hover{
	float:left;
	position:relative;
	font-size:12px;
	width: 30px;
	overflow:visible;
}
UL#sub_mitglieder_login {
	list-style: none;
	position: relative;
	margin:0 0 0 0; 
	padding: 2px 0 0 0;
	overflow:visible;
	height:25px;
	background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x left bottom;
}

UL#sub_mitglieder_login LI {
	float: left;
	position: relative;
	list-style:none;
	font-size:12px;
	text-align:center;
}

UL#sub_mitglieder_login LI a{
	float:left;
	position:relative;
	font-size:12px;
	overflow:visible;
	display:block;
}
UL#sub_mitglieder_login LI a:hover{
	float:left;
	position:relative;
	font-size:12px;
	overflow:visible;
}


/* ----------EVENT_Monatsauswahl MENU -------------- */

p.mbl_newsevent_datesellist{
padding:0 0 15px 0;
margin:0 0 0 0;
background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x scroll left bottom;



}
p.mbl_newsevent_datesellist a{
font-family:Tahoma;
font-size:10px;
font-weight:400;
color: #999999;
}
p.mbl_newsevent_datesellist a:hover{
font-family:Tahoma;
font-size:10px;
font-weight:400;
color: #336600;
}







/* ----------subMenu (Menu im footer)-------------- */
UL#subMenu {
	list-style: none;
	position: relative;
	margin:0px 0 0px 0; 
	padding: 5px 0 0 0;
	overflow:visible;
	height:27px;
	background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x left top;
}
UL#subMenu LI {
	float: left;
	position: relative;
	list-style:none;
	font-size:12px;	
}

/* --------------CATMENU tt_news------------- */
.news-catmenu-NO a{
color: #333333;
font-size:18px;
}

.news-catmenu-NO DIV IMG {



}

/* --------------CATMENU tt_news------------- */
#news-amenu-container UL,LI {
float:left;
list-style:none;
position:relative;
}
#news-amenu-container LI {
min-width:150px;
}
.news-amenu-item-year {
font-size:12px;

}


/* --------------Text mit Bild Typo3------------- */
h1.csc-firstHeader{ padding:10px 0 10px 0; font: 14pt Tahoma; color:#000000; }

/* --------------event text BIG Blocks auf der Homeseite------------- */
#event_txt{
width:300px;
max-width:300px;
min-height:50px;
padding:0 0 0 1px;
margin:0;
}

/* --------------event SINGLE_VIEW container / pics / TXT / Movie (flash) ------------- */

#event_container_single {
float:left;
overflow: auto;
width: 920px;
margin: auto;
background-color:#ffffff;
height:auto;
bottom:10px;
padding:0;
}

#event_prev_single{
float: left;
min-height: 183px;
width: 900px;
margin:0px 0 0px 0;
padding:10px 0 0 0;
background:#FFFFFF url(../../images/veranstaltungen/point_wrap_grey_bg.gif) repeat-x left bottom;
}

#event_prev_txt_single{
width:500px;
max-width:500px;
min-height:150px;
padding:5px 0 0 30px;
margin:0 0 auto;
float: left;
}
#event_prev_pic_single{
width:300px;
max-width:300px;
padding:10px 0 10px 0;
margin:0 0 0 0;
float: left;
text-align:left;
}
.news-single-img{
float:left;
}


/* --------------event preview container / pics / TXT / Movie (flash) ------------- */
#event_container {
float:left;
overflow: visible;
width: 920px;
margin: auto;
background-color:#ffffff;
height:auto;
bottom:10px;
padding:0;
}
#event_prev{
float: left;
min-height: 173px;
width: 900px;
margin:0px 0 0px 0;
padding:15px 0 10px 0;
background:#FFFFFF url(../../images/veranstaltungen/point_wrap_grey_bg.gif) repeat-x left bottom;
}

#event_prev_arto{
float: left;
width: 900px;
margin:0px 0 0px 0;
padding:10px 0 10px 0;
background:#FFFFFF url(../../images/veranstaltungen/point_wrap_grey_bg.gif) repeat-x left bottom;
}
#event_prev_txt{
width:600px;
max-width:600px;
min-height:150px;
padding:0 0 0 30px;
margin:0 0 auto;
float: left;
}





#event_prev_pic{
width:157px;
max-width:160px;
padding:0;
margin:25px 0 0 0;
float: left;
}

#event_prev_pic IMG{
padding:0px 5px 5px 0px;
border-top: 0px solid #fff;
background: url(../../images/veranstaltungen/event_image_shadow150x150.png) no-repeat right  bottom;
}
#event_prev_pic a{
font:0px Tahoma;
}

#event_prev_ico{
padding:45px 0 010px;
margin:0 auto;
float: left;
min-height:105px;
width:100px;
text-align: center;
}
#event_prev_ico IMG{
margin:0 0 0 10px;
}

#event_prev_movie{
padding:0 0 2px 0;
margin:0 auto;
float: left;
height:5px;
width:900px;
}
#event_prev_txt a {color:#9f1341;}
#event_prev_txt a:hover {color:#9f1341;}
#event_prev_txt p {font-family:Tahoma; font-size: 12px; color:#000000;}
#event_prev_txt h1{ padding:0 0  0; font: 11pt Tahoma; color:#000000; height:25px; }
#event_prev_txt h2{ padding:0 0 0 0; font: 11pt Tahoma; font-weight:bold; color:#000000; }
#event_prev_ico h2{ padding:3px 0 10px 10px; font: 11px Tahoma; font-weight: 400; color:#000000;  }
.cat_title_23 { color:#80191d;}
.cat_title_24 { color:#188687;}
.cat_title_25 { color:#188687;}
.cat_title_26 { color:#1a62b2;}
.cat_title_27 { color:#4d59a2;}
.cat_title_28 { color:#b9a91c;}
.cat_title_29 { color:#c05a1d;}
.cat_title_30 { color:#b2005b;}
.cat_title_31 { color:#9b5587;}
.cat_title_32 { color:#8fa12e;}

/* --------------Artotek------------- */
#event_prev_pic_arto{
width:150px;
text-align:center;
padding:0;
margin:0 0 0 0;
float: left;
display:block;
max-width:250px;

}
#event_prev_pic_arto IMG{
padding:0px 5px 5px 0px;
border-top: 0px solid #fff;
background: url(../../images/veranstaltungen/event_image_shadow150x150.png) no-repeat right  bottom;
}

h1.csc-firstHeader{

font-family:Tahoma;
font-size:13pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0pt;
padding:0pt;
}



/* --------------MAIN Container------------- */


/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 20px !important;
		margin-top:5px;
		margin-bottom:5px;
		display:block;
		float:left;
	
		padding:0;
		
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 20px !important;
		float: right;
	}
	
	
	DIV.csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol{
		margin:0 auto;
		margin-left: 20px !important;
		float:left;
		display:block;
		height:auto;
		
	}
	
#main {
float: left;
min-height: 310px;
margin: 0px 0 0 0;
padding:0 0 7px 0;
}

#txt_main_sidebar{
margin:0;
padding:0;
max-width:700px;
display:block;
padding-right:25px;
float:left;
}

#txt_main_sidebar UL{

	position: relative;
	margin:0 0 0 0; 
	padding: 0 0 0 0;
	overflow:visible;
}

#txt_main_sidebar LI{
	float: left;
	position: relative;
	
	font-size:12px;	
}
DIV#sidebar DIV#txt_main_sidebar P {
   display:block;
   width: 200px;
   margin-bottom: 10px;
}
/* --------------Formular ------------- */

.formu{
font-size:77%;
font-weight:bold;
width: 350px;
margin-left:15px;
}
.mf-input{
border:1px solid #000000;
background: #FFFFFF;
margin-top:5px;
height:15px;
}
.mf-input:hover{
border:1px solid #000000;
background:#eeeeee;
margin-top:5px;
height:15px;
}

.mf-text{
border:1px solid #000000;
background:#FFFFFF;
margin-top:5px;

}

.mf-text:hover{
border:1px solid #000000;
background:#eeeeee;
margin-top:5px;;
}

.mf-submit{
position:relative;
display:block;
width: 75px;
border:1px solid #999999;
background:#ffffff;
cursor:pointer;
font-size:87%;
margin-bottom:15px;
margin-top:15px;
text-align:center;
font:9pt Tahoma;
margin-top:15px;
}

.mf-submit:hover{
width: 75px;
border:1px solid #000000;
background:#9f1518;
cursor:pointer;
color:#FFFFFF;
margin-bottom:15px;
font:9pt Tahoma;
margin-top:15px;
}
.mf-select{
margin-top:5px;
margin-bottom:5px;;
}

.radiolayout{
margin-top:5px;
margin-bottom:15px;;
}

label{
font:9pt Tahoma;
margin-top:15px;

}


/* --------------Mitglieder ------------- */
#event_mitglieder_prev{
float: left;
min-height: 100px;
width: 700px;
margin:0px 0 10px 0;
padding:0 0 10px 0;
background:#FFFFFF url(../../images/veranstaltungen/point_wrap_grey_bg.gif) repeat-x left bottom;
}

#event_mitglieder_prev_movie{
padding:0 0 2px 0;
margin:0 auto;
float: left;
height:5px;
width:px;
}

#event_mitglieder_prev_txt{
min-width:400px;
max-width:500px;
min-height:120px;
padding:5px 0 0 25px;
margin:0 0 25px 0;
float: left;
}
#event_mitglieder_prev_txt a {color:#9f1341;}
#event_mitglieder_prev_txt a:hover {color:#9f1341;}
#event_mitglieder_prev_txt p {font-family:Tahoma; font-size: 12px; color:#000000;}
#event_mitglieder_prev_txt h1{ padding:0 0 0 0; font: 13pt Tahoma; color:#000000; }
#event_mitglieder_prev_txt h2{ padding:0 0 0 0; font: 11pt Tahoma; color:#000000; }


/* --------------SIDEBAR ------------- */
#sidebar{
float: right;
position:relative;
display:block;
font-size:10pt;
min-width:200px;
max-width:200px;
width:200px;
margin:0 auto;
display:block;
padding:0;

}
DIV#sidebar_menu {
	position: relative;
	margin:0px 0 0 0px; 
	padding: 10px 0 20px 0;
	overflow:visible;
	background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x left top;
	min-width:200px;
	max-width:200px;
}

DIV#sidebar_menu p {
	margin:0px 0 0 0px; 
}


UL#sidebar_menu {
	list-style: none;
	position: relative;
	margin:0px 0 0 0; 
	padding: 10px 0 20px 0;
	overflow:visible;
	background:#FFFFFF url(../../images/home/point_wrap_bg.gif) repeat-x left top;
	min-width:200px;
	max-width:200px;
}
UL#sidebar_menu LI {
	float: none; 
	position: relative;
	list-style:none;
	font-size:12px;
	min-height:15px;
	margin:0 0 0 15px;
	padding:2px 0 0 0;
}



UL#sidebar_menu LI a{
font:10pt Tahoma;

}
UL#sidebar_menu LI a:hover{
font-weight:bold;
text-decoration:underline;
color:#9f1518;
}
UL#sidebar_menu LI a:hover{
font-weight: 500;
text-decoration:underline;
color:#9f1518;
}

#inhalt{
margin:5px auto;
padding:0;
float:left;
position:relative;
min-width:200px;
max-width:200px;

}
#inhalt h1{ padding-top:25px; margin:0; font: 9pt Tahoma; font-weight:bold; color:#000000; height:20px;}



/* --------------LOGIN BOX------------- */


#sidebar_menu label {
	display: block;
	margin:5px auto;
	padding:0;
	}

#sidebar_menu #inputtext1, #sidebar_menu #inputtext2 {
	width: 180px;
	margin-bottom: .0em;
	padding: 0px 5px;
	border: 1px solid #CCCCCC;
	font: normal small Arial, Helvetica, sans-serif;
	color: #999999;
}

#sidebar_menu #inputsubmit1 {
	float:right;
	margin-right:7px;
	width: 60px;
	border: 1px solid #CCCCCC;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font: normal small Arial, Helvetica, sans-serif;
}

#sidebar_menu p.send_pw {
	margin: 0;
	padding-top: .2em;
	font-size: x-small;
}



/* --------------left navi------------- */
#latest_container {
float: left;
min-height: 310px;
width: 310px;
margin:0;
padding:0 0 7px 0;
background: url(../../images/home/event_image_shadow300x300.gif) no-repeat left top;
}

#latest_container IMG {
width:300px;
height:300px;
}

#latest_container h2 { padding:15px 0 0 0; font: 14pt Tahoma; color:#000000; }
/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding:0 0 7px 0;
margin: 25px 312px;
background: url(../../images/home/event_image_shadow300x300.gif) no-repeat center top;
}
#content h2 { padding:15px 0 0 0; font: 14pt Tahoma; color:#000000; }
div#content { 
min-height:325px;
}
p, pre{
padding: 5px 0px;
margin:0px;
font-family:Tahoma;
font-size: 12px;
color:#000000;
}

#Inhalt_wrap{
margin:0 0 15px 0;
padding:0 0 15px 0;
background:#FFFFFF url(../../images/veranstaltungen/point_wrap_grey_bg.gif) repeat-x left bottom;
}


/* --------------right navi------------- */
#right {
float: right;
min-height: 310px;
width: 310px;
margin: 25px 0 0 0;
padding: 0 0 7px 0;
background: url(../../images/home/event_image_shadow300x300.gif) no-repeat left top;
}
#right h2 { padding:15px 0 0 0; font: 14pt Tahoma; color:#000000; }

/* -----------footer--------------------------- */
#footer {
position:relative;
float:left;
margin:auto;
padding: 0;
text-align: left;
width:932px;
height: 50px;
background: url(../../images/home/headline_bg.png) no-repeat center bottom;
}



.tx-bddbflvvideogallery-pi1 p {
  padding:0px;
  text-align:center;
  border:1px solid #ddd;
  background-color:#eee;
  }

.flvplayer_listpic_pic {
  border: 0px solid #990000;
  padding: 1px 0 1px 1px;
}
.flvplayer_listpic {
    height: 80px;
	width: 80px;
	border: 0px solid #888888;
	margin: 0px 6px 6px 0px;
	background: url(../../images/video_splash_bg.gif) no-repeat left top;
}

.flvplayer_listpic h5{
	width: 80px;
	border: 0px solid #888888;
	margin: 0px;
	padding: 5px 0 0 0;
}


.flvplayer_listpic_firstofrow {
    height: 80px;
	width: 80px;
	border: 0px solid #888888;
	margin: 0px 6px 6px 0px;

}

.flvplayer_listpic_lastofrow {
  height: 80px;
	width: 80px;
	border: 0px solid #888888;
	margin: 0px 0px 6px 0px;
}

.flvplayer_pagebrowser {

}

.browseLinksWrap {
	text-align: center;
}

#flvplayercaption {
	float:left;
}

#flvcaption {
 clear: both;
 margin-top: 0px;
	width: 360px;
}

.flvplayer_pagebrowser_fwd {
  float:right;
  margin-right: 4px;
}

.flvplayer_pagebrowser_back {
  float:left;
}



#player {
	float: left;
	margin-right: 16px;
	margin-bottom: 10px;
}

* html #player {
	margin-right: 8px;
}

#playlist {
 
}

#loadingMessage {
padding: 7px 0px 7px 0px;
width: 320px;
background-color: #ffffff;
text-align: center;
position: absolute;
margin: 130px 0px 0px 19px;
}



LI.clickLink {
	cursor: pointer;
	cursor: hand;
}

/* === MARQUEE ==== */
MARQUEE DIV#Inhalt_wrap {
  margin:0 ;
  padding: 0;
  background:#FFFFFF none;
  display: inline;
}
MARQUEE DIV#Inhalt_wrap P {
  margin: 0;
  padding: 0;
  display: inline;
}
MARQUEE DIV#Inhalt_wrap H1 {
  display: none
}

DIV#main DIV.csc-textpic DIV.csc-textpic-imagewrap {
   margin-bottom: 25px;
}
DIV#main DIV.csc-textpic DIV.csc-textpic-imagewrap DL {
   padding-top: 5px;
}