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

/* Reset
--------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

img, a img {
	border: none;
}

a {
	color: #605D50;
	text-decoration: none;
}

a.red {
	color: #E33A40;
}

.left {
	float: left
}

.right {
	float: right;
}

.cleaner {
	clear: both;
}

.tuerkis {
	color: #00A0DD;
}

.tinymcewysiwyg {
	line-height: 18px;
	margin-top: 35px;	
}

.tinymcewysiwyg.luck {
	margin: -8px 0 10px 0;	
}

.rplc {
	font-family: Arial, Helvetica, sans-serif;
}

/*
--------------------------------------------------------------------------------------- */
html {
	height: 100%;	
}

body {
	background-color: #FFFFFF;
	background-image: url(images/hg_main.gif);
	background-attachment: fixed;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #605D50;
	margin: 0;
	padding: 0;
	height: 100%;
}

#toplink {
	position: fixed;
	left: 50%;
	bottom: 115px;
	margin-left: 215px;
	z-index: 1000;
	cursor: pointer;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	z-index: 10;
}

#rechts {
	position: relative;
	float: right;
	width: 245px;
	text-align: left;
}

#logo {
	width: 201px;
	padding: 0 22px 0 22px;
	background-color: #FFFFFF;
	width: 201px;
	height: 204px;
	margin: 0;
}

#logo a {
	display: block;
	width: 201px;
	height: 204px;
	overflow: hidden;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#logo.start a {
	background-image: url(images/logo_start.gif);
}

#logo a:hover {
	background-position: right;	
}

#menu {
	width: 201px;
	padding: 0 22px 22px 22px;
	margin: 0 0 15px 0;
	background-color: #FFFFFF;
}

#menu a {
	margin-left: 17px;
	color: #b8b5a6;
}

#menu a:hover {
	color: #00A0DD;
}

#menu ul li {
	background-image: url(images/menu_li_line.gif);
	background-position: top left;
	background-repeat: no-repeat;
	list-style-type: none;
	height: 12px;	
	padding: 8px 0 12px 10px;
}

#menu ul li a {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 2px;
	color: #949086;
	text-transform: uppercase;
	padding: 0 5px 2px 25px;
	margin: 0;
	background-image: url(images/menu_li_a_arrow_off.gif);
	background-position: 9px 6px;
	background-repeat: no-repeat;
}

*+html #menu ul li a, *+html .header_projekte ul li a {
	background-position: 9px 3px;	
}

#menu ul li a:hover, #menu ul li a.over, .header_projekte ul li a:hover, .header_projekte ul li a.over {
	background-image: url(images/menu_li_a_arrow_on.gif);
	color: #00A0DD;
}

#menu ul li a.aktiv, .header_projekte ul li a.aktiv {
	background-image: url(images/menu_li_a_arrow_active.gif);
	color: #ffffff;
	background-color: #2D2C2E;
}

#menu ul li img {
	margin-left: 7px;
}

.header_projekte {
	position: relative;
	margin: 35px 0 40px 0;
	background-image: url(images/header_projekte.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 34px;
	padding: 15px 0 0 0;
}

.header_projekte h1 {
	font-size: 16px;
	letter-spacing: 2px;
	color: #3DA4DC;
	text-transform: uppercase;
	text-align: center;
	margin-top: 0px;
}

.header_projekte span.hilfe {
	color: #00A0DD;
	display: block;
	/*width: 330px;*/
	float: left;
	margin: 2px 0 0 0;
}

.header_projekte ul {
	float: right;
}

.header_projekte ul li {
	float: left;
	list-style-type: none;
	line-height: 16px;
}

.header_projekte ul li a {
	font-size: 16px;
	letter-spacing: 2px;
	color: #949086;
	text-transform: uppercase;
	padding: 0 5px 2px 25px;
	margin: 0;
	background-image: url(images/menu_li_a_arrow_off.gif);
	background-position: 9px 6px;
	background-repeat: no-repeat;
	margin-left: 5px;
}

.header_projekte ul li span {
	margin-left: 10px;	
}

.box_blue {
	width: 201px;
	padding: 21px 22px 7px 22px;
	background-color: #D5DDE0;
	margin-bottom: 15px;
}

.box_blue.login {
	background-color: #009EE0;
	padding: 21px 22px 21px 22px;
}

.box_blue h2 {
	color: #625e51;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-image: url(images/box_blue_h2_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 28px;
	padding: 0 17px 0 17px;
	margin: 0 0 12px 0;
}

.box_blue.login h2 {
	background-image: none;
	color: #ffffff;
	margin: 0 0 8px 0;
}

.box_blue .content {
	padding: 0 8px 0 17px;
	color: #625e51;
	font-size: 12px;
	line-height: 18px;
}

.box_blue .content p {
	margin: 0 0 10px 0;
	line-height: 18px;
}

.box_blue .content p a {
	color: #625e51;
	text-decoration: none;	
}

.box_blue .content p a.red {
	color: #E33A40;
	text-decoration: none;	
}

.box_blue .content .rplc {
	letter-spacing: 2px;
	line-height: 18px;	
}

.box_blue .content label {
	color: #ffffff;
	text-transform: uppercase;
	display: block;
	margin: 0 0 5px 0;
	letter-spacing: 2px;	
}

.box_blue .content input {
	height: 22px;
	border: 1px solid #acaca6;
	width: 160px;
	margin: 0 0 10px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #605D50;
	padding: 0 3px 0 3px;
	background-color: #ffffff;
}

.box_blue .content input.passwort {
	float: left; 
	width: 105px;	
}

.box_blue .content input.login {
	float: right;
	width: 50px;
	height: 24px;
}

#links {
	position: relative;
	float: left;
	width: 740px;
	/*margin: 0 15px 0 0;*/
	text-align: left;
}

#headtxt {
	float: left;
	width: 264px;
	height: 24px;
	margin: 66px 0 40px 435px !important;
	margin: 66px 0 40px 217px;
}

#content {
	float: left;
	width: 660px;
	/*min-height: 500px;*/
	padding: 0 40px 130px 40px;
	background-color: #FFFFFF;
}

.intro {
	width: 660px;
	background-image: url(images/pfeile.gif);
	background-repeat: no-repeat;
	background-position: 0 13px;
	padding: 33px 0 0 0;
	margin: 0 0 30px 0;
}

.intro h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	text-indent: 140px;
	line-height: 28px;
}

.image_big {
	width: 660px;
	margin: 0 0 30px 0;
}

.image_big.slideshow {
	width: 658px;
	height: 330px;
	border:1px solid #D6D4CE;
	overflow: hidden;
}

/*.image_big img {
	width: 660px;	
}*/

.subhead {
	margin: 0 0 30px 0;
}

#content .box {
	width: 200px;
	float: left;
	margin: 0 30px 0 0;
	line-height: 18px;
}

#content .box.last {
	margin: 0;
}

#content .box .head {
	display: block;
	height: 21px;
	background-image: url(images/content_box_head_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 0 15px 0;
}

#content .box .head h3 {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	letter-spacing: 2px;
	color: #565348;
}

#content .box .head a {
	font-size: 12px;
	line-height: 10px;
	text-decoration: none;
	color: #E33A40;
}

#content .box .txt a {
	text-decoration: none;
	color: #E33A40;
}

#content .box .txt p {
	margin: 0 0 15px 0;
}

#content .box_bild {
	position: relative;
	width: 200px;
	height: 223px;
	float: left;
	margin: 0 30px 30px 0;
	line-height: 18px;
	overflow: visible;
	padding: 0 0 20px 0;
	background-image: url(images/content_box_head_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content .box_bild.small {
	height: 178px;	
}

#content .box_bild .bild {
	position: absolute;
	top: 0;
	left: 0;
	width: 198px;
	height: 135px;
	border: 1px solid #cbc9c3;
	z-index: 1;
}

#content .box_bild.last {
	margin-right: 0;
}

#content .box_bild .txt {
	position: absolute;
	top: 148px;
	left: 0;
	background-color: #FFF;
	width: 200px;
	height: 70px;
	overflow: hidden;	
	z-index: 2;
	color: #605D50;
	line-height: 18px;
}

#content .box_bild a {
	cursor: pointer;
}

#content .box_bild.small .txt {
	height: 35px;
}

#content .box_bild .txt a.mehr {
	cursor: pointer;
}

#content .box_bild .txt a.close {
	cursor: pointer;
	display: block;
	margin-top: 10px;
	color: #E43C3D;
}

#content .box_bild .txt .team_name {
	text-transform: uppercase;
	letter-spacing: 2px;
	/*font-size: 12px;*/
	line-height: 18px;
	margin-top: -1px;
	margin-right: 6px;
	float: left;
}

#content .projekte_row, #content .projekte_head {
	width: 660px;
	height: 32px;
}

#content .projekte_head a {
	color: #E33A40;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#content .projekte_head a {
	display: inline;
	float: left;	
}

#content .projekte_row a {
	display: block;
	color: #605D50;
	width: 660px;
	height: 32px;
	line-height: 32px;
	background-image: url(images/table_border_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
	padding: 0 0 2px 0;
}


#content .projekte_row a:hover {
	color: #00A0DD;
}

#content .projekte_row .sp1, #content .projekte_head .sp1 {
	float: left;
	width: 315px;
}

#content .projekte_row .sp2, #content .projekte_head .sp2 {
	float: left;
	width: 255px;
}

#content .projekte_row .sp3, #content .projekte_head .sp3 {
	float: left;
	width: 90px;
	text-align: right;
}

#content img.projektbild {
	float: left;
	border: 1px solid #d6d4ce;	
	margin: 0 15px 30px 0;
}

#content img.projektbild.br {
	margin-right: 0;
}

#content applet {
	margin-top: -8px;	
}

.trennlinie {
	width: 660px;	
	height: 2px;
	margin: 0 0 28px 0;
}

.trennlinie.hoch {
	margin: 0 0 47px 0;
}

#content .text {
	margin: -8px 0 10px 0;	
	line-height:18px;
}

#content .youtube {
	margin: 0 0 30px 0;
	z-index: 10;	
}

#content ul {
	list-style-type: none;
	margin-bottom: 5px;
}

#content ul li a {
	line-height: 18px;	
}

#content ul.dir li {
	padding-left: 15px;	
	background-image: url(images/folder.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

#footer {
	position: relative;
	display: block;
	height: 100px;
	width: 100%;
	background-color: #D5DDE0;
	text-align: center;
	z-index: 20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #605D50;
}

#footer .inhalt {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -500px;
	width: 740px;
	height: 100px;
}

#footer .inhalt img.stamp {
	position: absolute;
	top: 0;
	left: 50px;
	width: 166px;
	height: 98px;
	margin-top: -41px;
}

#footer .inhalt p {
	position: absolute;
	left: 250px;	
	top: 30px;
}

#footer .inhalt a {
	position: absolute;
	display: block;
	/*width: 100px;*/
	text-align: right;
	right: 0;
	top: 30px;
	color: #605D50;
}

#fixed_footer {
	position: fixed;
	left: 50%;
	bottom: 0px;
	width: 1018px;
	height: 41px;
	background-image: url(images/hg_footer_fixed.png);
	background-repeat: no-repeat;
	z-index: 50;
	margin-left: -510px;
}

#bt_fixed_footer {
	position: fixed;
	left: 50%;
	bottom: -60px;
	width: 108px;
	height: 20px;
	padding-top: 21px;
	background-image: url(images/hg_footer_fixed_menu.png);
	background-repeat: no-repeat;
	z-index: 50;
	margin-left: 398px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
}

#fixed_footer ul li {
	float: left;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	margin-top: 21px;
	letter-spacing: 2px;
}

#fixed_footer ul li a {
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}

#fixed_footer ul li.share {
	margin-left: 52px;
	margin-right: 16px;
	letter-spacing: normal;
	font-weight: normal;
}

#fixed_footer ul li.logos img {
	margin-right: 6px;
	border: none;
}

#fixed_footer ul li.submenu {
	margin-top: 20px;
	margin-right: 10px;	
}

*+html #fixed_footer ul li.submenu {
	margin-top: 21px;
}

#fixed_footer ul li.submenu.down {
	margin-top: 21px;
}

#fixed_footer ul li.submenu.star {
	background-image: url(images/submenu_star.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	width: 10px;
}

#fixed_footer ul li.submenu.first {
	margin-left: 100px;	
}

#fixed_footer ul li.tel {
	margin-right: 5px;	
}

#fixed_footer ul li.close {
	float: right;
	display: block;
	width: 35px;
	height: 20px;
	padding-top: 21px;
	margin-top: 0px;
	margin-right: 38px;
	cursor: pointer;
	letter-spacing: normal;
	font-weight: normal;
}

#cross {
	display: none;
	position: fixed;
	left: 50%;
	bottom: 115px;
	width: 303px;
	height: 296px;
	margin-left: 390px;
	background-image: url(images/cross.png);
	background-repeat: no-repeat;
}