* {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix{
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

html {
	height: 100%;
}
body {
	height: 100%;
	color: #000000;
	font-size: 11px;
	font-family: "Georgia";
	background-color: #FFFFFF;
}
img {
	border: 0px none;
}
a {
	outline: 0px;
	color: #000000;
	text-decoration: none;
}
h1 {
}
h2 {
	font-size: 13px;
	margin-bottom: 12px;
}
h3 {
	font-size: 13px;
}
hr {
	font-size: 0px;
	line-height: 0px;
	border: 1px solid #000000;
	border-width: 1px 0px 0px;
	margin: 5px 0px 10px;
}

#bg {
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	min-width: 1000px;
	position: fixed;
}
* html #bg {
	position: absolute;
	overflow: hidden;
}
#bg img {
	z-index: 0;
	width: 100%;
	height: auto;
}
#bg img.start {
	display: none;
}

#container {
	top: 0px;
	z-index: 2;
	height: 100%;
	position: relative;
	text-align: center;
}
#container.start {
	background: url(../images/bg/PunkteRaster_Start.gif);
}
.start #inner_container {
	min-height: 700px;
	height: 100%;
}
#inner_container {
	width: 1000px;
	margin: 0px auto;
	position: relative;
}

#header {
	padding: 20px 21px 0px;
}

#logo {
	float: right;
	width: 172px;
	height: 173px;
	display: block;
	margin-right: 20px;
	background: url(../images/Logo_standard_mouseover.png) no-repeat 0px 0px;
}
#logo:hover {
	background-position: 0px -173px;
}

#mainnavi {
	width: 391px;
}
#claim {
	line-height: 0px;
	margin-bottom: 20px;
}
#header ul {
	float: left;
	width: 236px;
	margin-right: 5px;
	list-style-type: none;
}
#header ul li {
	margin-bottom: 2px;
}
#header ul#main_right {
	width: 150px;
	margin-right: 0px;
}
#main_left a,
#main_right a {
	height: 20px;
	display: block;
	text-indent: -10000px;
	background: transparent no-repeat 0px 0px;
}
#mainnavi1 a {
	background-image: url(../images/navi/Navi_links_1was.gif);
}
#mainnavi2 a {
	background-image: url(../images/navi/Navi_links_2wie.gif);
}
#mainnavi3 a {
	background-image: url(../images/navi/Navi_links_3wasbringt.gif);
}
#mainnavi4 a {
	background-image: url(../images/navi/Navi_links_4wer.gif);
}
#mainnavi5 a {
	background-image: url(../images/navi/Navi_rechts_markenfaktur.gif);
}
#mainnavi6 a {
	background-image: url(../images/navi/Navi_rechts_Kompetenzen.gif);
}
#mainnavi7 a {
	background-image: url(../images/navi/Navi_rechts_Arbeitsbsp.gif);
}
#mainnavi8 a {
	background-image: url(../images/navi/Navi_rechts_Kontakt.gif);
}
#main_left a:hover,
#main_left a.current,
#main_right a:hover,
#main_right a.current {
	background-position: 0px -20px;
}

#content_container {
	width: 958px;
	margin: 0px auto;
	padding-bottom: 48px;
}
#content_container.start {
	left: 21px;
	bottom: 0px;
	position: absolute;
}

/* Tabnavi */
#tab_navi {
	height: 21px;
	margin: 21px 0px 38px;
	border-bottom: 1px solid #000000;
}
/* Sonderfall Kontakt */
#content #tab_navi {
	margin-top: 0px;
}
#tab_navi ul {
	list-style-type: none;
}
#tab_navi ul li {
	float: left;
}
/* Sonderfall Kontakt */
#content #tab_navi ul li {
	background: none;
	padding-left: 0px;
}
#tab_navi ul li a {
	height: 21px;
	display: block;
	text-indent: -10000px;
	background: transparent no-repeat 0px 0px;
}
#tab_navi ul li a:hover,
#tab_navi ul li a.current {
	background-position: 0px -22px;
}
#tab_navi ul li a#tab_navi_15 {
	width: 144px;
	background-image: url(../images/tab_navi/markenfaktur_ueber_m.gif);
}
#tab_navi ul li a#tab_navi_16 {
	width: 156px;
	background-image: url(../images/tab_navi/markenfaktur_aktuelles.gif);
}
#tab_navi ul li a#tab_navi_18 {
	width: 129px;
	background-image: url(../images/tab_navi/Kompetenzen_An-Module.gif);
}
#tab_navi ul li a#tab_navi_19 {
	width: 157px;
	background-image: url(../images/tab_navi/Kompetenzen_Ent_Prozess.gif);
}
#tab_navi ul li a#tab_navi_20 {
	width: 95px;
	background-image: url(../images/tab_navi/Referenzen_Referenzen.gif);
}
#tab_navi ul li a#tab_navi_21 {
	width: 195px;
	background-image: url(../images/tab_navi/Referenzen_Freie.gif);
}
#tab_navi ul li a#tab_navi_22 {
	width: 362px;
	background-image: url(../images/tab_navi/Referenzen_SM.gif);
}
#tab_navi ul li a#tab_navi_30 {
	width: 81px;
	background-image: url(../images/tab_navi/Reiter_kontakt_stadtplan.jpg);
}
#tab_navi ul li a#tab_navi_31 {
	width: 70px;
	background-image: url(../images/tab_navi/Reiter_kontakt_VorOrt.jpg);
}
#tab_navi ul li a#tab_navi_32 {
	width: 57px;
	background-image: url(../images/tab_navi/Reiter_kontakt_Fotos.jpg);
}

/* Startseiten News */
#start_news {
	padding: 0px 24px;
	background-color: #FFFFFF;
}
#start_news_header {
	padding: 5px 0px;
	background: url(../images/Linie_horizontal_s.gif) repeat-x 0px bottom;
}
#start_news_header a.current,
#start_news_header a:hover {
	color: #FFFFFF;
	background-color: #000000;
}
#start_news_headlines {
	height: 111px;
	padding: 13px 0px;
	position: relative;
}
#start_news_headlines h1 {
	width: 100%;
	display: none;
	font-size: 32px;
	line-height: 37px;
	font-weight: normal;
	font-family: Compatil;
	position: absolute;
}
#start_news_headlines h1.current {
	display: block;
}

#content {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
}
#content a {
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#content ul {
	font-size: 11px;
	list-style-type: none;
}
#content ul li {
	padding-left: 7px;
	background: url(../images/list_icon.gif) no-repeat 0px 9px;
}

#content ol li {
	margin-left: 16px;	
}

/* dreispaltiges Layout */
.marken {
	background: url(../images/bg/content_marken.gif) repeat-y 314px 0px;
}
#left_content,
#center_content,
#right_content {
	float: left;
	width: 302px;
}
#left_content {
	padding-right: 13px;
}
#center_content {
	padding: 0px 13px;
}
#right_content {
	padding-left: 13px;
}
.small_header {
	font-size: 10px;
}
.show_news {
	width: 100%;
	height: 13px;
	display: block;
	font-size: 0px;
	margin: 10px 0px 50px;
	background: url(../images/News-Pfeil-4in1.gif) no-repeat right 0px;
}
.show_news:hover {
	background-position: right -13px;
}
.show_news.hover {
	background-position: right -26px;
}
.show_news.hover:hover {
	background-position: right -39px;
}
.text_bg {
	background-color: #FFFFFF;
}

#slideDown_all {
	margin-bottom: 2px;
}
#content_download {
	margin-bottom: 15px;
}
#slideDown_all a,
#content_download a {
	padding-left: 26px;
	padding-right: 3px;
	background: #FFFFFF url(../images/Link-Pfeil.gif) no-repeat 9px 2px;
}
#slideDown_all a:hover,
#content_download a:hover {
	text-decoration: underline;
}

/* sechsspaltiges Layout */
.sixcol {
	background: url(../images/bg/content_entwicklung.gif) repeat-y 150px 0px;
}
.content_news_small {
	float: left;
	width: 138px;
	padding: 0px 13px;
}
.content_news_small.first {
	padding-left: 0px;
}
.content_news_small.last {
	padding-right: 0px;
}
.content_news_small h2 {
	height: 45px;
	border-bottom: 1px solid #000000;
}
.content_news_small p {
	font-size: 11px;
	margin-bottom: 7px;
	padding-bottom: 6px;
	background: url(../images/Linie_horizontal_s.gif) repeat-x 0px bottom;
}

/* Arbeitsbeispiele */
.references {
	font-size: 11px;
}
.references #left_content a,
.references #center_content a,
.references #right_content a {
	display: block;
	position: relative;
}
span.show_detail {
	left: 0px;
	top: 129px;
	width: 100%;
	height: 21px;
	display: none;
	position: absolute;
	background: url(../images/bsp_ansehen.gif) no-repeat 0px 0px;
}
span.references_date {
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 33px;
}

/* Arbeitsbeispiel-Detail */
#reference_header {
	margin: 14px 0px;
	background: url(../images/Linie_horizontal_s.gif) repeat-x 0px bottom;
}
#reference_header h1 {
	float: left;
	width: 650px;
	font-size: 22px;
	margin-bottom: 2px;
}
#reference_navi {
	float: right;
	width: 300px;
	margin: 10px 0px;
	text-align: right;
}
#reference_navi a {
	font-weight: bold;
}
#reference_navi a:hover {
	color: #FFFFFF;
}

#left_reference {
	float: left;
	width: 630px;
	height: 480px;
	min-height: 480px;
	position: relative;
}
#left_reference div {
	top: 0px;
	left: 0px;
	display: none;
	position: absolute;
}
#left_reference div.current {
	display: block;
}
#left_reference div.prev_thumbnail,
#left_reference div.next_thumbnail {
	top: 240px;
	left: auto;
	width: 19px;
	height: 19px;
	cursor: pointer;
	background: url(../images/prev_thumbnail.gif) no-repeat 0px 0px;
}
#left_reference div.next_thumbnail {
	right: 0px;
	background: url(../images/next_thumbnail.gif);
}
#left_reference div.prev_thumbnail:hover,
#left_reference div.next_thumbnail:hover {
	background-position: 0px -19px;
}
#left_reference h1 {
	font-size: 22px;
	margin: 10px 0px 20px;
}
#left_reference p {
	margin-bottom: 10px;
}

#right_reference {
	float: right;
	width: 302px;
}
#thumbnails {
	padding-bottom: 10px;
	background: url(../images/Linie_horizontal_s.gif) repeat-x 0px bottom;
}
#thumbnails div {
	float: left;
	width: 94px;
	height: 70px;
	cursor: pointer;
	position: relative;
	margin: 0px 10px 10px 0px;
}
#thumbnails div a {
	top: 0px;
	left: 0px;
	width: 94px;
	height: 70px;
	display: block;
	position: absolute;
}
#thumbnails div.active a,
#thumbnails div.hover a,
#thumbnails div a:hover {
	width: 82px;
	height: 58px;
	border: 6px solid #FF0000;
}

#descriptions {
	height: 134px;
	padding: 7px 0px;
	background: url(../images/Linie_horizontal_s.gif) repeat-x 0px bottom;
}
#descriptions div {
	display: none;
}
#descriptions div.current {
	display: block;
}

#plain_description_link {
	padding: 7px 0px;
	background: url(../images/Linie_horizontal_s.gif) repeat-x 0px bottom;
}

#meta_infos {
	font-size: 10px;
	padding-top: 7px;
	line-height: 14px;
}
#reference_spacer {
	height: 28px;
}

/* Kontakt, Impressum */
.contact {
	margin-top: 48px;
	background: url(../images/Linie_vertikal_s.gif) repeat-y 315px 0px;
}
#contact_left {
	float: left;
	width: 302px;
	font-size: 11px;
	padding-right: 13px;
}
#contact_left p {
	margin-bottom: 10px;
}
#contact_left i {
	font-style: normal;
	padding: 1px;
	background-color: #FFFFFF;
}
#contact_left a {
	padding: 1px 2px;
	padding-right: 26px;
	text-decoration: none;
	background: #FFFFFF url(../images/Link-Pfeil.gif) no-repeat right 4px;
}
#contact_right {
	float: right;
	width: 630px;
	font-size: 10px;
	padding-left: 13px;
}
#contact_right p {
	margin-bottom: 10px;
}
#contact_maps_container {
	width: 630px;
	height: 350px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	border-bottom: 1px solid #000000;
}
#contact_maps_container div {
	top: 0px;
	left: 0px;
	display: none;
	position: absolute;
}
#contact_maps_container div.current {
	display: block;
}
#contact_content .left {
	float: left;
	width: 305px;
}
#contact_content h2 {
	margin-bottom: 0px;
}
#contact_content .show_news {
	margin: 3px 0px 20px;
}
#contact_content .right {
	float: right;
	width: 305px;
}
#contact_content .right a {
	font-size: 12px;
	padding-right: 26px;
	text-decoration: none;
	background: url(/fileadmin/images/Link-Pfeil.gif) no-repeat right 4px;
}
#contact_content .right a:hover {
	text-decoration: underline;
}

/* Footer */
#footer_teaser {
	width: 100%;
	color: #B2B2B2;
	padding: 10px 0px;
	background-color: #000000;
}
#footer_teaser a {
	color: #B2B2B2;
}
#footer_teaser a.prev:hover,
#footer_teaser a.next:hover {
	text-decoration: underline;
}
#footer_arrow {
	width: 19px;
	float: right;
	height: 19px;
	display: block;
	margin-top: 5px;
	background: url(../images/Balken_auf.gif) no-repeat 0px 0px;
}
#footer_arrow:hover {
	background-position: 0px -19px;
}
#copyright {
	float: right;
	width: 291px;
	font-size: 10px;
}
#current_news,
#downloads,
#address {
	float: left;
	width: 278px;
	display: none;
	margin-top: 10px;
}
#current_news,
#downloads {
	font-size: 11px;
	padding-left: 24px;
	padding-right: 13px;
	background: url(../images/Linie_vertikal_w.gif) repeat-y right 0px;
}
#current_news.hover,
#current_news.hover a,
#downloads.hover,
#downloads.hover a {
	color: #FFFFFF;
}
#current_news div,
#downloads div {
	height: 54px;
	margin: 5px 0px 10px;
}
#current_news a.title,
#downloads a.title {
	display: none;
	font-size: 14px;
	line-height: 20px;
	background-color: #292929;
}
#current_news a.current,
#downloads a.current {
	display: inline;
}
#go_to_article,
#download {
	width: 81px;
	height: 10px;
	display: block;
	font-size: 0px;
	background: url(../images/Zum-Artikel.gif) no-repeat 0px 0px;
}
#download {
	background-image: url(../images/Download.gif);
}
#go_to_article:hover,
#go_to_article.hover,
#download:hover,
#download.hover {
	background-position: 0px -10px;
}

#downloads {
  width: 302px;
	margin-left: 0px;
	padding: 0px 13px;
}

#address {
	font-size: 10px;
	padding-left: 13px;
}
#address a {
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration: none;
}
#address a:hover {
	text-decoration: underline;
}
#address span.border {
	width: 50px;
	display: block;
	margin: 8px 0px 5px;
	border-top: 1px solid #FFFFFF;
}
#address span.copyright {
	display: block;
	margin-top: 10px;
}

/* sIFR */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
