@charset "UTF-8";
/* Grundgerüst */

*html {height:100%; overflow-x:hidden;}

body {background-color: #FFF; text-align:center; margin:0px auto; padding:0px; overflow-x:hidden;}

#All{position:relative; height:100%; width:984px; position:relative; margin:0px auto; text-align:left; padding-top:20px; z-index:100;}

#Top{text-align:left; margin:0px auto; height:27px; width:984px; float:left; z-index:100;}

#Content{position:relative; text-align:left; height:690px; width:984px; float:left; z-index:100;}

#Middle{position:relative; text-align:left; height:690px; width:984px; float:left;}

#Bottom{position:relative; text-align:left; margin:0px auto; height:39px; width:984px; float:left;}

#iframe{background-color: #FFF; text-align:left; position:relative; margin:0px auto; float:left; width:650px; height:391px; float:left}

#Background{text-align:left; margin:0px auto; height:735px; width:1010px; float:left; background:url(img/bg_all.jpg); background-position:center; background-repeat:no-repeat; z-index:1; position:absolute; left:50%; margin-left:-505px;}

#Schatten{
	text-align:left;
	margin:0px auto;
	height:23px;
	width:982px;
	float:left;
	z-index:9999;
	position:absolute;
	background-image:url(img/schatten.png);
	background-repeat:repeat-x;
	background-position:top left;
	top: 208px;
	border:1px solid #fff;
	border-top:none;
	border-bottom:none;
}


/* Top-Bereich */

#Header{position:relative; text-align:center; height:207px; width:983px; float:left; background-color:#3a3a3c; border:none; border-bottom:1px solid #fff;}

#Logo{position:relative; text-align:center; height:137px; width:983px; float:left; background-color:#3a3a3c;  background-image: url(img/logo.png); background-position:center; background-repeat: no-repeat;}

#Menu{position:relative; text-align:center; height:25px; width:983px; float:left; background-color:#3a3a3c; background-image:url(img/menu_bg.png); background-position:center top; background-repeat:no-repeat; padding:6px 0px 0px 0px;}

#Header_bottom{position:relative; text-align:center; height:30px; width:983px; float:left; background-color:#3a3a3c;  background-image: url(img/header_bottom.png); background-position:center; background-repeat: no-repeat; padding:10px 0px 0px 0px;}


#Text{text-align:left; height:482px; width:984px; float:left;}

#Text_start{text-align:left; height:482px; width:984px; float:left;}


#Footer{position:relative; text-align:left; height:22px; width:400px; float:right; FONT-SIZE: 10px; COLOR: #4b4a4d; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; margin-right:30px; margin-top:13px;}

#Social_Network{position:relative; text-align:left; height:16px; width:400px; float:left; FONT-SIZE: 10px; COLOR: #4b4a4d; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; margin-left:30px; margin-top:20px;}



/* Seperates Index CSS */

#Index_top{text-align:right; height:327px; width:984px; float:left; vertical-align:top;}

#Index_news_header{text-align:left; height:22px; width:9821px; float:left; margin-left:1px; border:none; border-bottom:1px solid #fff;}

#Index_news{text-align:left; height:133px; width:984px; float:left;}

#Slogan{margin:100px 0 0 0;}

#News_1{text-align:center; height:133px; width:326px; float:left; background-image:url(img/news_3_bg.jpg); background-position:left; background-repeat:no-repeat; margin-left:1px;}

#News_1_text{text-align:left; margin-top:23px; margin-left:30px; height:100px; width:266px; float:inherit; FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}

#News_2{text-align:center; height:133px; width:327px; float:left; background-image:url(img/news_3_bg.jpg); background-position:left; background-repeat:no-repeat; margin-left:1px;}

#News_2_text{text-align:left; margin-top:23px; margin-left:30px; height:100px; width:266px; float:left; FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}


#News_3{text-align:center; height:133px; width:327px; float:left; background-image:url(img/news_3_bg.jpg); background-position:left; background-repeat:no-repeat; margin-left:1px;}

#News_3_text{text-align:left; margin-top:23px; margin-left:30px; height:100px; width:266px; float:left; FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}



/* Content Bereich Praxisbeispiele */

#Content_Bereich{position:relative; text-align:left; height:391px; width:928px; float:left; margin-left:28px; margin-top:57px; margin-right:28px; margin-bottom:34px;}

#Content_Bereich_referenzen{position:relative; text-align:left; height:391px; width:956px; float:left; margin-left:28px; margin-top:57px; margin-bottom:34px;}

#Content_Bereich_treffsicher{text-align:left; height:391px; width:461px; float:left; margin-left:28px; margin-top:57px; margin-right:57px; margin-bottom:34px;}

#Content_Bereich_agentur{text-align:left; height:391px; width:380px; float:left; margin-left:28px; margin-top:57px; margin-right:0px; margin-bottom:34px;}

#Content_Bereich_consulting{text-align:left; height:391px; width:380px; float:left; margin-left:28px; margin-top:57px; margin-right:43px; margin-bottom:34px;}

#Content_Bereich_kompetenzen{text-align:left; height:391px; width:317px; float:left; margin-left:28px; margin-top:57px; margin-right:49px; margin-bottom:34px;}

#Content_Bereich_kompetenzen_2{text-align:left; height:391px; width:313px; float:left; margin-top:57px; margin-right:45px; margin-bottom:34px;}

#Content_Bereich_kompetenzen_3{text-align:left; height:391px; width:317px; float:right; margin-left:28px; margin-top:57px; margin-right:49px; margin-bottom:34px;}

#Content_Bereich_beispiele{text-align:center; height:483px; width:500px; float:left;}

#Content_Bereich_beispiele_2{text-align:left; height:376px; width:180px; float:left; margin-left:5px; margin-right:28px; margin-top:98px;}

#Content_Bereich_beispiele_3{text-align:left; height:391px; width:217px; float:left; margin-left:28px; margin-top:57px; margin-right:26px; margin-bottom:34px;}

#Content_Bereich_beispiele_4{text-align:left; height:482px; width:715px; float:left;}

#Content_Bereich_kontakt{text-align:left; height:391px; width:180px; float:left; margin-left:28px; margin-top:57px; margin-right:72px; margin-bottom:34px;}

#Content_Bereich_kontakt_2{text-align:left; height:391px; width:415px; float:left; margin-top:57px; margin-right:57px; margin-bottom:34px;}

#Content_Bereich_kontakt_3{text-align:left; height:391px; width:415px; float:right; margin-top:57px; margin-right:29px; margin-bottom:34px;}

#Content_Bereich_kontakt_4{text-align:left; height:391px; width:140px; float:left; margin-top:57px; margin-right:47px; margin-bottom:34px;}

#Content_Bereich_sitemap{text-align:left; height:391px; width:210px; float:left; margin-left:28px; margin-top:57px; margin-right:42px; margin-bottom:34px;}

#Content_Bereich_news{text-align:left; height:100%; width:696px; float:left; margin-left:28px; margin-top:57px; margin-right:28px; margin-bottom:34px;}

#Content_Bereich_impressum{text-align:left; height:391px; width:140px; float:left; margin-left:28px; margin-top:57px; margin-right:102px; margin-bottom:34px;}

#Content_Bereich_impressum_2{text-align:left; height:391px; width:415px; float:left; margin-top:57px; margin-right:57px; margin-bottom:34px; margin-left:10px;}

#Content_Bereich_impressum_2_2{text-align:left; height:391px; width:306px; float:left; margin-top:57px; margin-right:60px; margin-bottom:34px; margin-left:10px;}

#Content_Bereich_impressum_3{text-align:left; height:391px; width:309px; float:right; margin-top:57px; margin-right:29px; margin-bottom:34px;}

#Text_Left{text-align:left; height:100%; width:301px; float:left; FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}

#Praxisbeispiele{text-align:left; height:72px; width:340px; float:left; margin-right:28px;}


/* Schriftstile */

.H1{FONT-SIZE: 15px; COLOR: #6f6f6f; FONT-FAMILY: Avant Garde, Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 0px #fff, 1px 1px 3px #a6a6a6; font-weight:lighter; line-height:18px;}


.H2{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 0px #fff; letter-spacing:0.3px;}

A.H2:link{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 0px #fff; letter-spacing:0.3px;}

A.H2:visited{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 0px #fff; letter-spacing:0.3px;}

A.H2:hover{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:underline; text-shadow: 1px 1px 0px #fff; letter-spacing:0.3px;}

A.H2:active{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 0px #fff; letter-spacing:0.3px;}



.H3{FONT-SIZE: 10px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase;}

A.H3:link{FONT-SIZE: 10px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase;}

A.H3:visited{FONT-SIZE: 10px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase;}

A.H3:hover{FONT-SIZE: 10px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:underline;}

A.H3:active{FONT-SIZE: 10px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase}


.H4{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:13px;}

A.H4:link{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:13px;}

A.H4:visited{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:13px;}

A.H4:hover{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:underline; line-height:13px;}

A.H4:active{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:13px;}



.H5{FONT-SIZE: 10px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:16px;}

A.H5:link{FONT-SIZE: 10px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:16px;}

A.H5:visited{FONT-SIZE: 10px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:16px;}

A.H5:hover{FONT-SIZE: 10px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:underline; line-height:16px;}

A.H5:active{FONT-SIZE: 10px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:16px;}


.Text_Sitemap{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height:16px;}



.H6{FONT-SIZE: 9.5px; COLOR: #f5f5f5; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: -1px -1px 0px #000, 0px 0px 5px #000; font-weight:100; letter-spacing:0.3px;}

.Text_Standart{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height:13px;}

.H7{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-weight:700;}

A.News_link:link{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; text-align:right}

A.News_link:visited {FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; text-align:right}

A.News_link:hover {FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; text-align:right}

A.News_link:active {FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; text-align:right}

.Form{FONT-SIZE: 11px; COLOR: #FFF; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;}

.Form_Feld{FONT-SIZE: 11px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;}

A:link{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}

A:visited{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}

A:hover{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline;}

A:active{FONT-SIZE: 11px; COLOR: #58585a; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}


.Navi_top{FONT-SIZE: 9.5px; COLOR: #f5f5f5; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: -1px -1px 0px #000, 0px 0px 5px #000; font-weight:100; letter-spacing:0.3px; display:inline; margin:0px 10px 0px 0px;}

A.Navi_top:link{FONT-SIZE: 9.5px; COLOR: #b6b6b7; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: -1px -1px 0px #000, 0px 0px 5px #000; font-weight:100; letter-spacing:0.3px; text-decoration:none; display:inline; margin:0px 10px 0px 0px;}

A.Navi_top:visited{FONT-SIZE: 9.5px; COLOR: #b6b6b7; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: -1px -1px 0px #000, 0px 0px 5px #000; font-weight:100; letter-spacing:0.3px; text-decoration:none; display:inline; margin:0px 10px 0px 0px;}

A.Navi_top:hover{FONT-SIZE: 9.5px; COLOR: #FFF; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: -1px -1px 0px #000, 0px 0px 5px #000; font-weight:100; letter-spacing:0.3px; text-decoration:none; display:inline; margin:0px 10px 0px 0px;}

A.Navi_top:active{FONT-SIZE: 9.5px; COLOR: #b6b6b7; FONT-FAMILY: Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: -1px -1px 0px #000, 0px 0px 5px #000; font-weight:100; letter-spacing:0.3px; text-decoration:none; display:inline; margin:0px 10px 0px 0px;}


/* CSS News */

#Aktuelles{position:relative; float:left; height:16px; width:122px; border:1px solid #fff; border-bottom:none; background-color:#4a4b4d; padding:4px 0px 0px 0px; text-align:center; margin:0px 0px -1px -1px; z-index:9500}

#News_Trenner{position:relative; float:left; height:16px; width:859px; border:1px solid #fff; border-bottom:none; background-image:url(img/decker_slideshow.png); background-position:left top; background-repeat:no-repeat; padding:4px 0px 0px 0px; text-align:center; margin:0px 0px -1px -1px; z-index:9000}

#Text_news{text-align:left; height:100%; width:984px; float:left;}

#All_news{height:934px; width:1024px; position:relative; margin:0px auto; text-align:left;}

#Left_news{text-align:left; height:708px; width:20px; float:left; background-image: url(img/left.jpg); background-repeat: repeat-y;}

#Right_news{text-align:left; height:708px; width:20px; float:left; background-image: url(img/right.jpg); background-repeat: repeat-y;}

#Middle_news{text-align:left; height:708px; width:984px; float:left;}

#Content_news{text-align:left; height:708px; width:1024px; float:left;}

#news1{width:266px; display:none; text-align:left; position:absolute; left: 31px; top: 620px; z-index:2500; background-image: url(img/bg_news.png); background-position:top; background-repeat:repeat-x;}

#news2{width:266px; display:none; text-align:left; position:absolute; left: 358px; top: 620px; z-index:2500; background-image: url(img/bg_news.png); background-position:top; background-repeat:repeat-x;}

#news3{width:266px; display:none; text-align:left; position:absolute; left: 686px; top: 620px; z-index:2500; background-image: url(img/bg_news.png); background-position:top; background-repeat:repeat-x;}

#News1_bg{width:326px; display:none; position:absolute; left: 1px; top: 613px; height:170px; z-index:2000; background-image: url(img/dropdown_news.png);}

#News2_bg{width:326px; display:none; position:absolute; left: 328px; top: 613px; height:170px; z-index:2000; background-image: url(img/dropdown_news.png);}

#News3_bg{width:326px; display:none; position:absolute; left: 656px; top: 613px; height:170px; z-index:2000; background-image: url(img/dropdown_news.png);}


/* CSS verlängert */

#Text_middle{text-align:left; height:100%; width:984px; float:left;}

#All_middle{height:934px; width:1024px; position:relative; margin:0px auto; text-align:left;}

#Left_middle{text-align:left; height:838px; width:20px; float:left; background-image: url(img/left.jpg); background-repeat: repeat-y;}

#Right_middle{text-align:left; height:838px; width:20px; float:left; background-image: url(img/right.jpg); background-repeat: repeat-y;}

#Middle_middle{text-align:left; height:838px; width:984px; float:left;}

#Content_middle{text-align:left; height:838px; width:1024px; float:left;}


/* CSS sehr lang */

#Text_lang{text-align:left; height:810px; width:984px; float:left;}

#All_lang{height:1114px; width:1024px; position:relative; margin:0px auto; text-align:left;}

#Left_lang{text-align:left; height:1018px; width:20px; float:left; background-image: url(img/left.jpg); background-repeat: repeat-y;}

#Right_lang{text-align:left; height:1018px; width:20px; float:left; background-image: url(img/right.jpg); background-repeat: repeat-y;}

#Middle_lang{text-align:left; height:1018px; width:984px; float:left;}

#Content_lang{text-align:left; height:1018px; width:1024px; float:left;}


a:active, a:focus {outline: none;}


/* CSS Slider */


#slider {
	width: 982px; /* important to be same as image width */
	height: 350px; /* important to be same as image height */
	position: absolute; /* important */
	overflow: hidden; /* important */
	left: 1px;
	top: 208px;
}

#sliderContent {
    width: 982px; /* important to be same as image width or wider */ 
	height: 350px; /* important to be same as image height */
    position: absolute;
	top: 0;
	left:0;
	padding:0px; 
	margin:0px;
}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
    display: none;
}

.H8{FONT-SIZE: 24px; COLOR: #58585a; FONT-FAMILY: Avant Garde, Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 0px #fff, 1px 1px 3px #a6a6a6; font-weight:lighter; line-height:36px;}

.H9{FONT-SIZE: 14px; COLOR: #58585a; FONT-FAMILY: Avant Garde, Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 0px #fff, 1px 1px 3px #a6a6a6; font-weight:lighter; line-height:24px;}

.sliderImage p {
	line-height:9px;
}


/* CSS PagePeel */


#pageflip {
	position: absolute;
	width:183px;
	height:183px;
	top:0px;
	right:1px;
}

#pageflip img {
	width: 100px; height: 100px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
}

#pageflip .msg_block {
	width: 100px; height: 100px;
	position: absolute;
	z-index: 50;
	right: -1px; top: -1px;
	background-image:url(img/page_flip_background.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

/* CSS Diverses */

.SocialNetwork {margin-right:5px}

#Copyright {margin-top:5px;}

#scrolling_up {text-align:right}

.scrolling_up {margin-top:40px}

#scrolling_down {text-align:right}

.scrolling_down {margin-top:310px}