/*
      Created by CSS Portal Layout Generator
	  
	  http://www.cssportal.com
	  	  
*/

* { padding: 0; margin: 0; }

body {
 font:normal 13px "Trebuchet MS",Arial,Helvetica,sans-serif;
 background-image:url(images/bckGr.png); background-repeat:repeat-x;
 background-color:#DBEBF2;
}

h1 {
 font-size: 150%;
}

a {
 color:#CC0000;
 font-weight:bold;
}

a:visited {
 color:#CC0000;
 font-weight:bold;
}

a:hover {
 color:#006600;
 font-weight:bold;
}

blockquote {
 margin-left:20px;
}

p {
 margin-top:10px;
 line-height:17px;
}

.tip_image {
	border: 1px dotted rgb(153, 204, 255); 
	background-image: url('http://www.italie2go.nl/images/tip.png'); 
	background-position: 99% 1%; 
	background-repeat: no-repeat; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	width: 100%;
}

#backGrDiv {
 position:absolute;
 text-align:center; 
 z-index:-199;
 top:0; right:0; bottom:0; left:0;
 height:1000px;
 background-image:url(images/bck.jpg);
 background-position:top center;
 background-repeat: no-repeat;
}

#footer a, #footer a:visited {
 color:#333;
 font-weight:normal;
 font-size:95%;
}

#footer a:hover {
 color:#000;
 font-size:95%;
}

.bold {
	font-weight:bold;
}

.errMsg {
	border: #FF0000 2px solid; 
	padding: 3px; 
	background-color: #F5D4D3;
	text-align:center;
}

.confMsg {
	border: #006600 2px solid; 
	padding: 3px; 
	background-color: #DDEFD7;
	text-align:center;
}

#wrapper { 
 margin: 0 auto;
 width: 1000px;
 background: #FFF;
}

#aroundDiv {
 margin: 0 auto;
 width: 1006px;
 background: #FFF;
 padding: 0 3px 0 3px;
}

#content { 
 float: left;
 background: #FFF;
 width: 680px;
 display: inline;
 padding: 3px 5px 5px 5px;
}

#search {
 background: #86C8E8;
}

#detailDiv {
 margin: 8px 0 0 0;
}

#header {
 color: #333;
 width: 1000px;
 height: 65px;
}

#logoDiv{
 height:57px;
 width:363px;
 float:left;
 padding-top:3px;
}

#horMenuDiv{
 height:35px;
 text-align:left;
}

#headerDiv{
 height:57px;
 width:635px;
 float:right;
 text-align:right;
 padding-top:3px;
}

#toppersDiv{
 width:280px;
 float:left;
 text-align:left;
}

input, select, textarea {
 font:normal 13px "Trebuchet MS",Arial,Helvetica,sans-serif;
}

.input_field{
 width:300px;
 border-width: 1px;
 border-style: solid;
 border-color: #999;
}

.input_field:hover {
 border-color: #f00;
 border-width: 1px;
}
 
.input_field:focus {
 border-color: #f00;
 background-color: #FFD3CB;
 border-width: 1px;
}

.input_field:blur {
 border-color: #999;
 background-color: #fff;
 border-width: 1px;
}

.forms {
 margin:auto 0;
 padding: 0;
}

#footer { 
 width: 1000px;
 clear: both;
 padding-top:60px;
}

#navigation {
 width:1000px;
 margin:5px 0 5px 0;
}

#leftcolumn { 
 width: 190px;
 float: left;
}

#rightcolumn { 
 color: #333;
 width: 120px;
 float: left;
 margin-top:3px;
}

#vertinavi {
 background: #86C8E8;
 width: 190px;
 margin-top:3px;
}

.aanbieding_table {
 margin: 10px 0 0 0;
 width:99%;
 border: 1px solid #CCC;
 border-collapse:collapse;
 background-color:#FFF;
 margin-bottom:20px;
}

.aanbieding_prijs {
 padding: 2px;
 color:#c00;
 font-size:175%;
 font-weight:bold;
 font-style:italic;
}

#slideshow {
    position:relative;
    width:1000px;
	height:200px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.objReportTable {
 margin: 10px 0 0 0;
 width:99%;
 border: 1px solid #CCC;
 border-collapse:collapse;
 background-color:#FFF;
}

.highlight {  
 border-top: 1px solid #C00;
 border-bottom: 1px solid #C00;
 border-left: 1px solid #C00;
 border-right: 1px solid #C00;
 margin: 10px 0 0 0;
 width:99%;
 border-collapse:collapse;
 background-color: #D3E9FF;
}

#spacer100 {
 clear:both;
 height:100px;
}

#animation {
 position:relative; 
 height:200px; 
 width:100%;
}


/* HORIZONTAL MENU _______________________________________________*/
.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: normal 13px "Trebuchet MS",Arial,Helvetica,sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
}


.ddcolortabs a{
float:left;
color: white;
background: #C00 url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 2px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding: 4px 8px 2px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #900;
}

.ddcolortabs a:hover span{
background-color: #900;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #900;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height: 2px;
background: #C00;
/*border-top: 1px solid #fff; Remove this to remove border between bar and tabs*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
/*border: 1px solid #900; THEME CHANGE HERE*/
/*border-top-width: 2px; Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 12px "Trebuchet MS",Arial,Helvetica,sans-serif;
line-height:19px;
z-index:100;
background-color: #900;
width: 200px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
padding: 2px 0;
text-decoration: none;
color: #fff;
font-weight:normal;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
font-weight:normal;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #C00;
color: white;
}

/* HORIZONTAL MENU DETAIL PAGINA_______________________________________________*/
.ddobjtabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddobjtabs ul{
font: normal 13px "Trebuchet MS",Arial,Helvetica,sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddobjtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
}


.ddobjtabs a{
float:left;
color: #253d5a;
background: #86C8E8 url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 2px 3px;
text-decoration:none;
letter-spacing: 1px;
font-weight:normal;
}

.ddobjtabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding: 4px 8px 2px 7px;
}

.ddobjtabs a span{
float:none;
}

.ddobjtabs a:hover{
background-color: #6b88ac;
color:#fff;
}

.ddobjtabs a:hover span{
background-color: #6b88ac;
}

.ddobjtabs .selected a, #ddobjtabs .selected a span{ /*currently selected tab*/
background-color: #6b88ac;
}

.ddobjtabsline{
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height: 2px;
background: #D4D4D4;
}


/* VERTICAL MENU _______________________________________________*/
#vertnav {list-style: none;}

#vertnav {
     padding:0;
     margin:0 0 0 5px;
}

#vertnav ul {
     padding: 0;
     margin:0;
     list-style: none;
     width:12em;
     z-index:99;
     position:absolute;
     overflow:visible;
}

#vertnav li {
     margin:0;
     position: relative;
     width: 180px;;
     background-color:#86C8E8;
     border-bottom:1px solid #6b88ac;
     display:block;
     height:20px;
	 padding: 3px 0 3px 0;
}

#vertnav li:last-child {border-bottom:1px solid #86C8E8;}

#vertnav a {
     text-decoration:none;
     display:block;
     padding: 0.1em;
     width:175px;
	 color: #253d5a;
	 font-weight:normal;
}

#vertnav a:hover, #vertnav li:hover{
     background-color:#6b88ac;
	 color:#fff;
	 font-weight:normal;
}
#vertnav ul li:hover, #vertnav ul li a:hover{
     background-color:#6b88ac;
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{
     display:none;
     position:absolute;
     top:0;
     left:178px;
	 border: 1px solid #fff;
	 width:180px;
}

/* non-IE browsers see this */
#vertnav ul li>ul, #vertnav ul ul li>ul{
     margin-top:-1.4em;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul{
     display:none;
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul{
     display:block;
}

li>ul {
     top: auto;
     left: auto;
}
/* Win IE only \*/
* html #vertnav li{float:left;}
/* end holly hack */