@charset "utf-8";
/* CSS Document */


/*Allgemein*/
img										{border:none;}
body 									{background-color: #fff; color:#000; font-family: 'Open Sans', sans-serif, Arial; padding:0; margin:0;}
a										{color:#000; text-decoration:none;}
a:hover, a:active 						{text-decoration:underline;}

    
article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video 	{display: block;}



/*Login-Box*/
header.login							{position:relative; z-index:100; margin:auto; margin-top:100px; 
										background:url(../img/printeffect.png) right bottom no-repeat; width:520px; height:200px;}
section.login							{position:relative; z-index:100; width:460px; height:170px; background:#252525; padding:30px; margin:auto; margin-top:15px; color:#fff;									
										background: -moz-linear-gradient(top, #4B4B4B 0%, #252525 100%) no-repeat; /* FF3.6+ */
										background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4B4B4B), color-stop(100%,#252525)); /* Chrome,Safari4+ */
										background: -webkit-linear-gradient(top, #4B4B4B 0%,#252525 100%); /* Chrome10+,Safari5.1+ */
										background: -o-linear-gradient(top, #4B4B4B 0%,#252525 100%); /* Opera11.10+ */
										background: -ms-linear-gradient(top, #4B4B4B 0%,#252525 100%); /* IE10+ */
										filter: 	progid:DXImageTransform.Microsoft.gradient( startColorstr='#4B4B4B', endColorstr='#252525',GradientType=0 ); /* IE6-9 */
										background: linear-gradient(top, #4B4B4B 0%,#252525 100%); /* W3C */}


/*Formular Allgemein*/
input, label, select					{float:left; display:block; width:240px; font-family: 'Open Sans', sans-serif, Arial; font-size:14px;}
input, textarea, select					{margin-bottom:20px; width:200px;  border:#F0F0F0 1px solid; padding:5px;
										background: -moz-linear-gradient(top, #F9F9F9 0%, #F0F0F0 100%) no-repeat; /* FF3.6+ */
										background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#F0F0F0)); /* Chrome,Safari4+ */
										background: -webkit-linear-gradient(top, #F9F9F9 0%,#F0F0F0 100%); /* Chrome10+,Safari5.1+ */
										background: -o-linear-gradient(top, #F9F9F9 0%,#F0F0F0 100%); /* Opera11.10+ */
										background: -ms-linear-gradient(top, #F9F9F9 0%,#F0F0F0 100%); /* IE10+ */
										filter: 	progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#F0F0F0',GradientType=0 ); /* IE6-9 */
										background: linear-gradient(top, #F9F9F9 0%,#F0F0F0 100%); /* W3C */}
#submit									{text-align:left; margin-left:240px; width:210px; border:#f0f0f0 1px solid;}

#submit:hover,
input:focus,
input:hover,
textarea:hover,
textarea:focus,
select:focus,
select:hover,
.error									{border:#0C0 1px solid;}
.agb.error								{outline:#0C0 1px solid;}
.error_msg								{color:#0C0; font-weight:bold;}

input#street							{width:260px; margin-right:10px;}
input#street_nr							{width:68px;}
input#city								{width:260px;}
input#postcode							{width:68px; margin-right:10px;}
input#contact_fn						{width:164px; margin-right:10px;}
input#contact_ln						{width:164px;}


/*Formular Backend*/
article textarea						{width:350px; height:250px; font-family: 'Open Sans', sans-serif, Arial; font-size:12px;}
article input,
article select							{width:350px; margin-right:200px;}
article #submit							{width:365px;}	
.star									{color:#0C0;}


/*Struktur*/
header, 
nav,
section,
footer									{margin: auto; width:950px; position:relative; z-index: 100; }
header									{width: 950px; height: 67px; margin-top:50px; background:url(../img/head.png);}
nav										{width: 650px; padding: 20px; height:22px; float:left; padding-top:25px;}
section									{margin-top:20px; }
footer									{font-size:12px; margin-top:10px;}


/*Navigation*/
nav ul									{list-style-type:none; margin:0; padding: 0;}
nav li									{margin-right:20px; float:left;}
nav li a								{color:#FFF; font-weight:bold; font-size:12px; text-transform:uppercase;}
nav li a:hover,
nav li a:focused,
nav li a:active							{text-decoration:underline;}


/*Tabellen*/
table									{width:860px;}
th										{text-align:left; color:#252525; padding:10px; font-weight:bold; font-size:14px;										
										background: -moz-linear-gradient(top, #F9F9F9 0%, #F0F0F0 100%) no-repeat; /* FF3.6+ */
										background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#F0F0F0)); /* Chrome,Safari4+ */
										background: -webkit-linear-gradient(top, #F9F9F9 0%,#F0F0F0 100%); /* Chrome10+,Safari5.1+ */
										background: -o-linear-gradient(top, #F9F9F9 0%,#F0F0F0 100%); /* Opera11.10+ */
										background: -ms-linear-gradient(top, #F9F9F9 0%,#F0F0F0 100%); /* IE10+ */
										filter: 	progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#F0F0F0',GradientType=0 ); /* IE6-9 */
										background: linear-gradient(top, #F9F9F9 0%,#F0F0F0 100%); /* W3C */}
										
td										{font-size:12px; text-align:left; padding:8px;}


/*Title*/
h1										{font-size:20px;}


/*Article*/
article.title							{border:none; padding:0; background:none;}
article									{border:1px #F0F0F0 solid; padding:10px; font-size:14px; overflow:hidden; background:#FFF;}
article ul								{list-style-image:url(../img/pdf.png);}
article ul li							{margin-left:15px; margin-bottom:15px; vertical-align:middle;}
article ul a,
article ul a:hover 						{color:#000;}

/*Bilddaten*/
img.add									{margin-left:5px;}


/*Kalkulator*/
fieldset								{border: 1px solid #f0f0f0; margin-top:20px;}
legend									{font-weight:bold; margin-bottom:10px;}

fieldset input,
fieldset label,
fieldset select,
input.submit							{padding:2px; font-size:12px; margin-bottom:10px;}

fieldset input.iconmini,
fieldset select.iconmini				{margin-right:10px; float:left;}

fieldset input#street					{width:260px; margin-right:10px;}	
fieldset input#street_nr				{width:74px;}
fieldset input#city						{width:260px;}
fieldset input#postcode					{width:74px; margin-right:10px;}
fieldset input#contact_fn				{width:167px; margin-right:10px;}
fieldset input#contact_ln				{width:167px;}

fieldset input#li_street				{width:260px; margin-right:10px;}	
fieldset input#li_street_nr				{width:74px;}
fieldset input#li_city					{width:260px;}
fieldset input#li_postcode				{width:74px; margin-right:10px;}
fieldset input#li_contact_fn			{width:167px; margin-right:10px;}
fieldset input#li_contact_ln			{width:167px;}

fieldset input#ab_street				{width:260px; margin-right:10px;}	
fieldset input#ab_street_nr				{width:74px;}
fieldset input#ab_city					{width:260px;}
fieldset input#ab_postcode				{width:74px; margin-right:10px;}
fieldset input#ab_contact_fn			{width:167px; margin-right:10px;}
fieldset input#ab_contact_ln			{width:167px;}

fieldset input#paletts					{width:167px; margin-right:10px;}
fieldset input#totalweight				{width:167px;}
fieldset img							{margin-right:50px; float:left; float:left; padding:2px 0; width:18px; margin-bottom:14px;}

article select							{width:356px;}
fieldset textarea						{width:340px;}
input.agb								{margin-left:-1px; border: none; width:auto;}
input.submit#submit						{margin-left:256px; width:355px; margin-top:10px;}					


/*Easy Tool-Tip*/
#easyTooltip							{margin:0 10px 1em 0; width:250px; padding:8px;	background:#fcfcfc;	border:1px solid #e1e1e1; position:relative; z-index:200;}
#easyTooltip h3							{margin:0 0 .5em 0; font-size:12px; font-weight:bold;}	
#easyTooltip p							{margin:0 0 .5em 0;  font-size:12px;}				
#siebe_l,
#liefertermin_l,
#papiere_l,
#auflage_l,
#format_l,
#veredlung_l,
#seiten_l,
#paletten_l								{display:none;}

/*Diverse Hacks*/
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 fieldset input.iconmini,
 fieldset select.iconmini				{float:left; margin-bottom:5px; }
}

/* IE8, FF, Saf, Opera (Everything but IE 6,7) */
html>/**/body fieldset input.iconmini,
html>/**/body fieldset select.iconmini 	{margin-right:60px; float:left;}
html>/**/body fieldset					{padding: 5px;}

/* IE7 */
html>body fieldset input.iconmini,
html>body fieldset select.iconmini 		{margin-right:60px; float:left;}
html>body fieldset						{padding: 5px;}

/*Footer*/
footer span								{font-size:10px;}

/*Intro Design*/
article.claim							{color:#999; font-size:26px; padding:0; padding-top:40px; border:none;}
.flower									{position:absolute; height:124px; width:148px; background:url(../img/intro_flower.png) no-repeat; top:-66px; left:-73px; z-index:99; border:none; }
.flower									{background:none\9; left:-500px\9; height:-500px\9;}
.butterfly								{position:absolute; height:138px; width:87px; background:url(../img/intro_butterfly.png) no-repeat; top:0px; left:450px; z-index:200; border:none; }

/*Panel Design*/
.input									{min-height:800px;}
.sideflower								{position:absolute; height:650px; width:275px; background:url(../img/sideflower.png) no-repeat; top:137px; left:860px; z-index:200;}
.butterfly2								{position:fixed; height:158px; width:112px; background:url(../img/butterfly2.png) no-repeat; top:450px; left:30px; z-index:40; border:none; }