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

       					Projekt: Opern.TV
                          	 09.2008
                         (c) EVISCO AG
					D R U C K V E R S I O N
						  
  ---------------------------------------------------------------------
*/

/*
  ---------------------------------------------------------------------
  central definitions
  ---------------------------------------------------------------------
*/

body
	{
 	margin:0px 0px 0px 0px;
 	padding:0px 0px 0px 0px;
  	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	text-align:justify;
 	color:#676767;
	text-decoration:none;
	}
/*
  ---------------------------------------------------------------------
  redefinitions of HTML tags
  ---------------------------------------------------------------------
*/


h1, h2, h3, h4, h5, h6,
form, input, select,
tr, p, .bu, .eingabe, .required, .subheadline, span,
#subnavi a, #subnavi a:active, #subnavi a:hover
	{
 	margin:0px 0px 0px 0px;
 	padding:0px 0px 0px 0px;
  	font-size:12px;
	}
	
table 	
	{
	border-collapse:collapse;
	margin:0px;
 	padding:0px 0px 0px 0px;
  	font-size:11px;	
  	border-spacing:2px;
	}	
	
td	{
	border-width:0px;
	border-style:solid;
	border-color:#000000;
	padding:0px 0px 0px 0px;
	}
	


img {
	border:none;
	}


h1, h3, h4, h5, h6 
	{
  	font-weight:normal;
	}
	
h2	{
	font-size:22px;
	font-weight:400;
	line-height:38px;
	}	

/*
ul	{
	border-width:0px;
	}
	
li	{
	list-style-type:square;
	}
*/	




a, a:link, a:active
	{
    color:#7A7A7A;
  	text-decoration:none;
	}
	




/*
  ---------------------------------------------------------------------
  definitions of ID's
  ---------------------------------------------------------------------
*/






#lay 	
	{
	width:940px;
	margin:0px;
 	padding:0px;
	border:0px solid cyan;
	}

#layMedia
	{
	display:none;
	}



#layVideo
	{
	display:none;
	}


		
	
		
#LayCont
	{
	float:left;
	margin:0px;
	padding:0px;
	background-color:transparent;
	border:0px solid red;
	}
	
#layContHead
	{
	float:left;
	width:720px;
	height:32px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	border:0px solid blue;
	}	
	
	
	
	
#layContLeft
	{
	float:left;
	width:720px;
	padding:0px;
	border:0px solid red;	
	}	
	
#layContPreview
	{
	float:left;
	height:600px;
	padding:0px;
	border:0px solid green;	
	background-color:#f0efef;
	}	
		
	
	



#LayContentAdRight
	{
	width:240px; 
	height:260px;
	margin-bottom:14px;
	text-decoration:none;
	background-color:transparent;
	border:0px solid blue;
	}
	
/****************************************************************/
#layBoxRight
	{
	float:right;
	width:210px; 
	margin:0px;
	padding:0px;
	text-decoration:none;
	border:1px solid blue;
	}
/****************************************************************/



#layBoxRightHead
	{
	height:28px;
	margin:0px;
	padding:0px;
	clear:both;
	border:1px solid red;
	}




#Lay_side_col       	 
	{
	float:right;
	width:240px;
	border:1px solid red;
	}







/**************************************************************************************/

	
	
	
#Previewbox
	{
	margin:0px;
	padding:0px;
	text-align:justify;
	border:0px solid cyan;
	}
	
#Previewbox ul 
	{
	margin:0px;
	padding:0px;
	list-style-type:none;
	border:0px solid orange;
	}
	
#Previewbox li
	{
	width:100%;
	height:183px;
	padding:0px;
	margin:0px 0px 10px 0px;
	background-color:#033c06;
	border:1px solid orange;
	}
	


/**************************************************************************************/
	


#layMediaPreviewbox
	{ 
	margin:0px;
	padding:0px;
	text-align:justify;
	border:0px solid cyan;	
	}

	
#layMediaPreviewbox ul 
	{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
#layMediaPreviewbox li
	{
	height:89px;
	background-color:transparent;
	border:0px solid orange;
	}

	


	






#LayNaviFrame 
	{
	width:824px;
	height:109px;
	margin:0px 0px 10px 0px;
	padding:11px 0px 0px 20px;
	clear:both;
	}

	
#LayNavi 
	{
	width:791px;
	height:87px;
	margin:0px;
	}

	
#LayNavi ul 
	{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	}
	
#LayNavi li
	{
	float:left;
	display:inline;
	width:102px;
	}

	
	
#CategoryBox 
	{
	float:left;
	width:720px; 
	height:505px; 
	margin:0px; 
	padding:0px;
	}


	

	
	
#layContHeadNavi 
	{
	padding:0px;
	text-transform:uppercase;
	border:0px solid orange;
	}	

	
#layContHeadNavi ul 
	{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	}
	
#layContHeadNavi li
	{
	float:left;
	display:inline;
	padding:0px;
	border:0px solid #cce9f7;
	}
	
	
#layContHeadNavi li.red
	{
	height:24px;
	padding:0px 8px 0px 8px;
	position:relative;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#de140a;
	}

#layContHeadNavi .LayContContTitle
	{
	display: none;
	cursor: pointer;
	}

	
	
#layBottom
	{
	display:none;
	}	


	

	
	

	

	

/* 		background-image:url('../images/0bg_evisco-i_2px-raster.gif');	 */


	
#Textfield
	{
	float:left;
	width:690px;
	height:520px;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	color:#545454;
	overflow:auto
	}


#Textfield_row
	{
	float:left;
	width:180px;
	padding:10px 5px 0px 0px;
	vertical-align:top;
	line-height:16px;
	background-color:#000033
	}

#Textfield_row_right
	{
	float:right;
	width:380px;
	margin:0px 0px 0px 30px;
	padding:10px 5px 0px 0px;
	vertical-align:top;
	line-height:16px;
	background-color:#006600
	}





#Contentarea
	{
	padding:20px 5px 20px 8px;
	background-color:#3399FF
	}

	






/*
  ---------------------------------------------------------------------
  definitions of Classes
  ---------------------------------------------------------------------
*/





.clearing 
	{
	border:medium none;
	clear:both;
	float:none;
	font-size:1px;
	margin:0;
	padding:0;
	}

.layContHeadTitle
	{
	display:none;
	}





/*-------------------------GWO-Definitions-------------------------*/


.teaser-wrapper
	{
	padding-top:80px;
	}

.teaser-wrapper div.text-main p 
	{
    font-size:20px;
	}

.teaser-wrapper div.text-sub p 
	{
    font-size:13px;
	}
	
.teaser-wrapper p 
	{
    display:inline-block;
    padding:0 9px 0 8px;
	text-decoration:none;
	}	
	
.dinengschrift 
	{
    font-family:"DIN 1451 W01 Engschrift", Arial, Helvetica, sans-serif;
	}	
	
.text-main dinengschrift
	{
	font-size:30px;
	}


.teaser-wrapper div.black-milk p 
	{
    color:#000000;
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.7) !important;
	}





.teaser-wrapper div.btnOrange 
	{
	padding:0px;
	}


.btnOrange	
	{
	background-color:#f47f22
	}
	

	


.btnOrangeContent
	{
	background-color:#f47f22
	}
	
.btnOrangeRight
	{
	background-color:#f47f22
	}	













.pictureFrame
	{
	background-color:#595959;
	}


.pictureFrameLive
	{
	color:#003119;
	width:230px;
	height:95px;
	padding:0px;
	background-repeat:no-repeat; 
	background-position:center;
	background-color:transparent;
	text-align:center;
	}

.pictureFrameLive a {
	color:#003119;
	}

.pictureFrameOut
	{
	width:230px;
	margin:3px 0px 0px 0px;
	padding:80px 0px 0px 0px;
/*	background-color:#634537; */
	height:15px;
	}

.pictureFrameOnAir
	{
	padding:1px;
	background-color:#303892;
	}
	
.picRow
	{
	padding:0px 0px 0px 0px;
	clear:both
	}



.PreviewboxTeaserbox
	{
	width:100%;
	height:183px;
	padding:0px;
	margin:0px 0px 10px 0px;
	text-align:left;
	background-color:#033c06;
	}


.PreviewPicArea
	{	
	float:left;
	margin:0px 20px 20px 20px;
	padding:0px;
	text-align:left;
	border:0px solid blue;
	background-color:#FFFFFF;	
	}

	
.PreviewPicArea ul 
	{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
.PreviewPicArea li
	{
	display:inline;
	float:left;
	margin:0px;
	background-color:transparent;
	}
	


.PreviewPicAreaLeft
	{
	float:left;
	width:110px;
	padding:0px;
	margin:0px;
	}
	
	
.PreviewPicAreaRight	
	{
	float:left;
	margin:0px;
	border:0px solid blue;
	}
	
.PreviewPicAreaPicture
	{
	width:90px;
	height:115px;
	background-repeat:no-repeat; 
	background-position:center 0;
	background-color:#d1d1d1;
	}
	

.PreviewPicArea img
	{
	margin:0px;
	border-width:0px;
	border-style:solid;
	}


.PreviewAreatext
	{
	width:190px;
	height:55px;
	line-height:1.5;
	text-align:left;
	overflow:hidden;
	margin:20px 0px 7px 0px;
	border:0px solid red;
	}






.btnSilver
	{
	background-color:#CCCCCC
	}
	

	
















.subnavi
	{
	background-color:#999999
	}
	


.subnaviRow
	{
	background-color:#999999
	}
	
.subnaviRowActive
	{
	background-color:#666666
	}		
	


/* Begrenzung der Reiter */
	
	
.subnaviRowLeft
	{
	background-color:#999999
	}	
	
.subnaviRowRight
	{
	background-color:#999999
	}	
	
	
.subnaviRowLeftActive
	{
	background-color:#000000
	}	
	
.subnaviRowRightActive
	{
	background-color:#000000
	}	


	
/* Definition der Reiter */		
	

	
	
	
.subnaviNew
	{
	display:none
	}
		
.subnaviNewActive
	{
	display:none
	}
	
	
.subnaviMost
	{
	display:none
	}
	
.subnaviMostActive
	{
	display:none
	}
		
	
	
	
	
	



	
	
	
	
/* Content Navi */	


	

.subnaviPoint 
	{
	height:32px;
	margin-right:1px;
	padding:0px;
	cursor:pointer;
	text-align:center;
    font-size:13px;
	border:0px solid orange;
	}
		
.subnaviPointActive 
	{
	height:32px;
	margin-right:1px;
	cursor:pointer;
	text-align:center;
    font-size:13px;
	color:#FFFFFF;
	border:0px solid orange;
	}	
	





	/* Linkeigenschaften und Icons */	
	
	
	

	
	

	



	
	
/*
  ---------------------------------------------------------------------
  Klassen für Formularfelder
  ---------------------------------------------------------------------
*/

	
	
table#Formular	
	{
	width:720px;
	border-collapse:collapse;
	color:#000000;
	background-color:#cfcaca
	}	
	
/*	color:#FFFFFF; */
	
td#Formular
	{
	border-width:0px;
	border-style:solid;
	border-color:#FFFFFF;
	margin:0px;
	padding:2px 0px 2px 0px;
	text-align:right;
	}	
	
td#FormularFeld
	{
	border-width:0px;
	border-style:solid;
	border-color:#FFFFFF;
	padding:2px 0px 2px 15px;
	font-weight:bold;
	text-align:left;
	}	
	
td#FormularAnm
	{
	border-width:0px;
	border-style:solid;
	border-color:#FFFFFF;
	padding:10px 4px 20px 15px;
	text-align:left;
	}	
	
	


input.buttonSenden, input.buttonSenden a, input.buttonSenden a:visited  
	{ 
 	margin:0px;
	padding:3px 0px 3px 0px;
	width:72px;
	color:#343804;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
	

/* SENDEN Reset */	
	
input.buttonReset
	{ 
 	margin:2px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	width:100px;
    height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	border:1px solid #FFFFFF;
	}
	


	




/* SENDEN Reset */	
	

	
	
	
	
.counterFields 
	{
	background-color:#f7f7f7;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-bottom:0px;
	font-size:14px;
	color:#017CA6;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	}

.formatFields 
	{
	width:220px;
	height:16px;
	padding:2px 2px 2px 4px;
	background-color:#121210;
	border:1px solid #636363;
	font-family:Arial, Helvetica, sans-serif;
	color:#e6ef1e;
	font-weight:normal; 
	}
	
select.formatFields, option.formatFields
	{
	background-color:transparent;
	border:1px solid #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal; 
	}	
	
	
textarea.formatFields 
	{
	display:none
	}	
	
.disabledFields 
	{
	display:none
	}	
	

	
.button
	{ 
	display:none
	}