@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0}
p {line-height:1.4; margin-bottom:12px}
#wrapper {position:relative; width:100%; margin:0px auto}
#container {position:relative; background:#fff; padding:32px; height:235px;}
.sliderbutton {float:left; display:none; width:25px; height:235px; cursor:pointer}
#slideleft {background:url(images/icons.gif) -50px -265px no-repeat}
#slideleft:hover {background-position:-0 -265px}
#slideright {background:url(images/icons.gif) 0 90px no-repeat}
#slideright:hover {background-position:-50px 90px}
#slider { position:relative; overflow:auto; width:960px;
height:390px; margin-top:-10px; margin-left:0px;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:960px; height:390px}
.pagination {position:absolute; margin-left:455px; margin-top:-15px; list-style:none; height:10px}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; background:transparent; background-image:url(images/point.png); margin:0 7px 0 0;}
.pagination li:hover, li.current {background:transparent; background-image:url(images/pointactive.png)}
.menu { padding-left:250px; padding-top:30px; background:transparent no-repeat; height:30px; width:800px}
.menu ul {list-style:none; z-index:10;  z-index:100; padding:0px 0px}
.menu li {float:left}
.menu a, .menu a:active, .menu a:visited {text-decoration:none; color:#7b7b7b; padding:10px}
.menu a:hover {color:#F09;}
#slide {position:absolute; bottom:35px; height:2px; background-color:#d7d7d7; z-index:10}

img {border:none;}

h1{
font-size:20px;
font-weight:500;
}


h2 { 
font-size:13px;
font-weight:500;
}


h3 { 
font-size:13px;
font-weight: 500;
}


body{
background-color:#FFF;
font-family: 'Lato', sans-serif;
color:#666;
font-size:13px;
}

a:link {text-decoration:none; color:#999;}
a:visited {text-decoration:none; color:#666; }
a:hover { color:#F09; text-decoration:none;}
a:active { color:#F09; text-decoration:none; }



#center{
background-color:transparent;
width:960px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.banner{
position:relative;
width:100%;
height:100px;
text-align:center;
margin-top:15px;
z-index:1;
}

table {
border:none;
}

#feld_weiss_start{
width:960px;
height:300px;
text-align:left;
}
 
#feld_weiss{
height: 651px;
width:934px;
text-align:left;
}

#feld_kalkulation{
	height:1800px;
		text-align:left;
}

#buttonbox{
color:#fff;
-moz-box-shadow: 2px 2px 2px #666;
-webkit-box-shadow: 2px 2px 2px #666;
box-shadow: 2px 2px 2px #666;
background-color:rgb(229,000,125);
width:250px;
height:120px;
padding:5px;
font-size:20px;
margin:5px;
}



#feld_grau{
width:960px;
height:750px;
background-color:#333;
background-repeat:no-repeat;
text-align:left;
float:left;
font-size:12px;
}


#navigation-block
{width:400px;
margin-left:280px;
margin-right:auto;
height:600px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 30px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 312px;
	height:70px;
	padding: 5px 5px;
	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #333;
	background:#333 url(heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #666;
	background:#fff;
	text-decoration: none;
	border:1px solid;
	border-color:#f1f1f1;
	font-size:13px;
}

ul#sliding-navigation li.sliding-element a:hover { color: #F09; }

.magenta { color: #F09}

.small { font-size:8pt;}

.headline {font-size: 14px; font-weight: bold; color:#F09}

.big {font-weight:bold;}

.magentaref { font-size:9pt; color: #F09; text-decoration:none;}

.smallref { font-size:8pt; font-weight:normal; font-text-decoration:none;}


smallref:hover {
  color: #F09;
  text-decoration: none;
}

.form {
 /* steht hier nochmal für die TEXTAREA */
  font-size: 13px;
  color: #647879;
  width: 240px;
  background-color: #FFFFFF;
  border-top: 1px #647879 solid;
  border-right: 1px #647879 solid;
  border-bottom: 1px #647879 solid;
  border-left: 1px #647879 solid;
}

.formsmall {
 /* steht hier nochmal für die TEXTAREA */
  font-size: 13px;
  color: #647879;
  width: 50px;
  background-color: #FFFFFF;
  border-top: 1px #647879 solid;
  border-right: 1px #647879 solid;
  border-bottom: 1px #647879 solid;
  border-left: 1px #647879 solid;
}


.formrequired {
 /* steht hier nochmal für die TEXTAREA */
  font-size: 13px;
  color: #647879;
  width: 240px;
  background-color: #FFFFFF;
  border-top: 1px #DE0029 solid;
  border-right: 1px #DE0029 solid;
  border-bottom: 1px #DE0029 solid;
  border-left: 1px #DE0029 solid;
}

.formsmallrequired {
/* steht hier nochmal für die TEXTAREA */
  font-size: 13px;
  color: #647879;
  width: 50px;
  background-color: #FFFFFF;
  border-top: 1px #DE0029 solid;
  border-right: 1px #DE0029 solid;
  border-bottom: 1px #DE0029 solid;
  border-left: 1px #DE0029 solid;
}

.formbutton {

  font-size: 13px;
  color: #FFFFFF;
  width: 80px;
  background-color: #647879;
  border-top: 1px #647879 solid;
  border-right: 1px #647879 solid;
  border-bottom: 1px #647879 solid;
  border-left: 1px #647879 solid;
}

#maxi {
	display: none;
}
#textheft {
	display: none;
}
#covercard {
	display: none;
}
#inlaycard {
	display: none;
}
#dvd {
	display: none;
}
#keindruck {
    display: block;
}
#keineDrucksachen {
    display: none;
}
#exp_ohneVerp {
    display: none;
}
#exp_mitVerp {
    display: none
}
#exp_tab {
    display: none
}

.linie {
border:#EEE 1px solid;
margin:3px 0px 12px 0px;
}

.fehler {
  color: red;
  font-weight:bold;
}

#d_verp_img {
  height:1px;
  width:1px;
  position:relative;
  top:0px;
  left:0px;
}

#verp_img {
  position:absolute;
  top:10px;
  left:620px;
}

.d_druck_img {
  height:1px;
  width:1px;
  position:relative;
  top:0px;
  left:0px;
  margin-bottom:10px;
}

.d_inlay_img {
  height:1px;
  width:1px;
  position:relative;
  top:0px;
  left:0px;
  margin-bottom:40px;
}

.d_druck_img img{
  /*border:1px solid red;*/
  left:520px;
}

.d_inlay_img img{
  /*border:1px solid red;*/
  left:520px;
}

#ccth_img {
  position:absolute;
  top:-30px;
}

#inlaycard_img {
  position:absolute;
  top:0px;
}

#inlaycarddvd_img {
  position:absolute;
  top:0px;
  display:none;
}

#datenlieferung_tab {
  border:1px solid #333333;
  padding:3px 3px 6px 3px;
  margin-bottom:5px;
}

.img-rounded {
  border-radius: 0.5rem;
}