/*  
Description: SCREEN Theme
Version: 1.000.002
Author: Projekt 77
Author URI: http://www.projekt-77.de
*/

/* LAST MOD

09-05-01 create

*/

/*


########## colorset ##########

blue		#003580
blue light	#809ABF

yellow		#FFD83B

########## default fontset ##########

Georgia

*/

/* ------------------------------------------ DEFAULT --------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #003580;
	background: transparent url(../graphic/bg/bg_visual2.jpg) center top no-repeat;
	direction: ltr;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

html, body {height: 100%;}

a:link {
	color: #003580;																			
	background-color: transparent;
	text-decoration: underline;
}

a:visited {
	color: #809ABF;
	background-color: transparent;
	text-decoration: underline;
}

a:hover {																												
	color: #809ABF;
	background-color: transparent;
	text-decoration: none;
}

a:active {																												
	color: #809ABF;
	background-color: transparent;
	text-decoration: none;
}

a:focus {																												
	color: #809ABF;
	background-color: transparent;
	text-decoration: none;
}

acronym {
	font-size: 100%;
	cursor: help;
	border-bottom: 1px dashed #809ABF;
}

abbr {
	font-size: 100%;
	border-bottom: 1px dashed #809ABF;
	cursor: help;
}

.invisible {visibility: hidden;}

.hide, #address {display: none;}

.hide_title, .hide_active, .jumptocontent {
	position: absolute;
  	top: -6000px;
	left: -6000px;
 	height: 1px;
	width: 1px;
}

a img {border: 0;}

table {
	border: 0;
	font-size: 100%;
}

.wrapper {
	clear: both;
	height: 0;
	font-size: 0.1%;
	margin: 0;
	padding: 0;
	display: inline;
}

/* #### -> */

/* ######################################################################### LAYER ######################################################################### */

/* ------------------------ tab ------------------------ */

#jumpmenu a:link, #jumpmenu a:visited {
	color: #FFFFFF;
	background: #003580;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	z-index: 9999;
}

#jumpmenu a:hover, #jumpmenu a:active, #jumpmenu a:focus {
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	position: absolute;
	top: 6010px;
	left: 6010px;
	width: 24em;
	margin: 0;
	padding: 20px 40px;
	white-space: nowrap;
	display: block;
	float: left;
	z-index: 9999;
}

/* ------------------------ END tab ------------------------ */

/* ------------------------ positioning ------------------------ */

#positioning {
	width: 968px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#frame {
	width: 968px;
	text-align: left;
	color: #003580;
	background: transparent url(../graphic/bg/bg_default.jpg) repeat-y;
	margin: 7px 0 0 0;
	padding: 0;
	display: inline;
	float: left;
}

/* ------------------------ END positioning ------------------------ */

/* ------------------------ layer ------------------------ */

#header {
	width: 960px;
	height: 93px;
	color: #003580;
	background: transparent url(../graphic/bg/bg_header.jpg) top no-repeat;
	margin: 0;
	padding: 0 4px;
	display: inline;
	float: left;
}

	#logo {
		width: 300px;
		margin: 22px 0 0 50px;
		padding: 0;
		display: inline;
		float: left;
	}
		
	#service {
		width: 400px;
		margin: 10px 42px 0 0;
		padding: 0;
		display: inline;
		float: right;
	}
		
#visual {
	width: 960px;
	height: 180px;
	color: #003580;
	background: transparent url(../graphic/bg/bg_frame_default.jpg) repeat-y;
	margin: 0;
	padding: 0 4px;
	display: inline;
	float: left;
}

	#visual_img {
		width: 940px;
		height: 180px;
		color: #003580;
		background: transparent url(../graphic/bg/bg_visual.gif) no-repeat;
		margin: 0;
		padding: 0 0 0 10px;
		display: inline;
		float: left;
	}
	
#contentblock {
	width: 960px;
	font-size: 110%;
	margin: 0;
	padding: 0 4px;
	display: inline;
	float: left;
}

	#content {
		width: 580px;
		text-align: left;
		line-height: 160%;
		margin: 50px 0 0 50px;
		padding: 0;
		display: inline;
		float: left;
	}
	
	#contentbox {
		width: 580px;
		text-align: left;
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
	}

		#contentleft {
			width: 260px;
			line-height: 145%;
			margin: 10px 0 0 0;
			padding: 0;
			display: inline;
			float: left;
		}
		
		#contentright {
			width: 260px;
			line-height: 145%;
			margin: 10px 0 0 0;
			padding: 0;
			display: inline;
			float: right;
		}
	
	#right {
		width: 230px;
		margin: 0 50px 0 0;
		padding: 48px 0 0 0;
		display: inline;
		float: right;
	}
	
		#mainnavigation {
			width: 230px;
			margin: 0;
			padding: 0;
			display: inline;
			float: left;
		}
		
		#teaser {
			width: 230px;
			line-height: 145%;
			text-align: left;
			margin: 0;
			padding: 0;
			display: inline;
			float: left;
		}

#footer {
	width: 960px;
	height: 50px;
	color: #003580;
	background: transparent url(../graphic/bg/bg_footer.jpg) bottom repeat-y;
	margin: 0 0 0;
	padding: 0 4px 0 4px;
	display: inline;
	float: left;
}	

/* ------------------------ END layer ------------------------ */

/* ######################################################################### END LAYER ######################################################################### */

/* ######################################################################### NAVIGATION ######################################################################### */

/* ------------------------ service ------------------------ */

#servicenavigation {
	width: auto;
	margin: 11px 0 0 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: right;
}

#servicenavigation li {
	width: auto;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

	#servicenavigation img {
		width: auto;
		margin: 1px 0 0 0;
		padding: 0 8px 0 0;
		display: inline;
		float: left;
	}

	li.serv a:link, li.serv a:visited {
		color: #666666;
		background-color: transparent;
		margin: 0 7px 0 5px;
		padding: 0;
		text-decoration: none;
	} 
	
	li.serv a:hover, li.serv a:active, li.serv a:focus {
		color: #000000;
		background-color: transparent;
		text-decoration: underline;
	} 
	
	li.serv_a a:link, li.serv_a a:visited {
		color: #000000;
		background-color: transparent;
		margin: 0 7px 0 5px;
		padding: 0;
		text-decoration: underline;
	} 
	
	li.serv_a a:hover, li.serv_a a:active, li.serv_a a:focus {
		color: #000000;
		background-color: transparent;
		text-decoration: none;
	} 

/* ------------------------ END service ------------------------ */

/* ------------------------ mainnavigation ------------------------ */

#mainnav {
	width: 230px;
	font-size: 130%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	display: inline;
	float: left;
}

#mainnav li {
	width: 230px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

	li.main a:link, li.main a:visited {
		width: 220px;
		color: #FFFFFF;
		background-color: #809ABF;
		margin: 2px 0 0 0;
		padding: 6px 5px 4px 5px;
		text-decoration: none;
		display: inline;
		float: left;
	} 
	
	li.main a:hover, li.main a:active, li.main a:focus {
		color: #FFFFFF;
		background-color: #003580;
		text-decoration: none;
	} 
	
	li.main_a a:link, li.main_a a:visited {
		width: 220px;
		color: #FFD83B;
		background-color: #003580;
		margin: 2px 0 0 0;
		padding: 6px 5px 4px 5px;
		text-decoration: none;
		display: inline;
		float: left;
	} 
	
	li.main_a a:hover, li.main_a a:active, li.main_a a:focus {
		color: #FFD83B;
		background-color: #809ABF;
		text-decoration: none;
	} 

/* ------------------------ END mainnavigation ------------------------ */

/* ######################################################################### END NAVIGATION ######################################################################### */

/* ######################################################################### TITLE ######################################################################### */

/* ------------------------ content ------------------------ */

#content h1 {
	color: #FFFFFF;
	background-color: #003580;
	font-size: 140%;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 6px 0;
	padding: 6px 5px 4px 5px;
}

#content h2 {
	color: #003580;
	background-color: transparent;
	font-size: 140%;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0 0 2px 0;
}

#content h3 {
	color: #003580;
	background-color: transparent;
	font-size: 120%;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0 0 2px 0;
}

/* ------------------------ contentbox ------------------------ */

/* ------------------------ END contentbox ------------------------ */

#contentbox h1 {
	font-size: 140%;
	color: #FFD83B;
	background-color: #003580;
	text-align: left;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 6px 0;
	padding: 6px 5px 4px 5px;
}

#contentbox h2 {
	font-size: 120%;
	text-align: left;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0 0 2px 0;
}

/* ------------------------ END content ------------------------ */

/* ------------------------ teaser ------------------------ */

#right h1 {
	font-size: 140%;
	color: #FFD83B;
	background-color: #003580;
	font-weight: bold;
	line-height: normal;
	margin: 20px 0 6px 0;
	padding: 6px 5px 4px 5px;
}

#right h2 {
	font-size: 110%;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0 0 2px 0;
}

/* ------------------------ teaser ------------------------ */

/* ######################################################################### END TITLE ######################################################################### */

/* ######################################################################### TEXT ######################################################################### */

/* ------------------------ content ------------------------ */

#content p {
	margin: 0;
	padding: 0 0 20px 0;
}

#content ul {
	*list-style-image: url(../graphic/bg/bg_ul.gif);
	*list-style-image: url(../graphic/bg/bg_ul_ie.gif);
	margin: 0;
	padding: 0 0 16px 28px;
	*padding: 0 0 16px 30px;
}

#content ol {
	margin: 0;
	padding: 0 0 16px 28px;
	*padding: 0 0 16px 30px;
}

	#content li {
		margin: 0;
		padding: 0 0 4px 0;
	}

.align-right {text-align: right;}

.align-center {text-align: center;}

/* ------------------------ END content ------------------------ */

/* ------------------------ content 2 ------------------------ */

#content #contentleft p, #content #contentright p {
	margin: 0;
	padding: 0 0 20px 0;
}

#content #contentblock ul, #contentblock #contentright ul {
	*list-style-image: url(../graphic/bg/bg_ul.gif);
	*list-style-image: url(../graphic/bg/bg_ul_ie.gif);
	margin: 0;
	padding: 0 0 11px 28px;
	*padding: 0 0 11px 30px;
}

#contentblock #contentleft ol, #contentblock #contentright ol {
	margin: 0;
	padding: 0 0 11px 28px;
	*padding: 0 0 11px 30px;
}

/* ------------------------ END content 2 ------------------------ */


/* ------------------------ to top ------------------------ */

.totop {
	width: 100%;
	text-align: right;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}

	.totop a:link, .totop a:visited {
		width: 100%;
		color: #809ABF;
		background-color: transparent;
		text-align: right;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}
	
	.totop a:hover, .totop a:active, .totop a:focus {
		width: 100%;
		color: #809ABF;
		background-color: transparent;
		text-align: right;
		margin: 0;
		padding: 0;
		text-decoration: underline;
	}

/* ------------------------ END to top ------------------------ */



/* ------------------------ teaser ------------------------ */

#teaser p {
	margin: 0;
	padding: 0 0 15px 0;
}

#teaser ul {
	*list-style-image: url(../graphic/bg/bg_ul.gif);
	*list-style-image: url(../graphic/bg/bg_ul_ie.gif);
	margin: 0;
	padding: 0 0 16px 28px;
	*padding: 0 0 16px 30px;
}

#teaser ol {
	margin: 0;
	padding: 0 0 16px 28px;
	*padding: 0 0 16px 30px;
}

	#teaser li {
		margin: 0;
		padding: 0 0 4px 0;
	}
	
/* ------------------------ END teaser ------------------------ */

/* ######################################################################### END TEXT ######################################################################### */

/* ################################################################ FORM ################################################################ */

/* ------------------------ default ------------------------ */

#content .form_both  {
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	display: inline;
	float: left;
} 

	#content .form_label {
		width: 180px;
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
	} 

	#content .form_element {
		width: 360px;
		margin: 0;
		padding: 0;
		display: inline;
		float: left;
	} 

#content form {
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
} 

#content legend {display: none;} 

#content fieldset {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

#content label {
	margin: 0;
	padding: 0;
}

#content input, #content textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #809ABF;
	background-color: #FFFFFF;
	border: 1px solid #809ABF;
	margin: 0;
	padding: 2px;
	vertical-align: middle;
	cursor: pointer;
}

	#content input:hover, #content textarea:hover {
		color: #333333;
		background: #FFFFFF url(../graphic/bg/bg_input_a.gif) left no-repeat;
	}
	
	#content input:focus, #content textarea:focus {
		color: #003580;
		background: #FFFFFF 0;
		border: 1px solid #003580;
		margin: 0;
		padding: 2px;
	}

#content input.button_send {
	font-size: 100%;
	color: #FFFFFF;
	background-color: #809ABF;
	font-weight: bold;
	border: 0;
	margin: 5px 0 0 0;
	padding: 3px 5px;
}

	#content input.button_send:hover, #content input.button_send:focus {
		color: #FFD83B;
		background: 0;
		background-color: #003580;
	}

/* ------------------------ END default ------------------------ */

/* ################################################################ END FORM ################################################################ */