*{margin: 0;padding: 0;}
body{height: 100%;width: 100%; font-family: 'Verdana';font-size: 12px; color: rgb(000, 000, 000)}
h1{font-size: 1.6em;font-weight: bold;}
h2{font-weight: bold;color: rgb(100,100,100)}
li{list-style: none;list-style-type: none;}
.fl{float: left;}
.fr{float: right;}
.clearer{clear: both;float: none;}
.b{font-weight: bold;}
a:hover{text-decoration: none;cursor: pointer;}
form input, form label {float:left;}
.fspace{margin: 0 0 2px 0;}
.half{width:50%;}
textarea{resize: none;}
input[type=submit], input[type=reset] {border: 1px solid  rgb(100, 100, 100);background: #fff; color: #222222;cursor: pointer;}
input[type=submit]:hover, input[type=reset]:hover {border-bottom: 1px solid  rgb(000, 000, 000);border-right: 1px solid  rgb(000, 000, 000);background: #fff; color: #333a;cursor: pointer;}
.pnav {text-decoration: none;padding: 9px 0 0 0;}
textarea{border: 1px solid #b3b3b3;border-radius: 5px;background:url(../gui/hg_nachricht.png) repeat-x;height: 100px; }
/* GUI  */
#wrapper{width: 100%;height: auto;padding: 0 auto 0 auto;}
#header{width: 980px;height: 60px;margin-left: auto;margin-right: auto;padding: 16px 0 0 0;}
#logo{width: 368px;height: 50px;background: url(../userfiles/img/logo/acrylpraesente_logo.png);float: right;}
#ssoben{width: 100%;height: 9px;background: url(../gui/schlagschatten_o.png)repeat-x}
#ssunten{width: 100%;height: 9px;background: url(../gui/schlagschatten_u.png)repeat-x}
#cwrap{width: 100%;background: #f3f3f3;padding: 0 auto; padding-top: 25px;}
/*.ccH{background: url(../gui/bgSlide.jpg)repeat-x;width: 980px;height: 350px;}*/
.ccH{background: #e6e6e6;width: 980px;height: 350px;border: none;}
#content{width: 980px;margin: 0 auto; border: 1px solid #969696; border-bottom: 0px solid #969696;border-top-left-radius: 5px;border-top-right-radius: 5px;}

/* /////////////////  MAIN NAVI   /////////////////*/
#mm_Navi{margin: 0 auto;width: 980px; height:30px; border: 0px solid #969696; border-radius: 5px;background: none;margin-bottom: 25px;overflow: hidden; }
.mainNavElm{width: 100%;text-align: center;color: rgb(100, 100, 100);}
#mNav_home{width: 123px; height: 21px;background:url(../gui/main_nav_home.png) ;}
#mNav_home.isHover{background:url(../gui/main_nav_home_on.png) }
#mNav_home.isActive{background:url(../gui/main_nav_home_on.png) }
#mNav_acryl{width: 264px; height: 21px;background:url(../gui/main_nav_acryl.png) ;}
#mNav_acryl.isHover{background:url(../gui/main_nav_acryl_on.png) ;}
#mNav_acryl.isActive{background:url(../gui/main_nav_acryl_on.png) ;}
#mNav_glas{width: 261px; height: 21px;background:url(../gui/main_nav_glas.png) ;}
#mNav_glas.isHover{background:url(../gui/main_nav_glas_on.png) ;}
#mNav_glas.isActive{background:url(../gui/main_nav_glas_on.png) ;}
#mNav_kunden{width: 188px; height: 21px;background:url(../gui/main_nav_kunden.png) ;}
#mNav_kunden.isHover{background:url(../gui/main_nav_kunden_on.png) ;}
#mNav_kunden.isActive{background:url(../gui/main_nav_kunden_on.png) ;}
#mNav_kontakt{width: 144px; height: 21px;background:url(../gui/main_nav_kontakt.png) ;}
#mNav_kontakt.isHover{background:url(../gui/main_nav_kontakt_on.png) ;}
#mNav_kontakt.isActive{background:url(../gui/main_nav_kontakt_on.png) ;}

.mnavSep{position: absolute;z-index: 999;padding: 4px 0 0 0;width: 1px; height: 26px;}
/* /////////////////  SUB NAVI    /////////////////*/
#mm_sub_Navi{height: 100px; width: 980px;border: 0px solid #969696 ; border-top-left-radius:5px; border-top-right-radius:5px;background:url(../gui/sec_nav_bg.png);border-bottom: 1px solid #969696;z-index: 99;}
#mm_sub_Navi ul{text-align: center;position: relative;top:-13px;}
.navSelector{position: relative;top: 93px;left:204px;z-index: 999;opacity: 0;}
.subNavElm{width:135px; height:85px;}
.subNavElm img{margin-bottom: 10px;}
.subH{padding: 40px 0 0 40px;font-size: 1.4em;}

/* /////////////////  HOME   /////////////////*/
.rrBtnHome{position: relative;right:  -25px;z-index:2; height: 100px;overflow: hidden;}
#mm_Slide{height: 350px;width: 980px;border: none;}
#hic{position: relative;right: 70px; top:30px; }
.hic-link {height: 130px;width: 195px;display: block; text-decoration: none; }
.hic-txt{width: 500px; float: left;}
.hic-pfeil{background: url(../gui/pfeil_link.png)no-repeat ;width: 4px;height: 7px; float: left; margin: 5px 0 0 10px; }
.hic-img{border-radius: 5px; border: 0px solid #000;}
.hic-img-holder{background: url(../gui/thb_schatten_normal.png) 0 0 no-repeat; padding: 0px 0px 0px 0px; width: 200px;height: 135px;}
.hic-img-holder:hover{background: url(../gui/thb_schatten_gedrueckt.png)0 0 no-repeat;}

.kundenTitel{margin: 5px 0 0 10px;}
/* /////////////////  FOOTER   /////////////////*/
#footer{width: 982px;margin: 0 auto 0px auto; height: 150px; padding: 0 0 25px 0;background: none;border-top: 2px solid #969696;z-index: 1;font-size: 0.9em;}
.footerElm{height: 160px;z-index: 5;padding: 0 0 0 30px;position: relative;top:10px;}
.nav{color: rgb(100, 100, 100);text-decoration: none;}
#mmfade{width: 981px;height: 8px; background: url(../gui/schlagschatten_u.png);float: left;}
#mmfadeHL{background:url(../gui/bgfade.png);width: 1px;height: 150px;position: relative;top:0px;left:0;z-index: 1;}
#mmfadeHR{background:url(../gui/bgfade.png);width: 1px;height: 150px;position: relative;top:-150px;left:981px;z-index: 2;}

/* /////////////////  KONTAKT   /////////////////*/
#callForm{width: 380px;height: 120px;top:-70px;position:relative;}
#kontaktForm{width: 410px; height: 320px;position: relative;top:30px;}
.kontakt-text{width: 410px; height: 80px; padding: 40px 0 0 70px;}
.f_label{width: 170px;text-align: right;margin: 4px 5px 0 0; }
.c_label{width: 150px;text-align: right;margin: 4px 5px 0 0; }
.f_elm{ padding-left: 5px; padding-bottom: 0; padding-right: 0; padding-top: 0; width: 195px; height: 18px;background: url(../gui/hg_rr_grund.png)repeat-x;border: 1px solid rgb(150, 150, 150);border-radius: 5px;overflow: hidden; margin: 3px 0 0 0;}
.c_elm{ width: 200px; height: 18px;background: url(../gui/hg_rr_grund.png)repeat-x;border-radius:0px; ;border: 1px solid rgb(150, 150, 150);border-radius: 5px;overflow: hidden; margin: 3px 0 0 0;}
.vert-seperator{height: 280px; width: 2px; background:url(../gui/linie_1x1.png) repeat-y;position: relative;top:30px;}
.hor-seperator{height: 1px; width: 495px;margin: 0 0 0 30px; background:url(../gui/linie_1x1.png) repeat-x; ;z-index: 2;}
.rrBtnKontakt{position: relative; top:  30px;}

/* /////////////////  MAIN - SLIDESHOW   /////////////////*/
div.slideshow {position:relative;margin:0;width:326px;min-height:165px;padding:0;background-color:#000;overflow: hidden;z-index: 1;}
#slideScroll{z-index: 1;}
.loading {background-image:url(../_img/slideshow/loading.gif);background-repeat:no-repeat;background-position:50% 50%;}
.controls {cursor: pointer;position: absolute;width: 50px;height: 165px;z-index: 2;}
.next{cursor: pointer;position: absolute;background-image: url(../gui/skip_right.png); width: 80px; height: 350px;right: 0px;z-index: 3;opacity:0;}
.prev{cursor: pointer;position: absolute;background-image: url(../gui/skip_left.png); width: 80px; height: 350px;z-index: 2;opacity:0;
}
.controls a:focus,.controls a:active {outline:none;}
.controls a:hover {}
.prev.diabled{opacity: 0; cursor: none;}
.slideNavPos{position: relative;z-index: 4;text-align: center;width: 980px;}
.prev:hover{opacity: 1;}
.prev.diabled:hover{opacity: 0; cursor: none;}
.next:hover{opacity: 1;}
#item{width: 980px;height: 350px;float: left;}
.itemTitle{width: 435px;padding:30px 0 0 530px;position: relative; top:-350px; }
.itemText{width: 435px;max-height:226px;padding:20px 0  0 530px;overflow: hidden; position: relative; top:-350px;}
/* root element for pages */
#pages {position:absolute;height:20000em;}
/* root element for horizontal scrollables */
.scrollable {position:relative;overflow:hidden;height: 350px;}
/* root element for scrollable items */
.scrollable .items {width:20000em;position:absolute;clear:both;}
/* position and dimensions of the navigator */
.navi {width:auto;height:12px;}
/* items inside navigator */
.navi a {width:8px;height:8px;float:left;margin:3px;background:url(../gui/navigator.png) 0 0 no-repeat;display:block;font-size:1px;cursor: pointer;}
/* mouseover state */
.navi a:hover {background-position:0 -8px;      }
/* active state (current page state) */
.navi a.active {background-position:0 -16px;     }
.slideNavPos {position: absolute;top: 0px;z-index: 4;}

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #0080ff;
	position:relative;
	z-index:5001;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  position:relative;
  z-index: 5006;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #0080ff;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#fcfcfc;
 
    width:675px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}
.simple_overlay .details{

	padding: 10px;
	color: #000;

}
#cookie-law {background:rgba(200,200,200,0.9);position: fixed; left:0; bottom:0; width: 100%; height: 40px; text-align: center;z-index: 999;
padding-top: 20px;}
#cookie-law p,#cookie-law a,#cookie-law a:hover{color:#000;}