/* ------------------------------------------------------------*/
/*	 CSS-File for DISCREET-Style		*/
/*								*/
/*	created:	2004 - simon hefti	*/
/*	last change:	02.06.2007 - simon hefti	*/
/* ------------------------------------------------------------*/

BODY
{
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 12px;
  	text-align: center;
  	color: White;
	background-color: black;
	margin: 0px;
	padding: 0px;
}

P { 
	margin: 0px; 
	padding: 0px; 
}

IMG 
{
  	border-style: solid;
  	border-width: 1px;
  	border-color: Gray;
}

.no_border_graph { border-style: none; }

A { color:white }
A:link { text-decoration: none }
A:visited { text-decoration: none }
A:active { text-decoration: none }
A:hover { color:#FF9C6D; }

A.secondary_link { color:#FF9C6D; }

.img_previous, .img_next, .img_os, .img_thumb
{
	display:block;
   	width:26px; 
	height:26px;
}

.img_previous { background-image:url(../previous_enabled.gif); }
A.img_previous:hover { background-image:url(../previous_active.gif); }

.img_next { background-image:url(../next_enabled.gif); }
A.img_next:hover { background-image:url(../next_active.gif); }

.img_os { background-image:url(../os_enabled.gif); }
A.img_os:hover { background-image:url(../os_active.gif); }

.img_thumb { background-image:url(../thumb_enabled.gif); }
A.img_thumb:hover { background-image:url(../thumb_active.gif); }


.mainframe
{
	position: relative;
	top: 80px;
	width: 940px;
	margin-left: auto;
	margin-right: auto;	
	border-style: none;
	border-width: 0px;
	background-color: black;
}


.title_name_box, .title_choose_box, .title_selector_box 
{
	float:left;
	height: 32px;
	background-color: black;
}

.title_name_box
{
	width: 500px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
}

.title_choose_box
{
	width: 200px;
	font-size: 16px;
	text-align: right;
}

.title_selector_box
{
	width: 240px;
	text-align: right;
}

.selector
{
	width: 220px;
}


.content_box
{
	clear: left;
	width: 940px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	background-color: black;
	border-top-color: white;
	border-top-width: 2px;
	border-top-style: solid;
	border-bottom-color: white;
	border-bottom-width: 2px;
	border-bottom-style: solid;		
}

.prepage_seriepic_td, .prepage_seriedescription_td
{
	vertical-align: top;
	padding: 10px;	
	border-bottom-color: #DDDDDD;
	border-bottom-width: 1px;
	border-bottom-style: solid;		
}

.prepage_seriepic_td
{
	width: 120px;
	text-align: right;
}

.prepage_seriedescription_td
{
	text-align: left;
  	font-size: 12px;	
}

.prepage_serie_title
{
	color: #FF9C6D;
 	font-weight: bold;
  	font-size: 14px;
	padding-bottom: 6px;
}

.prepage_serie_description
{
	font-size: 12px;
	color: #DDDDDD;	
}

.pic_border_thumb
{
	margin: 8px;
}

.picture_box
{
	padding-right: 20px;
}

.info_box
{
  	width: 250px;
  	border-style: solid;
  	border-width: 1px;
  	border-color: gray;
  	text-align: left;
  	vertical-align: top;
  	padding: 8px;
  	margin: 0px;
}

.td_picture_navigation
{
  	height: 36px;
  	border-style: solid;
  	border-width: 1px;
  	border-color: gray;
  	border-top-style: none;			
	text-align: center;
	padding-left: 45px;
	padding-right: 45px;
	vertical-align: middle;
}


.p_picture_info_title
{
 	font-weight: bold;
  	font-size: 14px;
  	color: #FF9C6D;
	padding-bottom: 10px;
}

.p_picture_info_des, .p_picture_info_date
{
  	font-size: 12px;
  	color: #DDDDDD;
	padding-bottom: 10px;	
}

.td_picture_navigation_icon
{
	width: 40px;
	padding-left: 7px;
	padding-right:7px;
}


.footer_email_box, .footer_logout_box, .footer_lastupdate_box
{
	float:left;
	height: 30px;
	padding-top: 5px;	
}

.footer_email_box
{
	width: 400px;
	text-align: left;	
}

.footer_logout_box
{
	width: 140px;
	text-align: center;	
}

.footer_lastupdate_box
{
	width: 400px;
	text-align: right;	
}


.login_box
{
	background-color: #FFA500;
	position: relative;
	top: 80px;
	width: 400px;
	height: 200px;
    text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-style: none;
}

.login_pic
{
  	background-image: url(../title.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 200px;
	width: 200px;
	overflow: hidden;
}

.login_content
{
	position: absolute;
	top: 0px;
	left: 200px;
	width: 200px;
	height: 200px;
	text-align: center;
}

P.login_txt
{
	padding: 30px 10px 10px 10px;
	margin: 0px;
	font-size: 14px;
	color: White;
	border: none;	
}

.login_footer_1
{
	position: absolute;
	bottom: 15px;
	left: 200px;
	height: 20px;
	width: 200px;
	font-size: 10px;
	color: White;
	margin: 0px;
	text-align: center;
}

.login_footer_2
{
	position: absolute;
	bottom: 0px;
	left: 200px;
	height: 20px;
	width: 200px;
	font-size: 10px;
	color: White;
	margin: 0px;
	text-align: center;
}

.formular
{
	width: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	margin: 10px;
}

.submit_button, .enter_link
{
	background-color: #FFBE6E;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 2px;
	color: #000000;
	font-size: 12px;	
	letter-spacing: 0.2em;
	cursor: hand;
	padding: 3px;
	margin: 0px auto;
}

.enter_link
{
	display: block;
	width: 100px;
	background-color: #FFBE6E;

}
.enter_link A { color: #000000; }

.enlarge_pic
{
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

DIV.error
{
	position: relative;
	top: 80px;
	width: 300px;	
	margin: auto auto;
	padding: 10px;
	border: 2px solid #FF4500;
	text-align: center;
}

P.error_title { font-size: 14px; font-weight: bold; padding: 0px; margin: 10px 10px 15px 10px; }
P.error_msg, P.error_link { font-size: 14px; padding: 0px; margin: 10px; }



DIV.preview_box
{
	position: absolute;
  	top: 0px;
	left: 0px;
	width: 100%;
	border-top: 3px solid red;
	border-bottom: 3px solid red;
	margin: 0px;
	padding: 10px 0px 10px 0px;
  	background-color: gray;
  	color: white;
  	text-align: center;
  	font-size: 11pt;
}

SPAN.preview_box_active, SPAN.preview_box_inactive { font-weight:bold; }
SPAN.preview_box_active { color:lime; }
SPAN.preview_box_inactive { color:maroon; }