/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: none; }
:focus { outline: 0; }
body { line-height: 1; }
ul, ol 	{ font-family: Arial; font-size: 11px; color: #333333; line-height: 17px; margin-left: 15px; padding-left: 15px;}
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

/* MAIN CSS */
* html { height:100%; overflow-x: hidden; }
body { font-family:Arial; font-size:11px; color:#333333; overflow-x: hidden; }

.clear { content:"."; clear:both; height:0px; display:block; overflow:hidden; }
.bgBig	{ width:1800px; min-height:740px; background-image:url(/img/bg.jpg); background-position:top; background-repeat:no-repeat; position:absolute; margin-left:-900px; left:50%;}
.container { margin:0 auto; width:980px; }
p {	font-family: Arial;	font-size: 11px; color: #333333;	line-height: 17px; }
p.reporting { color:#ed291d; }
a {	color: #000000; }
a:hover { color: #000000; }
input, textarea, select, button{ font-family: Arial; font-size: 12px; }

h1, h3	{ font-family:Arial; color:#FFF; line-height:26px; height:26px; font-size:20px; }
h2	{ font-family:Arial; color:#FFF; line-height:26px; height:26px; font-size:20px; }

h5	{ font-family:Arial; color:#ed291d; line-height:26px; height:26px; font-size:16px; }
h6	{ font-family:Arial; color:#FFF; line-height:16px; height:16px; font-size:14px; }

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

.top { width:980px; height:120px; margin-bottom:20px; }
.logo	{ float:left; margin-top:15px; position:relative; z-index:99999; }

.cleft	{ width:310px; float:left; }
.leftNews	{ width:250px; padding:0 40px 20px 20px; }
.nieuwsKort	{ color:#7c7c7c; }
.nieuwsKort a	{ color:#7c7c7c; }
.mainmenu	{ width:265px; height:220px; background-image:url(/img/menubg.png); background-position:top left; background-repeat:no-repeat; padding:30px 0 0 45px; }
.cright	{ width:670px; float:left; overflow:hidden; }
.dotline	{ width:270px; height:20px; background-image:url(/img/dotline.gif); background-repeat:no-repeat; margin-top:20px; }
.contactLeft	{ width:270px; background-image:url(/img/telephone.png); background-repeat:no-repeat; height:260px; }

.homeMovie	{ width:650px; height:420px; background-color:#000; padding:10px; }
.pageHeader	{ width:650px; height:160px; background-color:#000; padding:10px; margin-bottom:10px; }
.scrollHeader	{ width:650px; height:110px; margin-bottom:10px; padding:10px; }
.refBlok	{ margin:0 20px 20px 0; }
.mainContent	{ width:630px; padding:20px; }
.bottom		{ width:630px; margin-left:310px; padding:20px; color:#c5c5c5; text-align:right; }
.bottom	a	{ color:#c5c5c5; text-decoration:none; }
.bottom	a:hover	{ color:#c5c5c5; text-decoration:underline; }

.infobtn	{ width:217px; height:18px; background-image:url(/img/btnbg2.gif); padding:7px 0 0 28px; color:#FFF; margin-bottom:10px; }
.infobtn2	{ width:152px; height:18px; background-image:url(/img/btnbg.gif); padding:7px 0 0 28px; color:#FFF; margin-bottom:10px; }
.infobtnsmall { width:102px; height:18px; background-image:url(/img/btnbg3.gif); padding:7px 0 0 28px; color:#FFF; margin-bottom:10px; float:left; margin-right:10px; }
.infobtn a, .infobtn2 a, .infobtnsmall a	{ text-decoration:none; color:#FFF; }
.infobtn a:hover, .infobtn2 a:hover, .infobtnsmall a:hover	{ text-decoration:underline; color:#FFF; }
input.infobtn2	{ width:152px; height:18px; background-image:url(/img/btnbg.gif); padding:7px 0 0 28px; color:#FFF; margin-bottom:10px; color:#FFF; border:none; }
.cformFields	{ width:274px; padding:6px; margin-top:2px; font-size:12px; color:#000000; background-image:url(/img/frm.gif); background-repeat:repeat-x; border:1px solid #666666; }

.eshopblokleft { width:295px; height:130px; margin-bottom:20px; padding:0 10px 10px 0; display:block; overflow:hidden; float:left; border-right:#000 1px solid; }
.eshopblokright { width:295px; height:130px; margin-bottom:20px; padding:0 0 10px 10px; display:block; overflow:hidden; float:left; }

.eshopblok img { float:left; margin-right:10px; }

#accordion a.latenzien { display:block; border-bottom:1px solid #CCC; line-height:24px; cursor:pointer; }
#accordion a.latenzien:hover { color:#ed291d; }
#accordion div { padding:10px; }


.scroll-pane { width: 270px; height: 210px; overflow: auto; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #ccc; }
.jScrollPaneDrag { position: absolute; background: #aaa; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute;  top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom {  position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover {  /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

.mainContent .products ul { list-style-type:none; margin:0; padding:0; }
.mainContent .products ul li { float:left; margin-bottom:20px; }
.mainContent .products ul li a { width:280px; height:120px; display:block; border:1px solid #cbd6dc; padding:10px; text-decoration:none; }
.mainContent .products ul li a .imgbox {  display:block; margin-right:5px; clear: left; float: left; }
.mainContent .products ul li a .cb { clear:both; }
.mainContent .products ul li a p { color:#000; text-align:left; line-height:20px; width: 160px; float: right; }
.mainContent .products ul li a:hover {border:1px solid #b63a7b; background:#ed291d; }
.mainContent .products ul li a:hover p{color:#fff; }