@charset "utf-8";
/* CSS Document */

body {
    font-size: 76%;
    text-align: center;
    background: #ffffff;
    font-family: Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
    margin: 0;
    padding: 0;
    border: none;
}

a {
    color: #6393ca;
}

a:hover {
    color: #000000;
    text-decoration: none;
}

#rightcol_header .colleft a  {
    color: #DF8D00;
    font-weight: bold;
}

#rightcol_header .colleft a:hover {
    color: #DF8D00;
    text-decoration: none;
}

img {
	border: none;
}

#wrapper {
    width: 1000px;
    margin: 10px auto;
    text-align: left;
    padding: 0;
}

#leftcol {
	width: 220px;
	float: left;
	background-color: #ffffff;
}

#logo {
	display: block;
	width: 203px;
}

#rightcol {
	width: 770px;
	float: left;
}

.navigcol {
	width: 70px;
	height: 920px;
	float: left;
}

.navigcol.left {
	background: url(../img/paging_arrow_left.gif) top left;
	text-indent: -7000px;
}

.navigcol.left a, .navigcol.right a {
	display: block;
	width: 70px;
	height: 920px;
}

.navigcol.right {
	background: url(../img/paging_arrow_right.gif) top left;
	text-indent: -7000px;
}

#rightcol_header {
	width: 620px;
	height: 40px;
	padding: 0 70px;
}

#rightcol_content {
	width: 622px;
	height: 916px;
	float: left;
}

.clear {
	clear: both;
	font-size: 0;
}

h1 {
	color: #6393ca;
	font-size: 1.2em;
	line-height: 110%;
	margin: 0 0 0.2em 0;
}

h2 {
	color: #ffffff;
	font-size: 0.95em;
	margin: 0 0 0.5em 0;
}

h6 {
	font-size: 0.95em;
	color: #999999;
	padding-top: 0.2em;
	border-top: 1px solid #999999;
	font-weight: normal;
	margin: 1em 0 0.5em 0;
	text-align: left;
}

p {
	font-size: 1em;
	line-height: 120%;
	margin: 0 0 1em 0;
}

.boxblue {
	background: #6393ca;
	width: 200px;
	padding: 10px;
	font-size: 0.95em;
	margin: 2px 0 0 0;
}

.boxblue a {
    color: #ffffff;
}

.boxblue a:hover {
    color: #ffffff;
    text-decoration: none;
}

#leftcol_form form {
	margin: 0;
	padding: 0;
}

#leftcol_form form .col {
	float: left;
	width: 33%;
	text-align: center;
	margin: 0 0 0.5em 0;
}

#leftcol_form form .col label {
	width: 100%;
	margin: 0.2em 0 0.5em 0;
}

#leftcol_form form .radio {
	margin: 0;
}

#leftcol_form form label {
	color: #ffffff;
	margin: 0.2em 0 0.5em 0;
	display: block;
	width: 55px;
	float: left;
}

#leftcol_form form select {
	font-size: 0.9em;
	border: 1px solid #666666;
	font-family: Arial,Verdana;
	padding: 1px;
	width: 140px;
	margin-bottom: 0.35em;
	float: left;
}

#leftcol_form form br {
	clear: left;
}

#leftcol_form form input.formfield {
	width: 136px;
	border: 1px solid #666666;
	margin-bottom: 0.35em;
	float: left;
}

#leftcol_form form .button {
	margin: 0.2em 0 0 0.2em;
	float: left;
}



#tabarea {
	background: #fff;
	width: 220px;
}

#leftcol_werbung {
	margin-top: 20px;
	width: 220px;
	text-align: center;
	clear: both;
	display: block;
}

#rightcol_header .colleft {
	float: left;
	width: 200px;
}

#rightcol_header .colright {
	float: right;
	width: 420px;
}

#rightcol_header .colright ul {
	padding: 0;
	margin: 0;
	float: right;
	list-style: none;
}

#rightcol_header .colright ul li { 
	display: inline;
}


#rightcol_header .colright ul li.pdfview {
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 2px;
	background: url(../img/icon_pdf_download.gif);
	background-repeat: no-repeat;
}

#rightcol_header .colright ul li.imgview {
    background-position: left top;
    padding-left: 20px;
    padding-bottom: 2px;
    background: url(../img/icon_view_image.gif);
    background-repeat: no-repeat;
}

#rightcol_header .colright ul li.download {
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 2px;
	background: url(../img/icon_pdf_download.gif);
	background-repeat: no-repeat;
}

#rightcol_header .colright ul li.hilfe {
    background-position: left top;
    padding-left: 20px;
    padding-bottom: 2px;
    background: url(../img/icon_help.gif);
    background-repeat: no-repeat;
}

#rightcol_header .colright ul li.drucken {
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 2px;
	background: url(../img/icon_print.gif);
	background-repeat: no-repeat;
}

#rightcol_header .colright ul li.home {
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 2px;
	background: url(../img/icon_home.gif);
	background-repeat: no-repeat;
}

#rightcol_header .colright ul li.logout {
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 2px;
	background: url(../img/icon_control_eject_blue.png);
	background-repeat: no-repeat;
}

#rightcol_header .colright ul li.contact {
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 2px;
	background: url(../img/icon_email.png);
	background-repeat: no-repeat;
}

#rightcol_content_pdf
{
		
}

.layerborder{
    border: 1px dotted blue;
}

.layerborder_mouseover{
    border: 2px solid blue;
}
#previon_banner
{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 90px;
}
	/* thumbnails area*/
	/******************/
		#thumbnails img.unselected_page
		{
			border: 2px solid #C9DFF6;			
		}
		
		#thumbnails img.selected_page
		{
			border: 2px solid #DF8D00;			
		}
		
		#thumbnails div.thumbnail_page
		{
			text-align: left;
			padding-left: 2px;			
		}
	
	/* search result */
	/*****************/	
		#leftcol_form .search_result_item
		{
			border-bottom: 1px solid #D1D8DF;
			background-color: #DFEFFF;
			margin-bottom: 3px;
			padding: 2px;
			cursor:pointer;
		}
		
		#leftcol_form .search_result_item:hover
		{	
			background-color: #EFF7FF;
		}
		
		#leftcol_form div.search_result_selected
		{	
			border: 2px solid #DF8D00;
		}		
		
		#reset_search
		{
			background: url(../img/icon_orange_x.gif);
			background-repeat: no-repeat;
			padding: 4px 4px 4px 14px;
			background-position: left 5px;
			background-color: #FFE88F;
			border: 1px solid #FFA200;
			margin-bottom: 10px;
		}

	/* styles for Login */
	/********************/
		
		#login_front
		{
			color: #ffffff;
			padding-left: 5px;
			background-color: #6393ca;
			margin: 2px 0px 2px 0px;
		}
		
		#login_front div.submit
		{
			padding: 5px;
		}
		
		#login_front a, #login_front a:link, #login_front a:visited
		{
			color: #ffffff;
			margin-left: 10px;
		}
		
		#login {
			background-color: #6393ca;
			color: #ffffff;
			width: 300px;
			padding: 5px;
			font-size: 0.95em;
			 margin: 10px auto;
		}
		
		#login .input_width
		{
			width: 190px;			
		}		
		
		#customer_area
		{
		    width: 300px;
		    margin: 10px auto;
		    text-align: center;
		    padding: 0;
		}
		
		#customer_epaper_title {
			color: #6393ca;
			font-size: 1.2em;
			line-height: 110%;
			margin: 0 0 0.2em 0;
		}


	/* Sharable class styles */
	/*************************/
		.font_bold 
		{
			font-weight: bold;
		}
		
		.align_left
		{
			text-align:left;
		}
		
		.align_center
		{
			text-align:center;
		}
		
		.align_right
		{
			text-align:right;
		}
		
		.font_size_14
		{
			font-size:14px;
		}
		
		.float_left
		{
			float: left;		
		}
		
		.float_right
		{
			float: right;		
		}
		
		.width_full
		{
			width: 100%;
		}
		

		.font_color_white
		{
			color: #ffffff;			
		}


	/* error / flash messages */
	/**************************/
		div.error, #flashMessage
		{
			border: 1px solid #DD7777;
			background-color:#FFCCCC;
			color:#220000;
			padding:2px;
			width: 400px;
			margin: auto;
		}

	/* demo box */
	/************/
		#demo_box
		{
			border: 1px solid #DD7777;
			background-color: #FFCCCC;
			color: #990000;
			margin-top: 20px;
			margin-bottom: 10px;
			text-align: left;		
			padding: 4px;
		}