body {
behavior: url("../iepngfix.htc");
behavior: url("../csshover3.htc");
background : url(../img/bg.jpg) no-repeat top center;
font-family : tahoma, "Trebuchet MS";
text-align : center;
color : #8e8d91;
margin : 0;
padding : 0;
}
#long{
margin-right:90px;
}
.image{
margin-right:10px;
float:left;
}

img, div { behavior: url(iepngfix.htc) }

b {
font-size : 13px;
color : #8e8d91;
}
p {
letter-spacing: 0.1px;
font-weight: 100;
margin-bottom : 5px;
line-height : 18px;
}
li {
font-size : 8px;
color : #8e8d91;
}
h1 {
font-weight:500;
text-shadow: #fff 0px 1px 0px;
color : #8e8d91;
font-size : 22px;
margin : 0;
padding-bottom : 4px;
}

h3 {
font-size : 14px;
padding-top: 5px;
padding-bottom:2px;
font-weight:500;
text-shadow: #fff 0px 1px 0px;
color: #bb57a3;
margin : 0;
}
a {
font-size : 13px;
color : #8e8d91;
text-decoration : none;
}
span a {
color : #bb57a3;
}
span a:hover {
text-decoration : underline;
}
.line {
width : 100%;
height : 3px;
background : url(../img/line.jpg) repeat-x top center;
}

.info {
width:960px;
float : left;
height : 60px;

}
.side {
background : url(../img/) no-repeat top center;
margin : 0 auto;
text-align : left;
}

.float {
float : left;
}
div.clear {
clear : both;
}
.clear {
clear : both;
}


.cont {
text-align : center;

}
#container{
background : url(../img/info_bg.jpg) no-repeat top center;
}
.cont_box{
margin : 0 auto;
width:940px;
text-align : left;
}
.cont_box_2{
background : url(../img/bg_5.png) no-repeat top center;
margin : 0 auto;
width:980px;
text-align : left;
}

.footer {
text-align : center;
margin : 0 auto;
background : url(../img/bg_fo.png) no-repeat top center;
}
.footer_box {
padding-top:40px;
height : 20px;
font-size: 9px;
color : #a8a8a9;
}
.footer_box a {
font-size : 9px;
color : #a8a8a9;
}
.footer_box a:hover {
font-size : 9px;
color : #BB57A3;
text-decoration: none;
}
.text_kl a {
color : #a8a8a9;
font-size : 9px;
}
#box1 {
height : 350px;
width : 960px;
}
#box2 {
position : absolute;
width : 960px;
height : 350px;
}
#box2 div {
display : block;
float : left;
}
.thumbs {
width : 54px;
}
.thumbs div {
display : block;
width : 54px;
height : 41px;
margin : 3px 0;
cursor : pointer;
}
.thumbs div img {
display : block;
width : 100%;
height : 100%;
border : none;
}
.mask2 {
position : relative;
width : 960px;
height : 340px;
float : left;
overflow : hidden;
}
.switch {
	text-align : center;
margin : 0 auto;
height : 443px;
/*background : url(../img/teaser_1.jpg) no-repeat bottom center;*/
}
.spacer {
float : left;
}
.box_switch_1 {
margin : 0 auto;
text-align : left;
width : 960px;
height : 360px;
}

.box_switch_2 {
width : 960px;
height : 350px;
}

.box_switch_3 {
width : 960px;
height : 350px;
background : url(../img/kami.png) no-repeat right bottom;
}
.box_switch_4 {
width : 960px;
height : 350px;
}
.box_switch_5 {
width : 960px;
}
a.link{
color : #bb57a3;
text-decoration : none;
}
a.link:hover{
color : #bb57a3;
text-decoration : underline;
}
a.mylink {
background : url(../img/pfk.png) no-repeat top left;
color : #bb57a3;
font-size : 11px;
padding-top:1px;
padding-bottom:1px;
padding-left : 23px;
text-decoration : none;
}

a.mylink2 {
color : #bb57a3;
float : left;
display : inline;
font-size : 11px;
text-decoration : none;
}
a.mylink:hover {
background-position: 0 -18px;
text-decoration : underline;
}
.btn_pf a {
color : #bb57a3;
text-decoration : none;
padding-left : 22px;
}
.btn_pf a:hover {
text-decoration : underline;
color : #bb57a3;
}
img.bild {
margin-right : 20px;
}
img.bild {
float : right;
padding-right : 50px;
margin-bottom : 4px;
margin-right : 26px;
margin-top : 4px;
}
.teaser {
float : left;
padding-right : 30px;
width : 280px;
}
img.thumb {
float : left;
height : 60px;
margin-right : 10px;
padding : 1px;
}


.leistung {
position:relative;
text-align : center;
background : url(../img/lei_top.png) no-repeat top
}
.lei_top{
width:960px;
margin : 0 auto;
position:relative;
z-index: 50;
margin-top:-43px;

}
.lei_box{
position:relative;
margin : 0 auto;
text-align : left;
height : 165px;
width : 957px;
}

.leis_box_1 {
padding-left : 20px;
position:relative;
padding-top:8px;
float : left;
width : 320px;
}
.leis_box_1 table, .leis_box_3 table{
margin-top:10px;

}
.leis_box_2 {
padding-top:53px;
padding-left : 0px;
float:left;
width : 320px;
}

.leis_box_3{
padding-left: 0px;
position:relative;
padding-top:8px;
float: left;
width: 280px;
}


.leis1 {
left : -43px;
top : 42px;
width : 43px;
height : 72px;
position : absolute;
background : url(../img/leis1.png) no-repeat center top;
}

.leis3 {
height : 31px;
width : 30px;
background : url(../img/leis3.png) no-repeat center top;
left : 960px;
top : -9px;
position : absolute;
}
a.pic_relative {
position : relative;
height : 150px;
color : red;
font-size : 20px;
}


.menu11{
float:left;
padding-top:7px;
margin-left:165px;
height:57px;
}
.menu22{
float:left;
padding-top:7px;
height:57px;
}
.menu33{
float:left;
padding-top:7px;
height:57px;
}

.menu_nav1 {
display:block;
height:57px;
width:124px;
background: url(../img/nav_1.png) no-repeat 2px -1px ;
}
a.menu_nav1:hover {
height:57px;
width:124px;
background: url(../img/nav_1.png) no-repeat ;
background-position : 2px -57px;
}

.menu_nav2 {
display: block;
height:57px;
width:100px;
background: url(../img/nav_1.png) no-repeat ;
background-position : -124px -1px;
}
a.menu_nav2:hover {
height:57px;
width:100px;
background: url(../img/nav_1.png) no-repeat ;
background-position : -124px -57px;
}
.menu_nav3 {
display: block;
height:57px;
width:96px;
background: url(../img/nav_1.png) no-repeat ;
background-position : -222px -1px;
}
a.menu_nav3:hover {
height:57px;
width:96px;
background: url(../img/nav_1.png) no-repeat ;
background-position : -222px -57px;
}


.switch_thin {
position : absolute;
margin-left : 200px;
z-index : 3;
width : 589px;
height : 250px;
background : url(../img/slideshow.png) no-repeat top;
}
.btn_switch {
margin-top: 10px;
}
#box7 {
position : absolute;
}
#box7 div {
width : 494px;
height : 194px;
float : left;
}
#box7 img {
width : 494px;
height : 194px;
float : left;
}
#box6 {
position : absolute;
}
#box6 div {
width : 494px;
height : 194px;
float : left;
}
#box6 img {
width : 494px;
height : 194px;
float : left;
}
#box5 {
position : absolute;
}
#box5 div {
width : 494px;
height : 194px;
float : left;
}
#box5 img {
width : 494px;
height : 194px;
float : left;
}
#box4 {
position : absolute;
}
#box4 div {
width : 494px;
height : 194px;
float : left;
}
#box4 img {
width : 494px;
height : 194px;
float : left;
}
#box3 {
position : absolute;
}
#box3 div {
width : 494px;
height : 194px;
float : left;
}
#box3 img {
width : 494px;
height : 194px;
float : left;
}
#info4 {
background : #fff !important ;
color : red !important ;
cursor : default;
}
.mask3 {
margin-top : 5px;
padding-top:5px;
position : relative;
width : 494px;
height : 194px;
overflow : hidden;
}
* {
margin : 0;
padding : 0;
}
div, p, li {
font-size : 13px;
}

.buttons {
padding : 4px;
}
.buttons span {
color : #8e8d91;
padding : 0 5px;
cursor : pointer;
font : 10px tahoma;
}
.buttons span.active, .buttons span:hover {
background : #bb57a3;
color : #fff;
}
.box_port {
width : 960px;
}
.pre {
white-space : pre;
}
.switch_thin1 {
margin-top : 4px;

width : 589px;
background : url(../img/slideshow.png) no-repeat left top;
}
.line_grey {
margin-top : 10px;
padding-bottom : 10px;
border-top : 1px dotted #dedede;
}

.carousel-component {
position : relative;
overflow : hidden;
display : none;
margin:0px;
}
.carousel-component ul.carousel-list {

position : relative;
z-index : 1;
}
.carousel-component .carousel-list li {
float : left;
list-style : none;
overflow : hidden;
}
.carousel-component .carousel-vertical li {
margin-bottom : 0;
float : left;
clear : left;
overflow : hidden;
display : block;
}
.carousel-clip-region {
height : 55px;
}
.carousel-component .carousel-clip-region {
overflow : hidden;
margin : 0 auto;
position : relative;
}
.carousel-component {
padding : 0;
color : #618cbe;
height : 55px;
display : block;
}
.carousel-component ul.carousel-list {
margin : 0;
padding : 0;
line-height : 0;
}
.carousel-component .carousel-list li {
margin : 0;
padding : 0;
color : #666;
}
.carousel-component {
padding : 0;
}
.carousel-component .carousel-list li {
}
.carousel-component .carousel-list li a {
display : block;
}
.carousel-component .carousel-list li a:hover {
cursor : pointer;
}
.carousel-component .carousel-list li img {
border : 1px solid #999;
display : block;
}
.carousel-component .carousel-list li strong {
display : block;
}
#prev-arrow {
position : absolute;
top : 40px;
z-index : 3;
cursor : pointer;
left : 5px;
}
#next-arrow {
position : absolute;
top : 40px;
z-index : 3;
cursor : pointer;
right : 5px;
}
.acc_1{
margin-left:155px;
position: absolute;
}
.acc_2{
margin-left:289px;
position: absolute;
}
.acc_3{
margin-left:383px;
position: absolute;
}
/*Navigation acc oben eof*/
/*Navigation acc port */
#navigation2 ,ul ,li{
list-style-type: none;
}

.acc_2 a{
display: hidden;
}
.news{
margin-bottom:20px;

}
.news_box{
height:88px;
margin : 0 auto;
text-align: left;
width : 960px;
}

.news_box1 p span a{
font-size:11px;
}
.news_box2 p span a{
font-size:11px;
}
.news_box3 p span a{
font-size:11px;
}
.news_a{
font-size:11px;
}

.news_box1{
float:left;
width:315px;
background : url(../img/news_bg.jpg) no-repeat top right;
margin-right:8px;
}
.news_box2{
float:left;
width:315px;
background : url(../img/news_bg.jpg) no-repeat top right;
margin-right:7px;
}

.news_box3{
float:left;
width:315px;
background : url(../img/news_bg.jpg) no-repeat top right;
}

/*  main grab */
html{
overflow-y: scroll;
}

img{
/*behavior: url('/global/script/iepngfix.htc');*/
}





/* for home EP */
.featureWrap {
text-align : center;
margin : 0 auto;

}
.featureWrap .feature {
	/* width: 1200px;*/
	height:443px;
	float: none;
}
.featureWrap .feature {
	margin: 0px auto;
	height:443px;
}
/* floadmenü*/








.info2{
height : 51px;
}
#leistungen-11{
min-height:539px;
background : url(../img/bg_6.png) no-repeat center left;
}

.mod_customnav a {
font-size:17px;
}
.mod_customnav{

}
.mod_customnav ul {
margin-top:22px;
}

#sub_box span.active{
color:#BB57A3;
font-size:13px;
}
#header_box span.active{
color:#BB57A3;
font-size:17px;
}
/*
.level_1 li:hover{
background : url(../img/navi_bg_hover.png) no-repeat ;
}*/
/* kontaktform */
#f1
{
}
/* submitbutton */
.submit_container{
height:44px;
margin: 3px 135px 0px;
background:transparent url(../img/bg_submit.jpg) no-repeat left top;
}
#ctrl_3:hover{
  color: #BB57A3;
  text-shadow: #fff 0px 1px 0px;
}
#ctrl_3
{
  color: #8E8D91;
  text-shadow: #fff 0px 1px 0px;
  margin: 15px 23px 0px;
	border: 0px solid red;
	background-color: transparent;
}
/* submitbutton_eof */
#f1 label
{
display: block;
width: 150px;
float:left;
padding: 7px 0px;
color: #8E8D91;
border:0px solid transparent;
}

#f1 label + *
{
margin: 3px 0px;
border:0px solid red;

}

/* error */
.f6 error{
position:relative;
}
p.error
{
color:#BB57A3;
height:0px;
width:300px;
padding-top:4px;
padding-left: 588px;
clear: left;
position: absolute;
}
/* error_eof */

input.text
{
height:21px;
width:208px;
background-color:#F4F4F4;
border:medium none;
padding-left:8px;
padding-right:10px;
margin: 5px 0px !important;
background:transparent url(../img/bg_kont_2.png) no-repeat left top;
}

#ctrl_2{
height:159px;
width:388px;
background-color:#F4F4F4;
border:medium none;
padding-left:8px;
padding-right:10px;
margin: 5px 0px !important;
background:transparent url(../img/bg_kont_3.png) no-repeat left top;
}

input#ctrl_1{
height:21px;
width:208px;
background-color:#F4F4F4;
border:medium none;
padding-left:8px;
padding-right:5px;
margin: 5px 0px !important;
background:transparent url(../img/bg_kont_2.png) no-repeat left top;
}

#kontaktformular1{
padding-top:20px;
background: transparent url(../img/bg_5.png) no-repeat top center ;
 }
/* kontaktform_eof */
/* footer */
#footer{
margin-top:20px;
}

#leistungen, #habs, #lohrsex, #grupetto, #kumohosting-27, #the-9th, #the-ultimate-rebels, #frisch-electro-technik, #arbeitsweise, #kamikaz3, #partner , #dlz-kunath, #webdesign, #hochzeitsportal, #umzug-marktplatz, #kumohosting, #delight-graphic, #gaertnerei-an-der-wasserburg{
background : url(../img/bg_6.png) no-repeat top left;
min-height: 600px;
}

#header{
margin : 0 auto;
width:940px;
}
#branding{
margin-top:15px;
float:left;
width:160px;
height : 50px;
border:0px solid grey;
background : url(../img/logo.png) no-repeat 0 0;
}
#branding:hover{
background-position: 0 -50px;

}
#header_box{
border:0px solid red;
height : 80px;
}
#header_box .first {
}
#header_box ul{
float:left;
padding-top:27px;
margin-left:170px;
}
#header_box li{
float:left;
width:121px;
}
#header_box a
{
font-size:17px;
}
#header_box a:hover{
color: #bb57a3;
}
#sub_box{
border:0px solid lightgray;
}
#sub_box a:hover{
color: #bb57a3;

}
#sub_box level_1 a{

}
#sub_box ul .level_2 {
margin-top: 5px;
margin-bottom: 8px;
background-color: transparent;
padding-left : 5px;
}
#sub_box ul .level_2 a{
padding-left : 20px;
background : url(../img/pfk.png) no-repeat top left;
}
#sub_box ul .level_2 a:hover{
padding-left : 20px;
background : url(../img/pfk.png) no-repeat top left;
background-position: 0 -18px;
}
#sub_box ul .level_2 span.active{
padding-left : 20px;
background : url(../img/pfk.png) no-repeat 0 -18px;
}
#sub_box ul .level_2 .cont_box{
margin-bottom: 2px;

}
#sub_box ul .level_2:hover {
color : #bb57a3;
}
/*

a.mylink {
background : url(../img/pfk.png) no-repeat top left;
color : #bb57a3;
font-size : 11px;
padding-top:1px;
padding-bottom:3px;
padding-left : 23px;
text-decoration : none;
}

a.mylink2 {
color : #bb57a3;
float : left;
display : inline;
font-size : 11px;
text-decoration : none;
}
a.mylink:hover {
background-position: 0 -18px;
text
*/




.nav_vertikal{
margin-top:60px;
}
/* showcase */
.show_box{
margin-top:30px;
float:left;
width:311px;
height:156px;
background : url(../img/show_bg.png) no-repeat left top;
}
.show_box .show{
padding:2px 29px 0px;
height:150px;
width:280px;
}

#subnavi_bg_1{
margin-top: 60px;
height:130px;
margin-bottom:20px;
background : url(../img/icon_i_web.png) no-repeat bottom center;
}
#subnavi_bg_2{
margin-top: 60px;
height:130px;
margin-bottom:30px;
background : url(../img/icon_idesign.png) no-repeat bottom center;
}
#nav_vertikal_leistung{

}