* { margin: 0px; padding: 0px; font-family: Verdana, "Helvetica Neue", Arial; font-size: 12px; }
html { }
html, body { height: 100%;	min-height: 100%; }
table, img, th, td { border: 0px; }

a { color: #333; text-decoration: underline; }
a:hover { text-decoration: none; }

input[type=text], input[type=password], textarea { border: 1px solid #e5e5e5; outline-color: #ffa500; }

.clear { clear: both; }

#container {
	min-height:100%;
	position:relative;
}

body {
	background: #d1d3d4;
}

#body {
	padding: 20px 0 20px;	/* Height of the footer */
	overflow: hidden;
	background: #fff;
}


#wrapper { 
	position: relative; 
	width: 980px;
	margin: auto;
	background: url(../images/layout/body-bg.png) no-repeat top center;
}

#wrap { 
	width: 960px;
	margin: auto;
}

#header {
	background: no-repeat;
	position: relative;
	padding-top: 215px;
}
#header h1 { padding: 0; }
#header h1 a { text-decoration: none; }
#header h1 a span { visibility:hidden; }
/*
#header a#btn_logo { background: url(../images/layout/gelato-solutions-logo.png) no-repeat;
position: absolute; display: block; width: 617px; height: 170px; top: 25px; right: 0; }
*/

#header a#btn_logo { background: url(../images/layout/logo-hover.png) no-repeat top;
position: absolute; display: block; width: 617px; height: 178px; top: 25px; right: 0; }
#header a#btn_logo.white { background: url(../images/layout/logo-hover-white.png) no-repeat top; height: 170px }
#header a#btn_logo:hover { background-position: bottom; }

#header #topMenu {
	position: absolute;
	top: 6px;
	right: 0;
	padding: 10px 10px 0 0;
}

#header #topMenu ul {
	list-style: none;
}

#header #topMenu ul li {
	float: left;
	padding-right: 15px;
	
}

#header #topMenu ul li a {
	text-decoration: none;
	color: #a48686;
}

#header #topMenu ul li#select a {
	text-decoration: underline;
	color: #564b4b;
}

#header #topMenu ul li a:hover {
	text-decoration: underline;
}

#nav { height: 95px; background: #ccc; position: relative; background: url(../images/layout/nav-top-bg.png) top repeat-x #0d0d0d; }
#nav ul { list-style: none; padding-left: 4px; }
#nav ul li { float: left;}
#nav a { color: #fff; text-decoration: none; }
#nav a:hover { text-decoration: underline; }
#nav ul#highlight { overflow: hidden; padding: 10px; }
#nav ul#highlight li { display: block; width: 77px; margin-right: 10px; text-align: center; }
#nav ul#highlight a.image { display: block; height: 60px; margin-bottom: 3px; border: 1px solid transparent; }
#nav ul#highlight a.image:hover { border: 1px solid #fff; }
#nav ul#highlight li.active a.image { border: 1px solid #fff; }
#nav ul#highlight li.active a.name { text-decoration: underline; }


#nav ul.right { position: absolute; right: 0; top: 10px; width: 320px; }
#nav ul.right li { padding: 0 20px 5px 0; }
#nav ul.right li a { text-decoration: none; }
#nav ul.right li a:hover { text-decoration: underline; }
#nav ul.right li.active a { text-decoration: underline; }

#nav-sub { background: url(../images/layout/nav-bot-bg.png); height: 30px; }
#nav-sub a { color: #ffc5b9; text-decoration: none; line-height: 30px; }
#nav-sub a:hover { color: #fff; text-decoration: underline; }
#nav-sub ul { list-style: none; }
#nav-sub ul li { float: left; padding: 0 7px; }
#nav-sub ul li ul { display: none; }
#nav-sub li.active { background: url(../images/layout/nav-bot-active-bg.png); }
#nav-sub li.active a { color: #fff; text-decoration: underline; }


#sidebar-left-image { float: left; width: 280px; margin-right: 20px; }
#sidebar-left-image img { width: 280px; }
#content-left { float: left; width: 600px; }

#sidebar-left {
	float: left;
	width: 190px;
	margin: 0 30px 20px 0;
}

#sidebar-left #sidebar-nav li.head { padding: 5px 10px; border: none; border-bottom: 2px solid #000;  }
#sidebar-left #sidebar-nav li.head h2 { padding: 0; font-size: 18px; }

#sidebar-left ul#sidebar-nav { list-style: none; background: #eee; }
#sidebar-left ul#sidebar-nav li { border-top: 1px solid #dedede; }
#sidebar-left ul#sidebar-nav li a { 
	display: block; 
	padding: 10px 5px 10px 21px;
	text-decoration: none;
	color: #0d0d0d;
}
#sidebar-left ul#sidebar-nav li.active a {
	background: url(../images/layout/li-block.png) no-repeat 10px 14px;
}
#sidebar-left ul#sidebar-nav li a:hover, #sidebar-left ul#sidebar-nav li.active a:hover {
	background-color: #f7f7f7;
}


#content {
	float: left;
	min-height: 400px;
	width: 730px;
	line-height: 18px;
}
#content.full {
	padding: 0 20px;
	width: 920px;
	min-height: 400px;
	line-height: 18px;
}


#content ul { list-style: none; padding-bottom: 10px; }
#content ul li { background: url(../images/layout/li-block-green.png) no-repeat 0 9px; padding: 3px 20px 3px 15px; }
/*#content ul li { background: url(../images/layout/vinkje.png) no-repeat 0 4px; padding: 3px 20px 3px 20px; }*/
#content ol li { padding: 3px 0 3px 0px; }


#body ol { padding-left: 20px; }
#body th { text-align: left; }
h2 { font-size: 14px; padding-bottom: 10px; }
h3 { font-size: 12px; padding-bottom: 5px; }
h2 span { display: none; }

#contentLeft {
	float: left;
	width: 455px;
}

/* rightBox */
#rightBox {
	width: 200px;
	min-height: 300px;
	float: left;
	padding-bottom: 20px;
}

#footer {
	position: absolute;
	bottom: 0;
	height: 20px;
	min-width: 980px;
	width: 100%;
	/*background: url(../images/layout/bg_footer.png) repeat-x;*/
}

#footer .content {
	width: 960px;
	margin: 0 auto 0;
	padding: 10px;
}

/*#login { position: relative; padding: 8px; background: url(../images/layout/bg_login.png) repeat-x #fff; border: 1px solid #c2c2c2; } */ /*f5680e*/
#login { position: relative; padding: 8px; background: url(../images/layout/bg_logo_login.png) no-repeat #fff top right; border: 1px solid #c2c2c2; }
#login h1 { font-size: 14px; font-weight: normal; }
#login p { padding-bottom: 5px; }
#login input[type=text], #login input[type=password] { 
	display: inline-block; 
	width: 100px; 
	border: 1px solid #f26722; 
	padding: 3px 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
#login input#username { letter-spacing: 1px; width: 170px; }
#login input#password { letter-spacing: 1px; margin-right: 5px; }
#login a { color: #413420; }
#login a:hover { text-decoration: underline; }
#login a#register { margin-right: 15px; }
#login a#logout { position: absolute; display: block; top: 0; right: 0; padding: 10px 5px 0 0; font-weight:bold; }
#login ul { list-style: none; }
#login ul li { padding: 2px 0; }
#login button { padding: 4px; }

#content img { 
	padding: 5px; 
	background: #fff; 
	border: 1px solid #ccc; 
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.20) 0 0 5px;
}

#content .quotation-products img,
#legenda img,
#products img,
#sidebar-left-image img,
#content img.noshadow {
	padding: 0; 
	border: none; 
	border-radius: 0;
	box-shadow: none;
}
#sidebar-left-image img {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,0.20) 0 0 5px;
	-webkit-box-shadow: rgba(0,0,0,0.20) 0 0 5px;
}

h1 { font-size: 24px; font-weight: bold; color: #000; padding-bottom: 15px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }
h2, h3, h4, h5, h6 { font-weight: bold; color: #333; padding-bottom: 10px; }
p { padding-bottom: 10px; }


.errorMsg { color: #b20202; }

.pageImg { float: left; display: inline-block; margin: 0 15px 5px 0; }


/* */
div#echo { background: #ff0000; color: #ffffff; padding: 10px; }

/* products */


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#crumb { padding: 10px 0 15px; color: #303030; }
#crumb a { display: inline-block; padding: 0 3px; color: #707070; text-decoration: none; }
#crumb a.first { padding-left: 0; }
#crumb a:hover { color: #303030; text-decoration: underline; }



.slideshow { margin-left: 10px; width: 940px; height: 360px; overflow: hidden; line-height: 0;
	-moz-box-shadow: rgba(0,0,0,0.20) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.20) 0 0 8px; }

.home-bottom { margin-top: 20px; width: 960px; height: 200px; list-style: none; }
.home-bottom li { width: 300px; height: 180px; float: left; margin-left: 20px; 
	-moz-box-shadow: rgba(0,0,0,0.20) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.20) 0 0 8px; }
.home-bottom li:first-child { margin-left: 10px; }

#orderlist { width: 100%; border-collapse: collapse; }
#orderlist th { text-align: left; }
#orderlist td, #orderlist th { padding: 4px 5px 4px 5px; }
#orderlist tr { padding: 2px 10px 2px 2px; }

#orderlist thead { background: #f66809; color: #fff; border-bottom: 1px solid #fff; }
#orderlist th.amount { width: 70px; }
#orderlist th.artikelnr { width: 80px; }
#orderlist th.price { width: 140px; }
#orderlist th.price_total { width: 80px; }
#orderlist th.del { width: 30px; }
#orderlist tbody tr { background: #ffdec8; border-bottom: 1px solid #fff; }
#orderlist tbody.products tr:hover { background: #fff; }
#orderlist input.amount { width: 30px; padding: 2px 3px; text-align: right; }
#orderlist td.price, #orderlist td.del { text-align: right; }
/*
#orderlist tbody tr:nth-child(even) {background: #c2c2c2}
#orderlist tbody tr:nth-child(odd) {background: #aaa}
*/

#orderlist tfoot input#submit_amount { border: 1px solid #CCCCFF; padding: 2px 4px; background: #f66809; color: #fff; }
#orderlist tfoot input#submit_amount:hover { border: 1px solid white; }
#orderlist tfoot td.total { font-weight: bold; }; }
#orderlist tfoot tbody tr:hover { background: none; }

#orderview { width: 600px; border-collapse: collapse; }
#orderview th { text-align: left; }
#orderview td, #orderview th { padding: 4px 5px 4px 5px; }
#orderview tr { padding: 2px 10px 2px 2px; }

#orderview thead { background: #c2c2c2; }
#orderview th.amount { width: 70px; }
#orderview th.artikelnr { width: 80px; }
#orderview th.price { width: 80px; }
#orderview tbody tr { border-bottom: 1px solid #c2c2c2; }
#orderview input.amount { width: 30px; padding: 2px 3px; text-align: right; }
#orderview td.price { text-align: right; }

/* fieldstyle */
/*
.fieldstyle { padding: 20px 0; line-height: 12px; }
.fieldstyle label { 
	display: inline-block; 
	width: 100px;
	padding-top: 6px;
	vertical-align: top;
	color: #000;
}
.fieldstyle label.content { width: auto; padding: 0 10px 0 0; }

.fieldstyle form p { padding: 0; margin-bottom: 5px; }

.fieldstyle input[type="text"], .fieldstyle input[type="password"], .fieldstyle textarea {
	vertical-align: top;
	display: inline-block; 
	width: 350px; 
	padding: 5px 7px;
	margin-right: 5px;
	background: #fcfcfc;
	border: 1px solid #c2c2c2;
	letter-spacing: 1px;
	outline: none;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
}

.small input[type="text"], .small input[type="password"] {
	width: 200px;
}

.fieldstyle input:hover, .fieldstyle textarea:hover,
.fieldstyle input:focus, .fieldstyle textarea:focus, .fieldstyle button.submit:hover {
 border-color:  #c9c9c9;
 -moz-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
 -webkit-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
}


.fieldstyle input[type="text"]:hover,
.fieldstyle input[type="password"]:hover,
.fieldstyle textarea:hover { background-color: #fcfcfc; border: 1px solid #636363; }
.fieldstyle input[type="text"]:focus,
.fieldstyle input[type="password"]:focus,
.fieldstyle textarea:focus { background-color: #fff; border: 1px solid #444448; }

.fieldstyle input[type="text"].error, .fieldstyle input[type="password"].error, .fieldstyle textarea.error { background-color: #ffc2c2; border: 1px solid #b20202; }
.fieldstyle input[type="text"].error:focus, .fieldstyle textarea.error:focus { border: 1px solid #444448; }

.fieldstyle button.submit { 
	padding: 5px 10px; 
	margin-left: 100px; 
	background: #c2c2c2; 
	border: 1px solid #c3c3c3; 
	color: #363636; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
	cursor: pointer;
}
.fieldstyle button.submit:hover { background: #3e3e3e; color: #ffffff; border: 1px solid #c2c2c2; }

.fieldstyle span.error { 
	padding-top: 0px; 
	display: inline-block; 
	background: url(../images/layout/cross.png) no-repeat bottom; 
	width: 16px; 
	height: 21px;
	cursor: help;
}

label.required { background: url(../images/layout/label_required.gif) no-repeat 2px 8px; }
.style2 label { padding-left: 15px; width: 120px; }
.style2 input[type=text], .style2 input[type=password] { width: 300px; }

.style3 label { padding-left: 15px; width: 130px; }
.style3 input[type=text],.style3 input[type=password] { width: 300px; }
.style3 button.submit { margin-left: 145px; }

*/

#payment th { text-align: left; padding-right: 10px; vertical-align: top; }
#payment td.top { padding-top: 3px; vertical-align: top; }
#payment td { padding: 0 0 10px 0; }
#payment input { margin-right: 10px; }
#payment label.name { font-weight: bold; }



/* FORM STYLE */

/* form style */
.formstyle { padding: 10px 0;; }
.formstyle p { padding: 5px 0; /*border: 1px solid grey;*/ line-height: 25px; }
.formstyle p.error { background: #ffe6e6; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.formstyle .indent, .indent { padding-left: 120px; }

.formstyle label { display: inline-block; width: 110px; color: #333; padding-right: 10px; }
.formstyle p.top label { vertical-align: top; margin-top: 6px; }
.formstyle label.content { width: auto; margin-right: 15px; }
.formstyle label.required { background: url(../images/layout/label_required.gif) no-repeat 0 8px; }
.formstyle span.required { background: url(../images/layout/label_required.gif) no-repeat right 6px; padding-right: 8px; }

.formstyle input[type=text], .formstyle input[type=password], .formstyle textarea, .formstyle select { 
	margin-right: 10px;
	width: 336px;
	max-width: 336px;
	padding: 5px 7px;
	border: 1px solid #c2c2c2;
	background: #fcfcfc;
	outline: none;
}
.formstyle textarea { height: 150px; }
.formstyle option { padding: 0 7px; }

.formstyle input[type=text], .formstyle input[type=password], .formstyle textarea, .formstyle select {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
}

.formstyle input[type=text]:hover, .formstyle input[type=password]:hover, .formstyle textarea:hover, .formstyle button:hover,
.formstyle input[type=text]:focus, .formstyle input[type=password]:focus, .formstyle textarea:focus {
	-moz-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
}

.formstyle input[type=text]:hover,.formstyle input[type=password]:hover, .formstyle textarea:hover { 
	background-color: #fcfcfc; border: 1px solid #636363; 
}
.formstyle input[type=text]:focus, .formstyle input[type=password]:focus, .formstyle textarea:focus { 
	background-color: #fff; border: 1px solid #444448; 
}

.formstyle input[type=text].error, .formstyle input[type=password].error, .formstyle input[type=file].error, .formstyle textarea.error, .formstyle select.error { 
	background-color: #ffc2c2; border: 1px solid #b20202; 
}
.formstyle input[type=text].error:hover, .formstyle input[type=password].error:hover, .formstyle input[type=file].error:hover, .formstyle textarea.error:hover, .formstyle select.error:hover { 
	background: #ffe6e6; 
}
.formstyle input[type=text].error:focus, .formstyle input[type=password].error:focus, .formstyle input[type=file].error:focus, .formstyle textarea.error:focus, .formstyle select.error:focus { 
	border: 1px solid #444448;  
	background: #ffe6e6; 
}

.formstyle button, a.button, input.button {
	display: inline-block;
	padding: 5px 10px;
	background: #c2c2c2; 
	border: 1px solid #c3c3c3; 
	color: #363636; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
  	-webkit-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
	cursor: pointer;
	text-decoration: none;
}
.formstyle button:hover, a.button:hover, input.button:hover { background: #3e3e3e; color: #ffffff; border: 1px solid #c2c2c2; }


span.error { margin-left: -5px; display: inline-block; background: url(/images/icons/cross.png) no-repeat; width: 21px; height: 16px; position: relative; cursor: help; vertical-align: top; }
span.error .content { position: relative; width: 200px; margin-top: -5px; display: none; position: absolute; background: #B20202; color: #fff; top: 0; left: 21px; border-radius: 0px; padding: 5px 7px; line-height: 15px; cursor: default; z-index: 1; }
span.error .content a { color: #fff; }
span.error .content span.arrow { position: absolute; top: 6px; left: -6px; background: url(/images/admin/error-arrow.png) no-repeat; height: 14px; width: 7px; }
span.error:hover .content { display: block; }
span.error .content.show { display: block; }


span.information { display: inline-block; margin: 0; background: url(/images/icons/information.png) no-repeat; width: 21px; height: 16px; position: relative; cursor: help; vertical-align: top; }
span.information:hover .content { display: block; }
span.information .content { width: 200px; margin-top: -5px; display: none; position: absolute; background: #0cf; color: #fff; top: 0; left: 21px; border-radius: 4px; padding: 5px 7px; line-height: 14px; cursor: default; z-index: 100; }
span.information .left { position: absolute; top: 0; left: -217px; }

#content .formstyle p.linenormal { line-height: normal; }



.style2 label { padding-left: 10px; }
.style2 label.content { padding-left: 5px; }
.style2 input[type=text], .style2 input[type=password], .style2 textarea { width: 250px; }
.style2 select { width: 266px; }
.style2 .indent { padding-left: 120px; }

.style3 label { padding-left: 10px; width: 150px; }
.style3 label.content { padding-left: 5px; }
.style3 input[type=text], .style3 input[type=password], .style3 textarea { width: 250px; max-height: 300px; }
.style3 select { width: 266px; }
.style3 .indent { padding-left: 160px; }

.formstyle textarea.type1 { height: 60px; }
.formstyle span { display: inline-block; margin-right: 10px; }
.formstyle select.type2 { width: auto; }
.formstyle .ui-datepicker-trigger { cursor: pointer; }

p.error strong { color: #b20202; }


.formstyle div#error_message { 
	padding: 10px 20px;
	border: 1px solid #B20202; 
	margin-bottom: 10px;
	background: #ffe6e6; 
	z-index: 100;
}
.formstyle div#error_message h3 { font-size: 12px; color: #B20202; text-decoration: none; margin: 0; padding: 0; cursor: pointer; }
.formstyle div#error_message h3 span { font-style: italic; font-weight: normal; float: right; }
.formstyle div#error_message h3 span:hover { text-decoration: underline; }
.formstyle div#error_message a { color: #B20202; text-decoration: none; }
.formstyle div#error_message ul { list-style: none; margin: 10px 0 0; }
.formstyle div#error_message li { padding: 0 0 0 10px; background: url(/images/layout/usp-error.png) no-repeat 0 6px; color: #111; }

#success_message { border: 1px solid #00b300; padding: 1px; background: #fff; margin-bottom: 10px; }
#success_message .content { background: #00b300; padding: 10px 10px; color: #fff; font-weight: normal; }

#logout { padding: 10px 20px; border: 1px solid #B20202; background: #ffe6e6; margin: 0 10px 10px; font-weight: bold; text-align: center; }

.formstyle input.width30 { width: 30px; }
.formstyle input.width50 { width: 50px; }
.formstyle input.width70 { width: 70px; }
.formstyle input.width80 { width: 80px; }
.formstyle input.width90 { width: 90px; }
.formstyle input.width100 { width: 100px; }
.formstyle input.width110 { width: 110px; }
.formstyle input.width120 { width: 120px; }
.formstyle input.width150 { width: 150px; }
.formstyle input.width180 { width: 180px; }
.formstyle input.width200 { width: 200px; }

.formstyle input.width30 { width: 18px; }
.formstyle input.width50 { width: 38px; }
.formstyle input.width70 { width: 58px; }
.formstyle input.width80 { width: 68px; }
.formstyle input.width90 { width: 78px; }
.formstyle input.width100 { width: 88px; }
.formstyle input.width110 { width: 98px; }
.formstyle input.width120 { width: 108px; }
.formstyle input.width150 { width: 138px; }
.formstyle input.width180 { width: 168px; }
.formstyle input.width200 { width: 188px; }

.formstyle .width30 { width: 30px; }
.formstyle .width50 { width: 50px; }
.formstyle .width70 { width: 70px; }
.formstyle .width80 { width: 80px; }
.formstyle .width90 { width: 90px; }
.formstyle .width100 { width: 100px; }
.formstyle .width110 { width: 110px; }
.formstyle .width120 { width: 120px; }
.formstyle .width150 { width: 150px; }
.formstyle .width180 { width: 180px; }
.formstyle .width200 { width: 200px; }

.left { float: left; }

#newsletter { border: 1px solid #ccc; padding: 25px 10px 10px; margin-top: 10px; background: url(../images/layout/newsletter.png) no-repeat; }
#newsletter input { display: block; margin-bottom: 5px; }
#newsletter input[type=text] { padding: 2px 5px; width: 165px; border: 1px solid #c95b10; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* offerte */
.quotation-btn-1 { margin-bottom: 20px; overflow: hidden; }
.quotation-btn-2 { overflow: hidden; }
.quotation-btn-2 a { margin-bottom: 5px; }
.quotation-btn-2 a.left { float: left; }
.quotation-btn-2 a.right { float: right; }

.quotation-products { border-collapse: collapse; margin-bottom: 10px; border: 1px solid #333; width: 100%; }
.quotation-products .tr0 { background: #000; color: #fff;}
.quotation-products tr.tr0:hover { background: #000;}
.quotation-products tr:hover { background: #f0f0f0;}
.quotation-products th, .quotation-products td { padding: 2px 15px 2px 5px;}
.quotation-products th.weight { width: 150px; }
.quotation-products th.description { min-width: 500px; }
.quotation-products input { text-align: center; }
.quotation-products .amount { text-align: right; }
.quotation-products .footer td { padding-top: 10px; }

.quotation-data { border-collapse: collapse; margin-bottom: 20px; }
.quotation-data td { padding-right: 60px;}

.svd-player { width: 480px; }
.svd-player .svd-player-shadow { height: 23px; background: url(/images/layout/svd-player-shadow.png) no-repeat; }


#quotation-header { position: absolute; top: 5px; left: 5px; background: url(../images/layout/black-trans-bg.png); padding: 10px; color: #fff; -webkit-border-radius: 2px; }
#quotation-header a { color: #fff; font-weight: bold; text-decoration: underline; }
#quotation-header a:hover { text-decoration: none; }


.workshop { position: relative; min-height: 250px; background: url(/images/layout/workshop-form-bg2.jpg) no-repeat right bottom #000; border: 2px solid #5b5b5b; color: #fff; overflow: hidden; padding: 20px; border-radius: 8px; margin: 10px 0 20px; }
.workshop strong.pad10 { padding-left: 10px; color: #fff; }
.workshop h2 { color: #fff; }
.workshop p { padding: 0; margin-bottom: 10px; }
.workshop p:last-child { padding: 0; margin-bottom: 0; }
.workshop p.indent { padding-left: 130px; }
.workshop .left { margin-right: 50px; }
.workshop .formstyle label { padding-left: 10px; color: #fff; }
.workshop .formstyle input[type=text] { width: 200px; }
.workshop .organisatie { background: url(/images/layout/workshop-organisatie.png) no-repeat #000 right top; width: 340px; height: 90px; position: absolute; right: 10px; top: 58px; }

.font-14px, .font-14px span, .font-14px em, .font-14px a, .font-14px strong { font-size: 14px; }
.font-16px, .font-16px span, .font-16px em, .font-16px a, .font-16px strong { font-size: 16px; }
.font-18px, .font-18px span, .font-18px em, .font-18px a, .font-18px strong { font-size: 18px; }
.font-20px, .font-20px span, .font-20px em, .font-20px a, .font-20px strong { font-size: 20px; }

img[style="float: right;"] { margin-left: 15px; }
img[style="float: left;"] { margin-right: 15px; }

.actie-keuze { margin-bottom: 10px; border: 2px solid #ccc; border-radius: 5px; width: 350px; float: left; margin-right: 20px; padding: 20px 20px 165px 20px; min-height: 110px; }
.holder.error .actie-keuze { border: 2px solid #b20202; }
.actie-keuze:last-child { margin: 0; }	
.actie-keuze input[type=checkbox] { line-height: 18px; vertical-align: top; margin-top: 5px; }
.actie-keuze label { font-size: 18px; font-weight: bold; color: #ff0000; }
.actie-keuze p { font-style: italic; line-height: 14px; }
.actie-keuze.actie-1 { background: url(/images/layout/actie-1.jpg) #fff no-repeat right bottom; }
.actie-keuze.actie-2 { background: url(/images/layout/actie-2.jpg) #fff no-repeat right bottom; }
a.btn-actie { display: inline-block; background: #ff0000; padding: 10px 20px; color: #fff; border: 1px solid #000; border-radius: 3px;}
a.btn-actie:hover { background: #bb0000; }


/* BUNDLES */
#content #bundles li { background: none; border: 1px solid #208d39; width: 200px; float: left; margin: 0 20px 20px 0; padding: 0; text-align: left; }
#content #bundles h2 { font-size: 12px; min-height: 38px; padding: 0; vertical-align: middle; display: block; }
#content #bundles h2 a { display: block; padding: 5px 10px; color: #000; font-size: 12px; text-decoration: none; }
#content #bundles h2 a:hover { text-decoration: underline; }
/*
#content #bundles h2 { padding: 5px 10px; font-size: 12px; vertical-align: middle; display: block; }
#content #bundles h2 a { background: #ff3223; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; }
#content #bundles h2 a:hover { text-decoration: underline; background: #cf2518; }
*/
#content #bundles .content { padding: 25px 10px 5px; min-height: 60px; text-align: left; position: relative; }
#content #bundles .img-holder { height: 140px; display: block; text-align: center; }
#content #bundles img { max-width: 280px; max-height: 187px; margin: 5px 0; padding: 0; border: none; box-shadow: none; border-radius: 0; }
#content #bundles .more-info { display: block; background: #208d39; color: #fff; padding: 5px 10px; text-align: center; }
#content #bundles .more-info:hover { background: #17752d; }
#content #bundles .btn-order { display: block; background: #ff3223; color: #fff; padding: 5px 10px; text-align: center; text-transform: uppercase; }
#content #bundles .btn-order:hover { background: #cf2518; }
#content #bundles .price { position: absolute; top: 5px; right: 10px; font-weight: bold; font-size: 14px; float: right; height: 20px; display: inline-block; }


#footer-info { padding: 10px 20px; text-align: center; background: #000; border-top: 1px solid #999; color: #ccc; }
#footer-info a { color: #ccc; }

#btn-header { background: url(/images/layout/btn-header.png) no-repeat top; position: absolute; top: 70px; left: 20px; display: inline-block; width: 205px; height: 63px; line-height: 59px; font-size: 20px; color: #fff; text-align: center; text-decoration: none; }
#btn-header:hover { background-position: bottom; }