/* CSS Document */

body {
	background-color:#F6F3F0;
	background-image:url(../img/hg/haupt-hg.jpg);
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
	font-family:Tahoma, Verdana;
	font-size:12px;
	color:#333333;
}

h1 {
	font-size:26px;
	font-weight:normal;
	letter-spacing:1px;
	margin:0px;
	padding:0px;
}

h2 {
	font-size:17px;
	color:#C84214;
	margin:0px;
	padding:0px;
	letter-spacing:1px;
	font-weight:normal;
}

h2 a {
	color:#C84214;
	text-decoration:none;
}

h2 a:hover {
	color:#color:#C84214;
	text-decoration:underline;
}

h3 {
	color:#666666;
	font-weight:normal;
	margin:0px;
	padding:0px;
	line-height:24px;
	font-size:12px;
	letter-spacing:1px;
}

h4 {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	border-left: 2px solid #C84214;
	padding-left: 5px;
}

h4 a {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

h4 a:hover {
	color: #C84214;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

a {
	color:#336699;
	text-decoration:underline;
}

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

p {
	line-height:18px;
}

.main {
	position:relative;
	width:860px;
}

.clear {
	clear:both;
	line-height:1px;
	height:1px;
}


/* Menu Top */
.menu_top {
	position:relative;
	padding-top:9px;
	text-align:right;
	font-size:11px;
	height:11px;
}

.menu_top a {
	color:#FFFFFF;
	text-decoration:none;
}

.menu_top a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


/* Logo */
.logo {
	position:absolute;
	top:30px;
	left:25px;
}


/* Slogan */
.slogan {
	position:absolute;
	top:35px;
	right:25px;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:2px;
}


/* Sprachen */
.sprachen {
	position:absolute;
	top:0px;
	left:870px;
}

.flagge_unten {
	margin-top:8px;
}


/* Bild Top */
.bild_top {
	position:relative;
	margin-top:30px;
	width:860px;
	height:206px;
	text-align:left;
}

.adresse_print {
	display:none;
}

.website_print {
	display:none;
}

.bild_top img {
	display: block;
}


/* Content */
.content {
	position:relative;
	background-image:url(../img/hg/content-hg.jpg);
	background-repeat:repeat-y;
	float:left;
	width:860px;
}

.content_hg_right_pos {
	position:relative;
	text-align:left;
}

.content_hg_right {
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../img/hg/content-hg-right.jpg);
	z-index:0;
	height:269px;
	width:680px;
	clear:both;
}

.content_left {
	position:relative;
	float:left;
	width:180px;
	height:400px;
	background-image:url(../img/hg/menu-hg.jpg);
	text-align:left;
	color:#FFFFFF;
}

.content_left a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.content_left a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

.content_left ul {
	position:relative;
	margin-left:15px;
	padding:0px;
}

.content_left li {
	list-style-type:none;
	list-style-image:url(../img/icons/pfeil-menu.gif);
	background-repeat:no-repeat;
	padding-left:2px;
	margin:20px 0px 10px 10px;
}

#content_left_web {
	background-image:url(../img/hg/menu-hg-web.jpg);
}

.menu_aktiv {
	position:relative;
}

.pfeil_menu_aktiv {
	position:absolute;
	top:0px;
	left:-35px;
}

.untermenu_links, .untermenu_links_aktiv {
	position:relative;
	margin:5px 0px 0px 15px;
}

.untermenu_links a {
	font-weight:normal;
}

.untermenu_links a:hover {
	font-weight:normal;
}

.pfeil_untermenu {
	position:absolute;
	top:6px;
	left:-16px;
}

.content_center {
	position:relative;
	float:left;
	width:500px;
}

.content_center_breit {
	position:relative;
	float:left;
	width:680px;
}

.content_text {
	position:relative;
	width:460px;
	margin:10px 20px 0px 20px;
	background-image:url(../img/hg/content-hg-center.gif);
	background-repeat:repeat-y;
	border-bottom:1px solid #76777A;
}

.content_text_breit {
	position:relative;
	margin:10px 0px 0px 20px;
	background-image:url(../img/hg/content-hg-center-breit.gif);
	background-repeat:repeat-y;
	border-bottom:1px solid #76777A;
}

.text_top {
	position:relative;
	width:460px;
	height:225px;
	background-image:url(../img/hg/content-hg-top.jpg);
	color:#FFFFFF;
}

.text_top_pfad {
	position:relative;
	width:460px;
	height:24px;
	background-image:url(../img/hg/pfad-hg.jpg);
	color:#FFFFFF;
}

.text_top_pfad_breit {
	position:relative;
	height:24px;
	background-image:url(../img/hg/pfad-hg-breit.jpg);
	color:#FFFFFF;
}

.pfad {
	position:absolute;
	top:5px;
	left:10px;
	font-size:11px;
}

.pfad a {
	color:#FFFFFF;
	text-decoration:none;
}

.pfad a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.titel {
	position:absolute;
	top:40px;
	left:10px;
	text-align:left;
}

.einleitung {
	position:absolute;
	top:90px;
	left:90px;
	width:350px;
	text-align:left;
	line-height:18px;
}

.einleitung a {
	color:#FFFFFF;
	text-decoration:underline;
}

.einleitung a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.titel_detailseite {
	position:relative;
	color:#C84214;
	font-size:17px;
	font-weight:normal;
	letter-spacing:1px;
}

.untertitel_detailseite {
	position:relative;
	color:#666666;
	font-weight:normal;
	line-height:24px;
	font-size:12px;
	letter-spacing:1px;
	margin-bottom:30px;
}

.text_center1 {
	/*position: relative;*/
	padding:30px 20px 0px 30px;
	text-align:left;
	line-height:18px;
	min-height:410px;
	_height:410px;
}

.text_center2 {
	/*position: relative;*/
	padding:30px 20px 0px 30px;
	text-align:left;
	line-height:18px;
	min-height:610px;
	_height:610px;
}

.icon {
	position:relative;
	float:left;
	width:100px;
	height:60px;
	margin-top:20px;
	margin-bottom:50px;
}

.text {
	position:relative;
	float:left;
	width:310px;
	margin-top:20px;
	line-height:18px;
}

.text_breit {
	position:relative;
	float:left;
	width:410px;
	margin-top:20px;
	line-height:18px;
}

.liste_ref_logo {
	position:relative;
	float:left;
	width:190px;
	height:60px;
	margin-top:20px;
	margin-bottom:50px;
	text-align:center;
}

.liste_ref_text {
	position:relative;
	float:left;
	width:220px;
	margin-top:20px;
	line-height:18px;
	font-size:12px;
}

.div_branchen{
	position:relative;
	float:left;
	width:205px;
	line-height:18px;
}

.linie {
	position:relative;
	left:100px;
	margin-bottom:30px;
}

.linie_referenzen {
	position:relative;
	left:50px;
	margin-bottom:30px;
}

.text_center p {
	margin:20px 0px 20px 0px;
	line-height:18px;
}

.text_center ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-image:url(../img/icons/liste-rechteck-blau.gif);
}

.text_center li {
	margin:2px 0px 2px 30px;
	line-height:18px;
}

.referenzen_liste {
	position:relative;
	float:left;
	width:380px;
}

.text_strich_hg {
	position:relative;
	margin-left:-22px;
	padding-left:12px;
	background-image:url(../img/linie.gif);
	background-repeat:repeat-x;
	background-position:10px 10px;
}

.text_strich {
	background-color:#FFFFFF;
	padding:0px 10px 0px 10px;
	color:#336699;
}


/* Nach oben */
.nach_oben {
	position:absolute;
	color:#B3B3B3;
	font-size:10px;
	text-align:right;
	margin-bottom:5px;
	bottom:0px;
	right:20px;
}

.nach_oben a {
	color:#B3B3B3;
	text-decoration:none;
}

.nach_oben a:hover {
	color:#B3B3B3;
	text-decoration:underline;
}


/* Content rechts */
.content_right {
	position:relative;
	float:left;
	width:180px;
	padding-top:10px;
	text-align:left;
}

.referenzen {
	position:relative;
	width:180px;
	height:170px;
	background-image:url(../img/hg/referenzen-hg.jpg);
	background-repeat:no-repeat;
}

.referenzen_logo {
	position:relative;
	width:180px;
	height:170px;
	background-image:url(../img/hg/referenzen-hg-logo.jpg);
	background-repeat:no-repeat;
}

.referenzen_bild {
	position:relative;
	top:7px;
	left:5px;
}

.highlight {
	position:relative;
	width:180px;
	height:170px;
	background-image:url(../img/hg/highlight-hg.jpg);
	background-repeat:no-repeat;
}

.highlight_weiss {
	position:relative;
	top:6px;
	left:5px;
}

.screenshots {
	position:relative;
	width:180px;
	height:170px;
	background-repeat:no-repeat;
}

.flash_screenshots {
	position:absolute;
	top:0px;
	left:0px;
	width:188px;
	height:144px;
}

.pfeil_rechts {
	position:absolute;
	top:120px;
	right:-7px;
}

.titel_rechts {
	position:absolute;
	top:112px;
	left:62px;
	color:#FFFFFF;
	line-height:16px;
}

.untertitel_rechts {
	position:absolute;
	top:126px;
	left:62px;
	color:#CCCCCC;
	font-size:10px;
}

.news {
	position:relative;
	width:180px;
	text-align:left;
	font-size:11px;
}

.news_titel {
	color:#000000;
	font-weight:bold;
	font-size:12px;
}

.news_untertitel {
	color:#666666;
	margin-bottom:10px;
}

.n_titel {
	line-height:16px;
}

.n_titel a {
	color:#336699;
	text-decoration:none;
	font-weight:bold;
}

.n_titel a:hover {
	color:#336699;
	text-decoration:underline;
	font-weight:bold;
}

.n_datum {
	line-height:16px;
	color:#336699;
}

.n_text {
	margin-top:5px;
}

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

.n_text a:hover {
	color:#000000;
	text-decoration:underline;
}

.linie_news {
	margin:15px 0px 15px 0px;
}


/* Bottom */
.bottom {
	position:relative;
	clear:both;
	height:46px;
	width:860px;
	background-image:url(../img/hg/bottom-hg.jpg);
	background-repeat:no-repeat;
	font-size:11px;
}

.copyrights {
	position:absolute;
	top:20px;
	left:45px;
	width:500px;
	color:#FFFFFF;
	text-align:left;
}

.menu_unten {
	position:absolute;
	top:20px;
	right:10px;
	text-align:right;
}

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

.menu_unten a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.menu_unten ul {
	position:relative;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.menu_unten li {
	display:inline;
	margin:0px 8px 0px 8px;
}

/* Formular */
.kontakt_clear {
	clear:both;
	height:5px;
	line-height:5px;
}

.kontakt_links {
	position:relative;
	float:left;
	width:100px;
}

.kontakt_rechts {
	position:relative;
	float:left;
	width:225px;
}

.textfeld {
	width:200px;
	border:1px solid #336699;
}

.textfeld:focus, .textfeld_plz:focus, .textfeld_ort:focus, .textarea:focus {
	background-color:#F0F2F9;
}

.textfeld_plz {
	width:50px;
	border:1px solid #336699;
}

.textfeld_ort {
	margin-left:8px;
	width:138px;
	border:1px solid #336699;
}

.textfeld_klein {
	margin-left:8px;
	width:108px;
	border:1px solid #336699;
}

.textarea {
	height:100px;
	width:200px;
	border:1px solid #336699;
}

.bt_senden {
	background-color:#2A6EAF;
	border:1px solid #000;
	color:#FFFFFF;
}

.pflichtfelder {
	color:#CC0000;
	padding-left:5px;
}