/* ALLGEMEIN
------------------------------------------------------------------------------*/

*{
  outline:none;
  font-size:14px;
	line-height:1.5em;
  color:#000;
  font-family: 'Questrial', sans-serif;
  margin:0;
  padding:0;
}

body{
	background:#FFF;
	text-align: center;
}

form,
fieldset,
img{
  border:0;
}

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

.stats{
	position: absolute;
	top:-2200px;
}

/* TOOLTIP
------------------------------------------------------------------------------*/

#easyTooltip {
  padding: 10px 20px;
  background: #1a171b;
  color:#FFF;
  font-size:13px;
  z-index: 999;
	text-align:left;
}

/* CONTENT
------------------------------------------------------------------------------*/

#content p{
  margin:0 0 10px 0;
  padding:0;
  line-height:1.4em;
}

#content a{
  color:#999;
  text-decoration:none;
}

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



/* CONTAINER
------------------------------------------------------------------------------*/


#content{
  width:960px;
	margin:120px auto 0 auto;
	text-align:left;
}

/* CONTENT > BOXES
------------------------------------------------------------------------------*/

#content .float{
	float:left;
}

#content .box,
#content .box_gal,
#content .box_calc,
#content .box_pack{
	margin:0 20px 20px 0;
	float:left;
}

#content .box.last,
#content .box_gal.last,
#content .box_calc.last,
#content .box_pack.last{
	margin:0 0 20px 0;
}

#content .box{
	width:225px;
	height:225px;
}

#content .box_gal{
	width:715px;
	height:470px;
	background:transparent url(../images/layout/box_galerie.png) left top no-repeat;
}

#content .box_calc{
	width:715px;
	height:960px;
}

#content .box_pack{
	width:225px;
	height:715px;
}

#content .box a{
	width:225px;
	height:225px;
	display:block;
	text-decoration: none;
}

#content .box a.facebook{
	background:transparent url(../images/layout/box_facebook.png) left top no-repeat;
}
#content .box a.facebook:hover{
	background:transparent url(../images/layout/box_facebook.png) left bottom no-repeat;
}

#content .box a.shop{
	background:transparent url(../images/layout/box_shop.png) left top no-repeat;
}
#content .box a.shop:hover{
	background:transparent url(../images/layout/box_shop.png) left bottom no-repeat;
}

#content .box a.kontakt{
	background:transparent url(../images/layout/box_kontakt.png) left top no-repeat;
}
#content .box a.kontakt:hover{
	background:transparent url(../images/layout/box_kontakt.png) left bottom no-repeat;
}

#content .box a.yeah{
	cursor: default;
	background:transparent url(../images/layout/box_yeah.png) left top no-repeat;
}
#content .box a.yeah:hover{
	background:transparent url(../images/layout/box_yeah.png) left bottom no-repeat;
}

#content .box .galerie_sml{
	width:225px;
	height:345px;
	position: relative;
	bottom:120px;
}



/* CONTENT > BOXES > PACKAGES
------------------------------------------------------------------------------*/

#content .box_pack a.btn_order{
	width:225px;
	height:25px;
	display:block;
	background:transparent url(../images/layout/btn_pack_order.png) left top no-repeat;
}

#content .box_pack a.btn_order:hover{
	background:transparent url(../images/layout/btn_pack_order.png) left bottom no-repeat;
}

#content .box_pack a.btn_info{
	width:23px;
	height:23px;
	display:block;
	background:transparent url(../images/layout/btn_pack_info.png) left top no-repeat;
	position: absolute;
	margin:225px 0 0 180px;
}

#content .box_pack a.btn_info:hover{
	background:transparent url(../images/layout/btn_pack_info.png) left bottom no-repeat;
}

.packinfo{
	padding:30px;
	text-align:left;
}

.packinfo h1,
.packinfo h2,
.packinfo h3{
	font-size: 22px;
	color:#FFF;
	font-weight: normal;
	border-bottom:3px solid #FFF;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	text-transform: uppercase;
}

.packinfo h2{
	margin:20px 0 15px 0;
}

.packinfo h3{
  font-size: 18px;
	margin:20px 0 15px 0;
}

.packinfo p{
	color:#FFF;
}

.packinfo p a{
	color:#a1b000;
	text-decoration: none;
}

.packinfo p a:hover{
	color:#FFF;
}

.packinfo p b{
	color:#FFF;
}


.packinfo .left{
	width:320px;
	float:left;
}

.packinfo .right{
	width:320px;
	float:left;
}


/* CONTENT > BOXES > CALC
------------------------------------------------------------------------------*/

.err{
	padding:20px;
	color:#FFF;
}


#content .calc .header{
	width:715px;
	height:180px;
	background:transparent url(../images/layout/calc_header.png) left top no-repeat;
}

#content .calc .step1{
	width:715px;
	height:185px;
	background:transparent url(../images/layout/calc_step1.png) left top no-repeat;
}

#content .calc .step2{
	width:715px;
	height:200px;
	background:transparent url(../images/layout/calc_step2.png) left top no-repeat;
}

#content .calc .step3{
	width:715px;
	height:155px;
	background:transparent url(../images/layout/calc_step3.png) left top no-repeat;
}

#content .calc .step4{
	width:715px;
	height:185px;
	background:transparent url(../images/layout/calc_step4.png) left top no-repeat;
}

#content .calc .btn{
	width:715px;
	height:55px;
	background:transparent url(../images/layout/calc_btn.png) left top no-repeat;
	text-align:center;
}

#content .calc .btn .btns{
	width:452px;
	height:40px;
	margin:0 auto;
	padding-top:5px;
}


#content .calc .btn .btns a.berechnen,
#content .calc .btn .btns a.anfrage{
	width:226px;
	height:40px;
	display:block;
	float:left;
}

#content .calc .btn .btns a.berechnen{
	background:transparent url(../images/layout/calc_btn_berechnen.png) left top no-repeat;
}

#content .calc .btn .btns a.anfrage{
	background:transparent url(../images/layout/calc_btn_anfrage.png) left top no-repeat;
}


/* INFOBOXEN */


#content .calc a.calc_info{
	width:23px;
	height:23px;
	display:block;
	background:transparent url(../images/layout/btn_pack_info.png) left top no-repeat;
	position: absolute;
	cursor: help;
}

#content .calc .step1 a.calc_info.auflage{
	margin:10px 0 0 195px;
}

#content .calc .step1 a.calc_info.textil{
	margin:55px 0 0 290px;
}

#content .calc .step3 a.calc_info.extra_andruck{
	margin:82px 0 0 172px;
}
#content .calc .step3 a.calc_info.extra_spezial{
	margin:82px 0 0 430px;
}
#content .calc .step3 a.calc_info.extra_effekt{
	margin:82px 0 0 685px;
}

#content .calc .step3 a.calc_info.extra_film{
	margin:128px 0 0 172px;
}
#content .calc .step3 a.calc_info.extra_farbwechsel{
	margin:128px 0 0 430px;
}

#content .calc .step2 a.calc_info.extra_textil{
	margin:197px 0 0 685px;
}

#content .calc input{
	font-family: 'Permanent Marker';
	font-weight: normal;
	font-size:25px;
	background:transparent;
	border:0;
}

/* AUFLAGE */

#content .calc input.auflage{
	position:absolute;
	margin:-15px 0 0 125px;
	width:60px;
	text-align:center;
}

/* FARBEN */

#content .calc select.farben{
	position:absolute;
	margin:55px 0 0 115px;
	width:160px;
	border:2px solid #000;
}

/* FARBEN DISPLAY */

#content .calc .farbendisplay{
	position:absolute;
	margin:0px 0 0 400px;
	width:305px;
	height:185px;
	background:transparent url(../images/layout/calc_farben1.png) left top no-repeat;
}

#content .calc .farbendisplay.calc_farben1{
	background:transparent url(../images/layout/calc_farben1.png) left top no-repeat;
}
#content .calc .farbendisplay.calc_farben2{
	background:transparent url(../images/layout/calc_farben2.png) left top no-repeat;
}
#content .calc .farbendisplay.calc_farben3{
	background:transparent url(../images/layout/calc_farben3.png) left top no-repeat;
}
#content .calc .farbendisplay.calc_farben4{
	background:transparent url(../images/layout/calc_farben4.png) left top no-repeat;
}
#content .calc .farbendisplay.calc_farben5{
	background:transparent url(../images/layout/calc_farben5.png) left top no-repeat;
}

/* TEXTIL AUSWAHL (RADIO) */

#content .calc .radio_textil_eigen,
#content .calc .radio_textil_beaver{
	width:34px;
	height:34px;
	position:absolute;
	background:transparent url(../images/layout/calc_radio.png) left top no-repeat;
	cursor: pointer;

}

#content .calc .radio_textil_eigen:hover,
#content .calc .radio_textil_beaver:hover{
	background:transparent url(../images/layout/calc_radio.png) left bottom no-repeat;
}


#content .calc .radio_textil_eigen{
	margin:110px 0 0 180px;
}

#content .calc .radio_textil_beaver{
	margin:135px 0 0 270px;
}

#content .calc .radio_textil_eigen input,
#content .calc .radio_textil_beaver input {
	display: none;
}
#content .calc .radio_textil_eigen input.show,
#content .calc .radio_textil_beaver input.show {
	display: inline;
}


/* TEXTILIEN (RADIO) */

#content .calc .radio_textil1,
#content .calc .radio_textil2,
#content .calc .radio_textil3,
#content .calc .radio_textil4{
	width:120px;
	height:140px;
	position:absolute;
	cursor: pointer;
}

#content .calc .radio_textil1{
	background:transparent url(../images/layout/calc_textil01.png) left top no-repeat;
	margin:70px 0 0 10px;
}
#content .calc .radio_textil2{
	background:transparent url(../images/layout/calc_textil02.png) left top no-repeat;
	margin:70px 0 0 130px;
}
#content .calc .radio_textil3{
	background:transparent url(../images/layout/calc_textil03.png) left top no-repeat;
	margin:70px 0 0 250px;
}
#content .calc .radio_textil4{
	background:transparent url(../images/layout/calc_textil04.png) left top no-repeat;
	margin:70px 0 0 370px;
}



#content .calc .radio_textil1 input,
#content .calc .radio_textil2 input,
#content .calc .radio_textil3 input,
#content .calc .radio_textil4 input{
	display: none;
}

#content .calc .radio_textil1 input.show,
#content .calc .radio_textil2 input.show,
#content .calc .radio_textil3 input.show,
#content .calc .radio_textil4 input.show{
	display: inline;
}



/* LINKS (AA / CC) */

#content .calc a.link_aa,
#content .calc a.link_cc,
#content .calc a.link_ccep{
	width:40px;
	height:25px;
	display:block;
	position: absolute;
}

#content .calc a.link_aa{
	margin:100px 0 0 585px;
}

#content .calc a.link_cc{
	margin:100px 0 0 645px;
}

#content .calc a.link_ccep{
	width:110px;
	height:50px;
	margin:130px 0 0 580px;
}


/* EXTRAS (CHECKBOXES) */

#content .calc .extras_misch,
#content .calc .extras_spezial,
#content .calc .extras_effekt,
#content .calc .extras_film,
#content .calc .extras_farbwechsel,
#content .calc .extras_andruck{
	width:22px;
	height:22px;
	position:absolute;
	background:transparent url(../images/layout/calc_checkbox.png) left top no-repeat;
	cursor: pointer;

}

#content .calc .extras_misch:hover,
#content .calc .extras_spezial:hover,
#content .calc .extras_effekt:hover,
#content .calc .extras_film:hover,
#content .calc .extras_farbwechsel:hover,
#content .calc .extras_andruck:hover{
	width:22px;
	height:22px;
	background:transparent url(../images/layout/calc_checkbox.png) left bottom no-repeat;
}


#content .calc .extras_spezial{
	margin:70px 0 0 400px;
}
#content .calc .extras_effekt{
	margin:70px 0 0 657px;
}
#content .calc .extras_film{
	margin:115px 0 0 145px;
}
#content .calc .extras_farbwechsel{
	margin:115px 0 0 400px;
}
#content .calc .extras_andruck{
	margin:70px 0 0 145px;
}

#content .calc .extras_misch input,
#content .calc .extras_spezial input,
#content .calc .extras_effekt input,
#content .calc .extras_film input,
#content .calc .extras_farbwechsel input,
#content .calc .extras_andruck input {
	display: none;
}
#content .calc .extras_misch input.show,
#content .calc .extras_spezial input.show,
#content .calc .extras_effekt input.show,
#content .calc .extras_film input.show,
#content .calc .extras_farbwechsel input.show,
#content .calc .extras_andruck input.show{
	display: inline;
}


/* PREISE */

#content .calc input.preis_druck,
#content .calc input.preis_textil,
#content .calc input.preis_summe,
#content .calc input.preis_steuer,
#content .calc input.preis_gesamt{
	position:absolute;
	width:120px;
	text-align:center;
}

#content .calc input.preis_druck{
	margin:55px 0 0 75px;
}

#content .calc input.preis_textil{
	margin:55px 0 0 335px;
}

#content .calc input.preis_summe{
	margin:55px 0 0 575px;
}

#content .calc input.preis_steuer{
	margin:105px 0 0 75px;
}

#content .calc input.preis_gesamt{
	margin:105px 0 0 475px;
}

/* BTN */

/*
#content .calc .btn a{
	width:450px;
	height:35px;
	display: block;
	position:absolute;
	margin:5px 0 0 115px;
}
*/

/* CALC SENDFORM */

.sendForm{
	text-align:left;
	color:#FFF;
	padding:30px;
}

.sendForm p{
	color:#FFF;
}

.sendForm h1{
	font-size: 22px;
	color:#FFF;
	font-weight: normal;
	border-bottom:3px solid #FFF;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	text-transform: uppercase;
}

.sendForm form{
	margin:30px 0;
}

.sendForm form label{
	color:#FFF;
	width:100px;
	float:left;
	padding:3px;
	margin:5px 0;
}

.sendForm form input{
	color:#000;
	width:200px;
	float:left;
	padding:3px;
	margin:5px 0;
}

.sendForm form a{
	text-align:center;
	color:#000;
	background:#FFF;
	padding:10px 20px;
	margin:20px 0;
	text-decoration: none;
}

.sendForm form a:hover{
	background: #DDD;
}

.sendForm .err{
	padding:10px;
	background:#FFF;
	color:#000;
	margin:10px 0 0 0;
}


/* NEWSLETTER
------------------------------------------------------------------------------*/

#content .box .newsletter{
	width:225px;
	height:225px;
	background:transparent url(../images/layout/box_newsletter.png) left top no-repeat;
	border:1px solid #FFF;
}

#content .box .newsletter .txt{
	width:225px;
	height:22px;
	margin-top:94px;
	text-align:center;
}

#content .box .newsletter .txt input{
	width:180px;
	padding:2px;
	border:1px solid #000;
}


#content .box .newsletter .radios{
	width:194px;
	height:31px;
	margin:6px auto 0 auto;
}

#content .box .newsletter .radios .subscr,
#content .box .newsletter .radios .unsubscr{
	float:left;
	cursor: pointer;
	width:96px;
	height:30px;
}

#content .box .newsletter .radios .subscr {
	background:transparent url(../images/layout/nl_subscr.png) left top no-repeat;
}

#content .box .newsletter .radios .unsubscr {
	background:transparent url(../images/layout/nl_unsubscr.png) left top no-repeat;
}

#content .box .newsletter .radios .subscr.selected{
	background:transparent url(../images/layout/nl_subscr.png) left bottom no-repeat;
}

#content .box .newsletter .radios .unsubscr.selected{
	background:transparent url(../images/layout/nl_unsubscr.png) left bottom no-repeat;
}

.subscr input,
.unsubscr input {
	display: none;
}
.subscr input.show,
.unsubscr input.show {
	display: inline;
}






#content .box .newsletter .btn{
	width:225px;
	height:28px;
	margin-top:13px;
	text-align:center;
}


#content .box .newsletter .btn a{
	width:108px;
	height:28px;
	display: block;
	text-decoration: none;
	background:transparent url(../images/layout/nl_btn.png) left top no-repeat;
	margin:0 auto;
}


/* HEADER
------------------------------------------------------------------------------*/

#header{
  width:100%;
	height:100px;
	text-align: center;
	background: #FFF;
  position:fixed;
	z-index:999;
	top:0;
}

#header .inner{
	width:1020px;
  margin:0 auto;
}

#header .inner a{
	width:1020px;
	height:100px;
	display: block;
  background:transparent url(../images/layout/header.png) left top;
	text-decoration: none;
}

/* FOOTER
------------------------------------------------------------------------------*/

#content .footer{
  background:transparent url(../images/layout/footer.png) left top repeat-x;
	margin:30px 0;
	padding:20px 0 10px 0;
}

#content .footer .copyl,
#content .footer .copyr,
#content .footer .copyl a,
#content .footer .copyr a{
	color:#000;
	font-size:12px;
}

#content .footer .copyl a:hover,
#content .footer .copyr a:hover{
	text-decoration:underline;
}

#content .footer .copyl{
	width:450px;
	float:left;
}

#content .footer .copyr{
	width:450px;
	float:right;
	text-align:right;
}