@import 'fonts/stylesheet.css';

/*** Colaert - CSS File ***/


/*** GLOBAL  ***/
html,body{height:100%; min-height:100%}
body {		
	font-family:Arial, Tahoma, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#656253;
	line-height:20px;
	background: #D5D5D5 url(../images/fond.png) no-repeat center 0;
}
 
		
* {
	margin:0;
	padding:0;
}

*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}

hr {
	border: 0;
	color: #f2f2f2;
	background-color: #f2f2f2;
	height: 1px;
	margin:5px 0px 5px 0px;
	padding:0px;
}
*+html hr{margin:0px 0px 5px 0px;}

hr.dotted{background-image:url(../images/dotted-horizontal.gif) !important; border:0px; background-repeat:repeat-x;}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{
margin-bottom:12px; 
font-family: 'open_sanscondensed_light';
font-weight: normal;
font-style: normal;
color:#2d84b6}

h3, h4, h5, h6{margin-bottom:8px; font-family:Arial, Verdana; font-weight:normal; color:#2d84b6;  letter-spacing:-1px}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:22px; line-height:24px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px;}
/* links */
a, a:visited {color:#656253; text-decoration:none;}
a:hover{color:#656253; text-decoration:underline;}
a img{border:none}
.imgleft{float:left; margin-right:15px; margin-top:5px;}
.imgborder{padding:0px; margin:5px 0px;}
.imgright{float:right; margin-left:15px;}
.imgcenter{ margin:5px 0px 10px 0px; display:block; text-align:center}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	margin-bottom:0px;
}
ul, ol {
	margin:10px 0 20px 20px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
	
blockquote {
	font-size:12px;
	margin:20px 0 20px 0px;
	color:#6b6b6b;
	padding:15px 20px 10px 35px;
	background-image:none;
	line-height:20px;
	border-left:solid 5px #2d84b6;
	background-color:#f6f6f6;
	}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #e0e0e0;
	padding:15px 10px;
}

input, select { font-family: Arial, Tahoma, Verdana; font-size:12px;}

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#wrapper{width:100%;}
#container{width:940px; margin:0 auto; padding:0px 30px; background-color:#fff}

/* TOP */
#top{
	background:#FFF url(../images/topbg.jpg) no-repeat;
	height:200px; 
	width: 940px;
	border-top:solid 2px #2d84b6; 
	padding:px 0px 0px 0px;
	}
#logo h1, #logo h1 a, #logo h1 a:visited{font-size:62px; color:#2d84b6; padding:22px 0px 2px 0px;}
#logo h1 a:hover{text-decoration:none;}
.t1{color:#2d84b6;}
#logo .desc{color:#7a7a7a; font-size:16px; margin-right: 220px; margin-top: 87px; float: right;}
#logo .dpiatext{color:#7a7a7a; font-size:16px; margin-right: 120px; margin-top: 87px; float: right;}
#topnavigation{border-bottom:dotted 1px #7c7a6b; border-top:dotted 1px #7c7a6b;height:34px;}
#topnav{float:left; width:690px;}
#topnav ul{list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}
#topnav ul li{list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;color:#b9b9b9; background-image:url(../images/menu-separator.gif); background-repeat:no-repeat; background-position:0px 12px}
#topnav ul li li{padding:0px;}
#topnav ul li.home{background-image:none;}
#topnav ul li.active{border-top:solid 3px #2d84b6;}
#topnav ul li a, #topnav ul li a:visited{color:#000;}
#topnav ul li a:hover{color:#9fa1a2; text-decoration:none}
#language{text-align: right; width:250px; float:right; padding:7px 0px 0px 0px;}
#language form p{margin:0px;}
*+html #language {padding:5px 0px 0px 0px;}/* ie 7 only */
* html #language {padding:5px 0px 0px 0px;}/* ie 6 only */
.inputbox{border:solid 1px #c4c3ba; padding:2px 2px 2px 2px; margin-right:3px; vertical-align:middle; width:170px}

.inputbox2 {border:solid 1px #c4c3ba; padding:2px 2px 2px 2px; margin-right:3px; vertical-align:middle; width:80px}

.but{border:solid 1px #363637; font-family:Arial; font-size:11px; background-color:#656253; color:#fff; padding:2px 10px;  cursor:pointer; vertical-align:middle; text-transform:uppercase}
a.but, a.but:hover{text-decoration:none; color:#fff; padding:6px 10px !important}
*+html .but{padding:2px 3px 1px 3px !important;}/* ie 7 only */
* html .but{padding:2px 3px 1px 3px !important;}/* ie 6 only */

.but2{border:solid 1px #363637; font-family:Arial; font-size:11px; background-color:#656253; color:#fff; padding:2px 10px;  cursor:pointer; vertical-align:middle; text-transform:uppercase}
a.but2, a.but2:hover{text-decoration:none; color:#fff; padding:6px 10px !important}
*+html .but2{padding:2px 3px 1px 3px !important;}/* ie 7 only */
* html .but2{padding:2px 3px 1px 3px !important;}/* ie 6 only */

/* HEADER */
#header{height:350px; clear:left; margin:10px 0px 0px 0px; border-bottom:solid 1px #7c7a6b; position:relative}
#header-inner{background-image:url(../images/dotted-horizontal.gif); background-repeat:repeat-x; background-position:bottom; padding:5px 0px 20px 0px; margin-bottom: 10px;}
#header-inner h1.pagetitle{margin:0px; color:#444133; font-size:36px;}
#slideshow ul{margin:0px; padding:0px; list-style-type:none;}
#slideshow ul li{margin:0px; padding:0px; list-style-type:none;}

/* CONTENT */
#content{margin: 15px 10px 10px 0px; background-image:url(../images/bg-content.gif); background-repeat:repeat-y; width:940px}
#content-full{margin:20px 0px}
#content-left{width:640px; float:left;}
#content-right{width:290px; float:left;}
#maintext{padding:0px 0px 0px 0px}
ul.inline{list-style-type:none; padding:0px; margin:20px 0px 20px 0px}
ul.inline li{list-style-type:none; padding:0px; margin:0px 20px 0px 0px; display:inline; float:left; width:196px}
ul.inline li.nomargin{margin:0px;}
ul.inline h2{margin:10px 0px 5px 0px;}
ul.checklist{list-style-type:none; padding:0px; margin:0px}
ul.checklist li{list-style-type:none; padding:0px 0px 0px 20px; margin:0px; background-image:url(../images/checklist.gif); background-repeat:no-repeat; background-position:0px 5px;}
* html ul.checklist li{ padding:0px 0px 0px 30px !important;}/* ie 6 only */
#sideright{padding:0px 0px 0px 30px}
#sideright h2{margin-bottom:8px;}
#sideright ul{list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#sideright ul li {  background-image:url(../images/arrowlist.gif); background-repeat:no-repeat; background-position:0px 6px; padding:5px 0px 5px 20px; line-height: 10px;}
#sideright ul.newslist li{list-style-type:none; padding:5px 0px 10px 0px; margin:0px 0px 5px 0px;  background-image:url(../images/dotted-horizontal.gif); 
background-repeat:repeat-x; background-position:bottom; line-height:10px}
#sideright ul.newslist li.noline{background-image:none; padding-bottom:0px; margin-bottom:0px;}
#sideright ul li a, #sideright ul li a:visited{ font-size: 16px; color:#656253;}
.box{
	font-family: 'open_sanscondensed_light'; 
	background-image:url(../images/dotted-horizontal.gif); 
	background-repeat:repeat-x; 
	background-position:bottom;
	padding:0px 0px 8px 0px; 
	margin:0px 0px 8px 0px;}

.box ul li a { font-size:14px;}
.boxnoline{background-image:none; padding:0px 0px 8px 0px; margin:0px 0px 8px 0px;}
.news-container .box{ background-image:none; padding:0px; margin:0px;}
#sideright blockquote{margin:10px 0px 0px 0px; padding:0px 0px 0px 30px; background:none; border:0px; background-image:url(../images/quote.gif); background-repeat:no-repeat;}
.small{color:#999; font-size:11px;}
span.tblue, span.tblue a, span.tblue a:visited{color:#2d84b6 !important; font-weight:bold;}
span.tblue2{color:#2d84b6 !important;}




/* FOOTER */
#footer{padding:10px 0px 40px 0px; margin-top: 20px; width:940px; border-top:dotted 1px #7c7a6b;}
#footer-text{font-size:11px; color:#999689 }

/* TABLE */


/* ===== Table ===== */
.tableStatic thead td { padding: 3px 0 2px 0; text-align: center; border-left: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; font-size: 11px; color: #878787; 
	background: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
	background: linear-gradient(top, #fafafa 0%, #efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
}

.tableStatic thead th { padding: 5px 5px; background-color:#2d84b6; color: #fff;}
.tableStatic thead td:first-child { border-left: none; }

.tableStatic tbody tr { border-top: 1px solid #e7e7e7; }
.tableStatic tbody tr:nth-child(even) { background-color:#f5f5f5; }

.tableStatic tbody td { border-left: 1px solid #e7e7e7; padding: 8px 10px; vertical-align: middle; }
.tableStatic tbody td:first-child { border-left: none; }

.tableStatic tbody a { text-decoration:none; }
.tableStatic tbody tr:hover {background-color: #e7e7e7}


.katalogpdf td { border-bottom: 1px solid #e7e7e7; }

#searchCatalog fieldset {border: 1px solid #e7e7e7; padding: 5px}
#searchCatalog label {font-size: 10px;}

#colleft {width:50%; float:left; margin-right: 10px;}
#colleft h2 { color: #2d84b6; border-bottom: 1px solid #e7e7e7}
#colleft h4 { color: #656253; }
#colleft ul {list-style: none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
 
#colright {width: 45%; float:right;  }
#colright h2 {border-bottom: 1px solid #e7e7e7}
#colright h4 { color: #656253; }
#colright ul {list-style: none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}


#content-l nav > ul {
	background: #a49f86;
	color: #fff;
	padding: 0;
	margin: 0 0 2em 0;
	font-weight: 300;
}

#content-l nav ul li a {
	display: block;
	padding: 1em 1.5em;
}

#content-l nav ul li a {
	background: #a49f86;
}
#content-l nav ul li~li a {
	background: #98937b;
}
#content-l nav ul li~li~li a {
	background: #8e8970;
}
#content-l nav ul li~li~li~li a {
	background: #827d64;
}
#content-l nav ul li~li~li~li~li a {
	background: #777259;
}
#content-l nav ul li~li~li~li~li~li a {
	background: #6b664d;
}

#content-l nav ul li a img {
	width: 30px;
	height: auto;
	float: left;
	margin: 0.2em 1em 0 0;
}

#content-l nav > ul > li ul li a {
	font-size: 0.8em;
	padding-left: 28%;
}

#content-l nav ul li ul li a {
		border-top: 1px solid #98937b;
}

#content-l nav ul li~li ul li a {
		border-top: 1px solid #8e8970;
}

#content-l nav ul li~li~li ul li a {
		border-top: 1px solid #827d64;
}

#content-l nav ul li~li~li~li ul li a {
		border-top: 1px solid #777259;
}

#content-l nav ul li~li~li~li~li ul li a {
		border-top: 1px solid #6b664d;
}

#content-l nav ul li~li~li~li~li~li ul li a {
		border-top: 1px solid #645f47;
}

#content-l nav > ul > li ul li a img {
	display: none;
}

#content-l nav ul li a:hover {
	background: #55870a;
}



/* CONTACT */
form{margin:0; padding:0;}
fieldset{border:0px;}
#contact_form{margin:0 auto; position:relative}
label{margin-top:3px;}
label.sp { width:3px;}
span.error{color:red;text-align:left;}

#message{ margin-left:0px;}
#message h2	{}
#message p{margin:6px 0px; }

input.text-input{ margin:4px 8px 4px 0px; width: 280px; height:15px; padding:5px 2px; border:solid 1px #888888; vertical-align:middle}
textarea.text-input{ margin:0px 8px 4px 0px; padding: 5px 2px; border:solid 1px #888888; vertical-align:top; width:380px;}
#contact_form input:focus, #contact_form textarea:focus {border:solid 1px #888888; }
#contact_form input.but{font-size:11px; font-family:Arial;  padding:5px 5px; border:0px; margin-top:10px; cursor:pointer;}
* html #contact_form input.but{padding:6px 6px !important;}/* ie 6 only */
*+html #contact_form input.but{padding:6px 6px !important;}/* ie 7 only */

form.catSearch  {margin-bottom: 5px;}

.button{border:solid 1px #363637; font-family:Arial; font-size:11px; background-color:#656253; color:#fff; padding:2px 10px;  cursor:pointer; vertical-align:middle; text-transform:uppercase}
a.button, a.button:hover{text-decoration:none; color:#fff; padding:6px 10px !important}
*+html .button{padding:2px 3px 1px 3px !important;}/* ie 7 only */
* html .button{padding:2px 3px 1px 3px !important;}/* ie 6 only */

.head { min-height: 38px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
.head h2 { font-weight: normal; padding: 9px 12px 9px 0px; float: left; } 
.num { float: right; display: inline-block; text-align: center; margin: 9px 9px 0 0; font-size: 11px; }

/* ===== Page scrolling ===== */

#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:21px; height:21px; border:none; text-indent:-999px; background:url(../images/ui.totop.png) no-repeat left top; }
#toTopHover { background:url(../images/ui.totop.png) no-repeat left -22px; width:21px; height:21px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }


#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #D5D5D5;
  display: none;
  background: #D5D5D5 url(../images/fond.png) no-repeat center 0;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 40px;
  border-radius: 15px;
  text-align: left;
}

#boxes #dialog1 {
  width: 750px;
  height: 300px;
  padding: 40px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 10pt;
}

#popupfoot {
  font-size: 10pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
  text-align: center;
}

.more {
    float: right;
    color: black;
    font-size: 10px;
    background: #dfdfdf;
    line-height: 1.7em;
    margin-top: 5px;
    padding: 0 8px 1px; }