@charset "UTF-8";

body {
	color: #6D6D6D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: auto;
	text-align: center;
	line-height: 1.5em;
	background-image: url(img/bg-main.gif);
	background-repeat: repeat-x;
	background-position: 0px 132px;
	cursor: default;
}

/* STYLE FUER TABELLEN MIT DIV-LAYER */
div.table { display:table; border-collapse:collapse; width: 99%; }
div.tr { display:table-row; width:100%; }
div.td { display:table-cell; padding: 2px; float: left; }
/* ENDE */

.error {
	position: relative;
	font-weight: bold;
	color: #FF0000;
}
#page {
	margin-bottom: 20px;
	position: relative;
	text-align: left;
	margin: auto;
	width: 950px;
	left: 0 !important;
}
	/* STYLES FUER FORMULARE */
	#page .pflichtFeld:after {
		content: " *";
		font-size: inherit;
		font-weight: bold;
		color: #FF0000;
	}
	#page #main label {
		width: 120px;
		font-weight: bold;
		float:left;
		clear:both;
		display:block;
	}
	#page input[type=text] {
	font-size: 90%;
	border: solid 1px #999999;
	background-image: url('img/form_text_bg.gif');
	margin: 0px 0px 4px 0px;
	padding: 2px 3px 2px 3px;
	}
	#page input[type=text]:focus {
		color: #000;
		outline: 1px solid #999;
	}
	#page textarea {
		font-size: inherit;
		border: solid 1px #999999;
		margin: 0;
		padding: 2px;
		font-family: inherit;
	}
	#page textarea:focus {
		color: #000;
		outline: 1px solid #999;
	}
	#page input[type=submit], #page input[type=reset], #page input[type=button] {
		font-size: 90%;
		border: solid 1px #999999;
		background-color: #CCCCCC;
	}
	/* ENDE */
	
	/* STYLES FUER CYCLE FADING */
	#page #main #content #fade {	 
		background-image: url(img/sg_overlay.gif);
		background-repeat: no-repeat;
		width: 550px;
		height: 400px;
		padding: 0px;
		margin-top: 40px;
	} 

	#page #main #content #fade img {	 
		padding: 0px;
		margin: 9px;
		top:  0;
		left: 0;
		border: 1px solid #666666;
	}
	#page #main #content #cycleNav { padding-left: 8px; font-size: 95%; }
	#page #main #content #cycleNav a { border: 1px solid #dadada; color: #ffffff; background: #87a3c4; text-decoration: none; margin: 0 1px; padding: 1px 2px;  }
	#page #main #content #cycleNav a.activeSlide { background: #2f4866 }
	#page #main #content #cycleNav a:focus { outline: none; }
	#page #main #content #cycleNav #cyclePaging { float: left; }
	#page #main #content #cycleNav #cyclePrev { float: left; padding-left: 20px; }
	#page #main #content #cycleNav #cycleNext { float: left; padding-left: 3px; }
	
	/* END */
	
	#page .banner {
		width: 133px; /* wert vorher 144 */
		height: 43px;
		float: left;
		padding: 16px 18px 16px 18px;
		margin: 0px 0px 0px 42px;
		background-image: url(img/banner.jpg);
		background-repeat: no-repeat;
		color: #FFFFFF;
		font-size: 140%;
		line-height: 1.3em;
		text-align: left;
	}
		#page .banner a {
			display: block;
			color: #FFFFFF;
			text-decoration: none;
		}
		#page .banner a:hover {
			text-decoration: none;
			color: #FFFFFF;
		}
		
	#page a {
		color: #5c84b4;
		text-decoration: none;
	}
	#page a:hover {
		text-decoration: underline;
	}
	#page #header {
		height: 336px;
		background: url(img/header.jpg) no-repeat;
	}
		#page #header #menu-header {
			position: absolute;
			right: 20px;
			top: 20px;
		}
			#page #header #menu-header ul {
				padding: 0px;
				margin: 0px;
				float: left;
			}
				#page #header #menu-header ul li {
					padding: 0px;
					margin: 0px;
					float: left;
					list-style: none;
				}
					#page #header #menu-header ul li a {
						text-decoration: none;
						color: #6d6d6d;
						padding: 0px 10px 0px 10px;
						border-right: 1px solid #CCCCCC;
					}
					#page #header #menu-header ul li a:hover {
						text-decoration: underline;
					}
			#page #header #menu-header #search {
				width: 140px;
				margin: 0px 0px 0px 10px;
			}
		#page #header #menu {
			position: absolute;
			right: 20px;
			top: 295px;
			z-index: 1000;
			float: left;
		}
			#page #header #menu .bg_left {
				float: left;
				width: 10px;
				height: 32px;
				background: transparent url('img/menu/bg_left.gif') no-repeat top left;
			}
			#page #header #menu .bg_right {
				float: left;
				width: 10px;
				height: 32px;
				background: transparent url('img/menu/bg_right.gif') no-repeat top left;
			}
			#page #header #menu ul {
				padding: 0px;
				padding-top: 7px;
				margin: 0px;
				height: 25px;
				float: left;
				background: transparent url('img/menu/bg_middle.gif') repeat-x top left;
			}
				#page #header #menu ul li {
					padding: 0px;
					margin: 0px;
					float: left;
					list-style: none;
				}
					#page #header #menu ul li a {
						font-size: 120%;
						color: #ffffff;
						margin: 2px 12px;
						text-decoration:none;
					}
					#page #header #menu ul li a:hover {
						text-decoration: none;
						color: #000000;
					}
		#page #header #blank_home_link {
			border: none;
			position: absolute;
			width: 150px;
			height: 65px;
			top: 230px;
			cursor: pointer;
		}
	#page #main {
		position: relative;
		float: left;
		width: 950px;
		margin: 0px 0px 20px 0px;
		padding: 20px;
		/*min-height: 400px;*/
		background-image: url(img/bg-content.gif);
		background-repeat: no-repeat;
	}
		#page #main #content {
			position: relative;
			float:left;
			width: 600px;
			margin: 0px 20px 0px 0px;
			padding: 0px;
		}
			#page #main #content h1 {
				font-size: 180%;
				font-weight: normal;
				color: #5b82b3;
			}
			#page #main #content h2 {
				font-size: 150%;
				font-weight: normal;
			}
			#page #main #content h3 {
				font-size: 125%;
				color: #6D6D6D;
			}
			#page #main #content .foto_header {
				position: absolute;
				top: -297px;
				left: 353px;
				z-index: 1000;
			}
			#page #main #content #referenz_toolbox {
				position: relative;
				float: right;
				line-height: 1.1em;
				border: 1px solid #dadada;
				margin: 15px 0px 15px 15px;
				padding: 5px 10px 5px 10px;
				font-size: 90%;
			}
				#page #main #content #referenz_toolbox #up {
					background-image: url(img/tiny_up_arrow.gif);
					background-repeat: no-repeat;
					background-position: 0px 2px;
				}
				#page #main #content #referenz_toolbox #next {
					background-image: url(img/tiny_right_arrow.gif);
					background-repeat: no-repeat;
					background-position: 0px 2px;
				}
				#page #main #content #referenz_toolbox #prev {
					background-image: url(img/tiny_left_arrow.gif);
					background-repeat: no-repeat;
					background-position: 0px 2px;
				}
				#page #main #content #referenz_toolbox a {
					display: block;
					padding-left: 15px;
					text-decoration: none;
				}
				#page #main #content #referenz_toolbox a:hover {
					text-decoration: none;
					color: #000000;
				}
			#page #main #content .downloads {
				width: 600px;
				float: left;
			}
				#page #main #content .downloads .titel {
					width: 444px;
					float: left;
					padding: 3px 10px 3px 10px;
				}
				#page #main #content .downloads .size {
					width: 70px;
					float: left;
					padding: 3px 0px 3px 0px;
				}
				#page #main #content .downloads .icon {
					width: 66px;
					float: left;
					padding: 3px 0px 3px 0px;
				}
				#page #main #content .downloads .info {
					width: 580px;
					float: left;
					padding: 10px;
					display: none;
				}

			#page #main #content .news {
				width: 600px;
				float: left;
			}
				#page #main #content .news .datum {
					width: 70px;
					float: left;
					padding: 3px 2px;
				}
				#page #main #content .news .titel {
					width: 468px;
					float: left;
					padding: 3px 10px 3px 10px;
				}
				#page #main #content .news .icon {
					width: 36px;
					float: left;
					padding: 3px 0px 3px 0px;
					text-align: right;
				}
				#page #main #content .news .info {
					width: 486px;
					float: left;
					padding: 10px;
					padding-left: 84px;
					display: none;
				}
				#page #main #content .news .mehr {
					float: right;
					padding-left: 15px;
				}
			
		#page #main #right-content {
			position: relative;
			float: left;
			width: 290px;
			margin: 0px;
			margin-top: 15px;
		}
			/* STYLES FUER SUBMENU */
			#page #main #right-content #subnavigation {
				position: relative;
				background-image: url(img/box/middle.gif);
				margin-bottom: 5px;
				padding-bottom: 7px;
			}
				#page #main #right-content #subnavigation ul {
					margin: 0px;
					padding: 9px 0px 3px 0px;
				}
				#page #main #right-content #subnavigation li {
					/*list-style-image: url(img/icons/submenu-punkt.gif);
					list-style-position: inside;*/
					list-style: none;
					padding-left: 25px;
					background: url("img/icons/submenu-punkt.gif") no-repeat 10px 4px;
				}
					#page #main #right-content #subnavigation ul ul {
						padding: 3px 0px 9px 0px;
					}
				
			#page #main #right-content .box {
				position: relative;
				float: left;
				width: 290px;
				padding: 0;
				margin: 0px 0px 15px 0px;
				background-image: url(img/box/bottom.gif);
				background-repeat: no-repeat;
				background-position: bottom;
			}
				#page #main #right-content .box h1 {
					position: relative;
					margin: 0px;
					padding: 6px 5px 0px 40px;
					height: 24px;
					background-image: url(img/box/header.gif);
					background-repeat: no-repeat;
					font-size: 130%;
					color:#FFFFFF;
					font-weight: normal;
				}
				#page #main #right-content .box .divBox {
					padding: 10px;
					margin: 0px 0px 5px 0px;
					background-image: url(img/box/middle.gif);
				}
					#page #main #right-content .box .divBox a {
						position: relative;
						/*display: block;*/
						color: #5c84b4;
					}
					#page #main #right-content .box .divBox a.right {
						text-align: right;
					}
					#page #main #right-content .box .divBox ul {
						margin: 0px;
						padding: 0px 0px 3px 0px;
					}
					#page #main #right-content .box .divBox li {
						/*list-style-image: url(img/icons/submenu-punkt.gif);
						list-style-position: inside;*/
						list-style: none;
						padding-left: 15px;
						background: url("img/icons/submenu-punkt.gif") no-repeat 0px 4px;
					}
		#main #bottom-content {
			position: relative;
			float: left;
			width: 890px;
			height: 80px;
			margin: 20px 0px 0px 0px;
			padding: 20px 10px 0px 10px;
			background-image: url(img/bg-content-bottom.gif);
			background-repeat: no-repeat;
			text-align: center;
		}
			#main #bottom-content .box {
				position: relative;
				float: left;
				width: 240px;
				margin: 0px 6px 0px 6px;
				padding: 0px;
				text-align: left;
			}
				#main #bottom-content .box h1 {
					position: relative;
					margin: 0px;
					padding: 6px 5px 0px 40px;
					height: 20px;
					font-size: 130%;
					font-weight: normal;
					background-image: url(img/pfeil-blau.gif);
					background-repeat: no-repeat;
					background-position: 4px 3px;
				}
	#page #footer {
		position: relative;
		float: left;
		width: 870px;
		margin: 0px 0px 10px 0px;
		padding: 10px 40px 40px 40px;
		background-image: url(img/bg-footer.gif);
		background-repeat: no-repeat;
	}
		#page #footer a {
			color: #6d6d6d;
			text-decoration: underline;
		}
		#page #footer a:hover {
			text-decoration: none;
		}