/* 
** Made by: Edgar Vijgeboom
** Website:	www.studioparkers.nl
*/



/* ================================ +
               DEFAULTS
+  ================================ */

/* start RESET DEFAULT styles */
*{ margin:0; padding:0; border:0px; }


body { 
	font-family: 		Arial,Tahoma;
	font-size:			13px;
	line-height: 		19px;
	color: 				  #333333;
	background-color:#666666;
}

#contents___Frame body {
    background-color:#ffffff;
    }

* html li	{
	xheight:				1%;
	}
	
img { border:			0px; }	

ul { 
	list-style:			none;
	overflow:			hidden;
	}

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

.clear {
	clear:				both;
     }

.float_left {
	float: 				left;
     }

.float_right {
	float: 				right;
    }


td {
      font-size: 13px;
      color: #0077bb;
    }

address {
  font-style:    normal;
  }
	
.margin10 {
	margin-left:10px;
	}	




/* ================================ +
             GLOBAL LAYOUT
+  ================================ */

#container {
  margin:            0px auto;
  text-align:        left;
  width:             1000px;
  background-image:  url('../images/bg_container.gif');
  background-repeat:    repeat-y;
  padding-bottom:    75px;
	background-color:#ffffff;
}

#content {
  width:             980px;
  display:           inline;
  }


#sidebar {
  float:   left;
  width:   240px;
  display: inline;
  margin:    0 15px 0 0;
}


#page {
  position: 			relative;
	width:          725px;
  float:          left;
  margin:         21px 0 0 7px;
  display:        inline;
  overflow:       hidden;
}

#products #page {
	margin:         21px 0 0 0;
}

.page_slice {
  margin:         0px;
}

#header {  
  position:       relative;
  width:          980px;
  height:         125px;
  background-image: url('../images/bg_header.gif');
}

#header a.linkhome {
  position: absolute;
	display:     block;
  width:       170px;
  height:      60px;
  left:        70px;
	top:         10px;
} 


#header #tagline {
  position: absolute;
  top: 38px;
  left: 255px;
	line-height:23px
}

#header #tagline_fr {
  position: absolute;
  top: 15px;
  left: 255px;
	line-height:23px
}

#header #language {
  position: absolute;
  top: 95px;
  right: 1px; 
}

#language_home {
  position: absolute;
  top: 1px;
  right: 5px; 
}

#language_home ul{
 width:130px;
}

#language_home ul li{
 float:right;
 margin-left:10px;
}




#header #menu {
  position: absolute;
  top: 40px;
  right: 75px; 
}

#menubar {
  width: 980px;
  height: 28px;
  background-color: #d2d2d2;
}

#menubar #decor {
  width: 240px;
  height: 28px;
  float: left;
  background-image: url('../images/bg_menudecor.gif');
	background-color:  #ffffff;
}

#menubar #menu {
  width: 730px;
  height: 24px;
  padding-top: 4px;
  float: left;
}

#sidebar #menu {
  margin-top: 25px;
  margin-left: 58px;
}

#sidebar #impressum {
  width: 150px;
  margin-top: 165px;
  margin-left: 76px;
}

hr.page_rule {
  width: 645px;
  height: 1px;
  color: #bfddee;
  background-color: #bfddee;
  margin: 15px 0 0 4px;
}

hr.page_rule_full {
  width: 100%;
  height: 1px;
  color: #0077bb;
  background-color: #0077bb;
  margin: 0 0 7px 0;
}

.wetterdata {
  width: 305px;
	height: 140px;
  margin-top: 15px;
  padding-left:15px;
  border-left: 1px solid #bfdbee;
  float:left;
}

.column_a {
  float: left;
  width: 400px;
  display: inline;
  margin: 0 50px 25px 0;
}

.column_a td{
  padding-top: 7px;
	padding-bottom: 7px;
	border-top:1px solid #bfdbee;
}

.column_b {
  float: right;
  width: 260px;
  color: #666666;
	text-align:right;
}

 
  
/* ================================ +
         FORM elements
+  ================================ */

input,textarea {
  font-family:     Arial;
  font-size:       12px;
  color:           #003366;
  padding:         3px;
  margin:          5px;
  border:          1px solid #b0b0b0
 }

input.error, select.error, textarea.error {
  border: 1px dotted red;
 }
 
label.error {	
	width:				  0;
	height:				  0;
	float:				  left;
	padding-top:		0;
	overflow:			  hidden;
  }
  
#error{
    float:        left;
	  width:				350px;
    margin:       0 0 5px 0;
   }
    
#error_message {
	float:				  left;		
	color:				  red;
  font-weight:    bold
  }
    
    
/* ================================ +
             Typography
+  ================================ */

h1 {  
      font-size:       22px;
      font-weight:     normal;
      line-height:     30px;
      color:           #0077bb;
      margin-bottom:   10px;
    }

h2 {  
      font-size:         20px;
      font-weight:       normal;
      color:             #0077bb;
      margin-bottom:     10px;
}

h3 {
      font-size:         17px;
      font-weight:       bold;
      line-height:       22px;
      color:             #0077bb;
    }

h4 {
      font-size:        16px;
      font-weight:      bold;
      color:            #003366;
      line-height:      20px;
    }


.font_light { 
  color: #0077bb; 
}

.font_dark { 
  color: #003366; 
}

.font_grey { 
  color: #666666; 
}

.font_red{ 
  color: #ff0000;
}

.font_black{ 
  color: #000000;
}

.brown {
  color:     #595959
  }

.grey-bg {  
  background-color:     #f5f5f5;
  }
  
#home #page h1 {
  font-size: 30px;
  line-height: 50px;
	margin:15px 0 5px 5px;
  }
  
#home #page h2 {
  font-size:       16px;
  color:           #003366;
  line-height:     20px;
	margin-left:10px;
  }
  
A.nouline {
  text-decoration: none;
}

A.nouline:hover {
  text-decoration: underline;
}


/* =============================== +
 *        NEWS / home & detail 
 * =============================== */

/*a.btn_homegroup3  {
	display:	block;
	width:		198px;
	height:		161px;
	background: url('../images/btn_new_FR.gif') 0 0 no-repeat;
	border:1px solid red;
	position:	absolute;
	top:		83px;
	left:		226px;
	z-index:	100;
}



a.btn_homegroup3:hover
 {
	background: url('../images/btn_new_FR.gif') 0 -161px no-repeat;
}*/


a.btn_sticker  {
	display:	block;
	width:		70px;
	height:		70px;
	position:	absolute;
	top:		89px;
	left:		360px;
	z-index:	100;
}

a.btn_sticker.DE {background: url('../images/btn_sticker_de.gif') 0 0 no-repeat;}
a.btn_sticker.DE:hover{background-position: 0 -161px;}

a.btn_sticker.EN {background: url('../images/btn_sticker_en.gif') 0 0 no-repeat;}
a.btn_sticker.EN:hover{background-position: 0 -161px;}

a.btn_sticker.FR {background: url('../images/btn_sticker_fr.gif') 0 0 no-repeat;}
a.btn_sticker.FR:hover{background-position: 0 -161px;}



a.btn_sticker5  {
  display:  block;
  width:    70px;
  height:   70px;
  position: absolute;
  top:    323px;
  left:   132px;
  z-index:  100;
}

a.btn_sticker5.DE {background: url('../images/btn_sticker_de.gif') 0 0 no-repeat;}
a.btn_sticker5.DE:hover{background-position: 0 -161px;}

a.btn_sticker5.EN {background: url('../images/btn_sticker_en.gif') 0 0 no-repeat;}
a.btn_sticker5.EN:hover{background-position: 0 -161px;}

a.btn_sticker5.FR {background: url('../images/btn_sticker_fr.gif') 0 0 no-repeat;}
a.btn_sticker5.FR:hover{background-position: 0 -161px;}




.newshome {
  width:         300px;
  margin-top:    15px;
  margin-right:		20px;
	padding-left:  15px;
  float:         left;	/*als floaten aan staat, verdwijnt het nieuws bij mouzeover catalogeelemente..? in IE6*/

}

.newsborder {
  border-left: 1px solid #bfdbee;
  } 

.newshome img {
  float:           left;
  margin:          0 15px 0 0;
  }
  
.newshome h4 {
  font-size:       14px;
  color:           #003366;
  margin-bottom:   15px;
  }
  
.newshome p {
   color:          #333333;
  }



.news {
  width:             450px;
	float: left;
	margin-left:10px;
  }


/* ================================ +
             MENUS
+  ================================ */

/* Menu general & language top */
#header #menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#header #menu ul li {
  display: inline;

}

#header #menu ul li a {
  font-size: 12px;
  text-decoration: none;
  padding: 1px 4px 1px 6px;
  border-left:1px solid #ff0000;
  color: #145c85;
}

#header #menu ul .first_item a {
  border-left:0px;
  
}

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

#header #menu ul li a:visited {
  color: #145c85;
}

#header #language ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#header #language ul li {
  display: inline;
}

#header #language ul li img {
  margin: 2px 5px 2px 5px
}



/* product menu top */
#menubar #menu ul li {
  display: inline;
}

#menu {
  margin-left:5px;
}

#menubar #menu a {
	font-weight:       bold;
	font-size:         12px;
  line-height:       22px;
	text-decoration:   none;
  color:             #145c85;
  padding:           2px 8px 1px 13px;
	border-left:       1px solid #145c85;
}

#menubar #menu ul .first_item a {
  border-left:0px;
}

#menubar #menu a:hover, #menubar #menu .active {
	line-height:22px;
	border-bottom: 3px solid #ff0000;
}

#menubar #menu a:visited {
  color: #145c85;
}



/* Main menu left */
#sidebar #menu ul li a,  #sidebar #menu .item, #sidebar #menu .item:hover {
	display:		block;
	color:            #ffffff;
	font-weight:      bold;
	font-size:        13px;
	text-decoration:  none;
	padding:					3px 0 3px 15px;
	background-color: #0077bb;
  height:        1%;
  }


#sidebar #menu li:hover, #sidebar #menu A:hover , #sidebar #menu .active{
  display:			     block;
  color:             #ff0000;
  background-color:  #ffffff;
  }

#sidebar #menu .active:hover {
   color:         #ff0000;
  }
 
#sidebar #menu li.sub {
  overflow:			hidden;
  height:        1%;

  }

#sidebar #menu li.sub:hover{
  color:             #ff0000;
  background-color:  #0077bb;
  }

#sidebar #menu ul ul{
	margin:            5px 0 30px 15px;
  }
	
#sidebar #menu ul ul li:hover{
	background-color:  #0077bb;
  }
	
#sidebar #menu ul ul img, #sidebar #menu ul ul img:hover{
	float:		left;
	background-color:  #0077bb;
  }

#sidebar #menu ul ul a {
	display: block;
	width:149px;
	float:left;
  font-weight: normal;
	padding:1px 0 2px 0;
  }

#sidebar #menu ul ul a:hover, #menu ul ul li:hover{
    text-decoration:   underline;
    color:             #ffffff;
    background-color:  #0077bb;
  }

#sidebar address, #sidebar #impressum a {
  font-size:       11px;
  color:           #ffffff;
  font-style:      normal;
  }


/* Submenu product group 3 */
#menu_product ul {
  margin-top: -10px;
	margin-left: 175px;
  padding-bottom: 10px;
}

#menu_product ul li {
  xdisplay:      inline;
  xborder-right: 1px solid  #ff0000;
  xmargin-right: 10px;
  }
  
#menu_product .last_item  {
  border-right:0;
  padding-left: 0px; 
  }

#menu_product ul li a {
    font-size: 13px;
    text-decoration: underline;
    color: #0077bb;
    height:18px;
    padding-right:8px;
}

#menu_product ul li a:hover {
  color: #ff0000;
  text-decoration: underline;
}



/* ================================ +
             HOME
+  ================================ */

#home #header  {
  height: 66px;
  background-image: url('../images/bg_header_home.png');
  background-color: #ffffff;
  background-repeat: no-repeat;
 }

#home #flashBanner  {
  height:     190px;
  width:      1000px;
  background-color: #ffffff;
  } 

#home h2 {
  width: 630px
  }
  
#catalogue {
  position: relative;
	width: 720px;
  padding:0px;
  margin-left: -10px;
}

a.catalogue_element {
  position: relative;
  width: 198px;
  height: 204px;
  margin: 12px; 
  border: 1px solid #bfdbee;
  background-color: #0077bb;
  float: left;
}

a.catalogue_element:hover {
  background-color: #ee0000;
	text-decoration:none;
}

.catalogue_element_popup {
  background-color: #daeaf2;
}


.catalogue_element p {
  font-size:      12px;
  font-weight:    bold;
  color:          #ffffff;
  margin:         2px 5px 0 7px;
}




/* ================================ +
             PRODUCTS
+  ================================ */

.product_item {
  width:715px;
  margin-top: 15px;
   }

.product_header {
  width:715px;
  height:32px;
  background-color: #cccccc;
    }

.product_header h4 {
  font-size:    20px;
	padding-top: 5px;
  padding-left: 15px;
	font-weight:   normal;
    }

.product_image {
  float:left;
  margin: 15px;
    }

.product_image img {
  border: 1px solid #ededed;
    }

.product_description {
  float:left;
  margin: 15px 0 15px 15px;
  width: 360px;
  padding-top:7px;
  }
	
.product_description p{
  padding-top:2px;
    }	
	
.product_description P.description{
  font-weight:bold;
  color: #003366; 
  padding-bottom:5px;
    }	

.product_links {
  float:left;
  margin: 25px 0 15px 25px;
  width: 140px;
  }

.product_links ul {
    list-style: 	none;
	margin:0px;
	padding:0px;
    }

.product_links ul li {
  clear: both;
    }

.product_links a {
  text-decoration: none;
  color: #ff0000;
    }

.product_links a:hover {
  text-decoration: underline;
    }

.product_links a:visited {
  color: #ff0000;
  text-decoration: none;
    }

.product_links img {
  float: left;
  margin-top: 3px;
  margin-right: 3px;


}



/* ================================ +
          KEYWORDS SEARCH
+  ================================ */

#tagcloud {
    float:                left;
    width:                98%;
		height:								110px;
    background-color:     #f5f5f5;
    color:                #145c85;
    padding:              10px;
    border-bottom:        1px solid #145c85;
    line-height:          28px;
    margin:               5px 0 37px -5px;
		overflow:							hidden;
    }

#tagcloud A:hover {
    color:             #ed1c24;
 }

#keyword_filters {
    height:             50px;
		width:							550px;
		margin-left:				20px;
		float:							left
    }
    
#keyword_filters a {
    color:             #ed1c24;
    text-decoration:   underline;
    }
    
#keyword_filters a:hover {
    text-decoration:   none;
    }

.page_search_col {
  float:                left;
  width:                220px;  
  margin-right:         10px;
  font-size:            12px;
  color:                #0077bb
}

.page_search_col a  {
  color:                #0077bb
}




/* ================================ +
         WORLDWIDE
+  ================================ */

#worldmap {
   margin: 0 0 10px 130px    
    }

#weltweit {
  width: 730px;
  border-collapse: collapse;
	margin-bottom:  400px;
  }

#weltweit td {
  margin: 0px;
  padding: 8px;
  font-size: 12px;
  color: #000000;
  line-height: 1.5;
  }

#weltweit .mainhead {
  font-family: arial;
  font-size: 20px;
  color:#0077bb;
  }

#weltweit .headred {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color:#ff0000;
  }

#weltweit .subhead {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color:#000000;
 }

#weltweit a:link {
  color:#0077bb;
  }

#weltweit a:visited {
  color:#0077bb;
  }
 

/* ================================ +
         CONTACT
+  ================================ */

#contact_table {
  margin: 15px 0 20px 0;
  }

#contact_table td {
	font-size:      12px;
	padding-top:10px;
	}
  
#contactformcontent .return-message {
  display:        none;
  font-size:      14px;
  font-weight:    bold;
  color:          #ff0000;
  height:         100px;
  padding-left:   2px;
  margin-top:     20px;
  }

.form_column {
  width: 350px;
  float: left;
  display: inline
 }
 
.form_column_newsletter {
  width: 400px;
  float: left;
  display: inline
 }
 
#contactformcontent {
  padding:            20px 20px 10px 25px;
  width:              100%;
	min-height:         400px;
  margin-bottom:      15px;
	background-color:   #ececec;
  }
  
 
#contactformcontent .contactlabel {
  display:         block;
  float:           left;
  font-weight:     bold;
  width:           100px;
  text-align:      right;
  color:           #003366;
  padding:         3px;
  margin-top:      5px;
  }

#contactformcontent input { 
  width:           225px;
  }
  
#contactformcontent input.checkbox { 
  width:           15px;
  border:          0;
  padding:         0;
  margin:          0 0 0 5px
  }
	
.radio { 
  width:           300px;
  margin-left:     85px;
	color:           #003366;
  }
  
#contactformcontent .textarea-contact {
  width:           333px;
  height:          100px;
  margin-left: 0
  }
  
#contactformcontent .textarea-req-info {
  width:           225px;
  height:          100px;
  }

#contactformcontent .required-text {
  font-size:       11px;
  color:           #ff0000;
  margin:          10px 0 0 40px
  }
  

  
#contactformcontent .button{
  float:            right;
  font-size:        12px; 
  font-weight:      bold;
  color:            #ffffff;
  background-color: #0077bb;
  border:           0px;
  height:           20px;
	text-decoration:	none;
  padding:           0 15px 0 15px;
	margin-right:			10px
  }

#contactformcontent .button:hover {
  background-color: #ee1f30;
  }

#adresses  {
  margin:        15px 0 0 5px
  }
  
#adresses address {
  font-style:     normal;
  display:        block;
  width:          180px;
  float:          left;
  }
  
#adresses .address2 {
  width:          160px;
  }
  
#googlemap_galtec {
  width:          195px;
  height:         140px;
  float:          left;
  }

  
  
/* ================================ +
         REQUEST INFO
+  ================================ */

#requestinfobox {
  margin:       20px 0 20px 0
  }

#requestinfobox div.item {
  display:      block;
  width:        100%;
  padding:      10px 0 20px 0;
  margin:       0 0 10px 0;
  }
  
#requestinfobox img {
 float:         left; 
 margin:        0 20px 0 20px;
 border:        1px solid #ededed
 }
 
#requestinfobox div.info {
 float:         left; 
 width:         310px;
 margin:        10px 30px 0 0
 }
 
#requestinfobox ul.info-list {
  color:        #000000;
  list-style:   square;
  list-style-position:inside;;
  margin-top:   10px;
  }
  

#requestinfobox div.request {
 float:         left; 
 width:         200px;
 color:         #003366;
 margin:        10px 0 0 0
 }
 
#requestinfobox a {
  color:        #ff0000;
  text-decoration: underline;
  }
  
#requestinfobox a:hover{
  color:        #003366;
  }
  
#requestinfobox input.checkbox-req {
  float:           left;
  width:           15px;
  border:          0;
  padding:         0;
  margin:          4px 5px 80px 0
 }
 
.mediatype {
 margin:          10px 0 20px 20px 
 }
 
#sendbuttons .button {
 float:        left;
 margin-top:   100px
 }
 
.form_column_req_info {
  width: 330px;
  float: left;
  margin-left: 20px;
 }
 
 #contactformcontent .form_column_req_info input.checkbox{
	margin:    10px 7px 0 0;
 }
 
 
/* ================================ +
         DOWNLOADS
+  ================================ */

#downloadscontent {
  margin:       20px 0 20px 0
  }

#downloadscontent div.item {
  display:      block;
  width:        100%;
  padding:      10px 0 10px 0;
  margin:       0 0 10px 0;
  }
  
#downloadscontent div.info {
 float:         left;
  width:        225px;
  margin:       0 100px 0 20px;
  color:        #000000
  }
 
#downloadscontent div.column {
  float:        left;
  width:        110px;
  margin:       30px 5px 0 0;
  color:        #000000
  }

#downloadscontent A.button {
  float:            right;
  display:          block;
  font-size:        11px; 
  font-weight:      bold;
  color:            #ffffff;
  background-color: #0077bb;
  border:           0px;
  width:            75px;
  height:           20px;
  text-align:       center;
  text-decoration:  none
  }

#downloadscontent A.button:hover {
  background-color: #ee1f30;
  }

  
  
/* ================================ +
             AUTOCOMPLETE
+  ================================ */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}