/* CSS Document */

html, body
{
	margin: 0px;
	padding: 0px;
}

body
{
    width: 100%;
	background-color: #2c5072;
	text-align: center;
	font-family: Arial;
}

#supercontainer
{
    position: relative;
    width: 100%;
}

    #notification
    {
        height: 30px;
        padding-top: 15px;
        position: relative;
        font-weight: bold;
        border: 3px dashed red;
        background-color: white;
        margin-top: 13px;
        margin-bottom: 12px;
    }

        #bannersleft, #bannersright
        {
            position: fixed;
            top: 10px; /*change back to 80 when #notification is put back */
            width: 139px;
            z-index: -1;
        }

        #bannersleft
        {
            left: 50%;
            margin-left: -550px;
        }

        #bannersright
        {
            right: 50%;
            margin-right: -550px;
        }

            #bannersleft img, #bannersright img
            {
                border: 1px solid #000000;
                margin: 5px;
            }


	#container
	{
		position: relative;
		width: 800px;
		min-height: 780px;
		height: auto !important;
		height: 780px;
		margin: 0px auto;
		padding: 5px 0px 30px 0px;
		background-color: #cccccc;
		text-align: center;
	}

    #google_translate_element
    {
        margin-left: 30px;
        text-align: left;
    }
	
	#subContainer
	{
		width: 790px;
		min-height: 720px;
		height: auto !important;
		height: 720px;
		margin: 0px auto;
		background-color: #ffffff;
		border: 1px solid #888888;
	}
	
	#header
	{
		margin: -1px -1px 0px -1px;
		width: 792px;
		height: 180px;
	}
	
	#menu
	{
		position: relative;
		top: 2px;
		margin: 0px auto;
		width: 780px;
		height: 30px;
		padding: 1px 5px;
		background-color: #9c393b;
		color: #ffffff;
		letter-spacing: 2px;
		background-image: url(images/bgMenu.png);
		font-size: 15px;
	}
	
		#menu ul
		{
			list-style: none;
			margin: 0px;
                        padding: 0px;
		}
		
		#menu ul li
		{
			display: inline;
		}
		
		#menu ul li a
		{
			display: block;
			float: left;
			padding: 5px 10px;
			color: #ffffff;
			text-decoration: none;
		}
		
		#menu ul li a:hover
		{
			background-color: #ffffff;
			color: #000000;
		}
		
		#menu #selected
		{
			background-color: #ffffff;
			color: #000000;
		}
		
	#brandtext
	{
		text-align: center;
		padding: 30px 0px;
                font-weight: bold;
	}
	
	#content
	{
		position: relative;
		width: 690px;
		text-align: left;
		padding: 0px 50px;
	}
	
		#content a
		{
			color: #2c5072;
			text-decoration: none;
			font-weight: bold;
		}
		
		#content a:hover
		{
			color: #3366ff;
			text-decoration: underline;
		}
	
	#tabSelected
	{
		position: absolute;
		width: 190px;
		height: 24px;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 2px;
		margin-left: 2px;
		padding: 8px 0px 0px 10px;
		background-image: url(images/tabSelected.png);
		color: #ffffff;
	}

	#tabUnselected
	{
		position: absolute;
		width: 180px;
		height: 19px;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 2px;
		margin-left: 2px;
		padding: 13px 0px 0px 20px;
		background-image: url(images/tabUnselected.png);
		color: #ffffff;
	}
	
	#text
	{
		position: relative;
		top: 32px;
		width: 740;
		min-height: 600px;
		height: auto !important;
		height: 600px;
		border: 1px solid #dddddd;
		border-right: 0px;
		padding: 20px;
		margin-bottom: 32px;
	}
	
	#mapContainer
	{
		width: 100%;
		text-align: center;
	}
	
		#mapContainer iframe
		{
			border: 1px solid #000000;
		}

	#bottom
	{
		width: 672px;
		height: 25px;
		background-image: url(images/bgBottom.png);
		background-repeat: no-repeat;
		background-position: bottom;
		margin: 0px -1px -1px -1px;
		padding: 5px 60px;
		font-size: 16px;
		text-align: right;
	}
	
		#bottom a
		{
			color: #444444;
			text-decoration: none;
			margin: 0px 3px;
			font-weight: bold;
                        font-size: 1.2em;
		}
		
		#bottom a:hover
		{
			color: #000000;
			text-decoration: underline;
		}
		
	#footer
	{
		font-weight: bold;
		color: #ffffff;
		letter-spacing: 1px;
		padding-top: 20px;
	}
	
		#footer span
		{
			color: #2c5072;
		}
		
		#footer p
		{
			margin: 0px;
			margin: 5px 0px;
		}
		
		
		
		
		
		
		
		
		
/*CLASSES*/

.caravans
{
	width: 100%;
}

	.caravans td
	{
		margin: -1px;
		padding: 5px 10px;
		border: 1px solid #000000;
	}
	
	.caravans img
	{
		border: 0px;
	}
	
	.caravans .tdImg
	{
		width: 180px;
		height: 150px;
		padding: 0px;
		vertical-align: center;
		text-align: center;
	}
	
	.caravans table
	{
		width: 100%;
	}
	
	.caravans table td
	{
		padding: 5px 10px;
		border: 0px;
	}

.pageNumbers
{
	font-size: 18px;
	text-align: center;
	border: 1px solid #FFD307;
	padding: 5px;
	margin: 0px 30px 0px 30px;
	background-color: #8CB2D5;
	color: #FFFFFF;
}
	
.caravanHover
{
	background-color: #BCEE68;
	cursor: pointer;
}


.details
{
	width: 100%;
	text-align: center;
}	

	.details .images
	{
		margin: 0px auto;
		margin-bottom: 5px;
	}
	
		.details .images td
		{
			border: 1px solid #000000;
			width: 90px;
			height: 75px;
			padding: 1px;
			vertical-align: center;
			text-align: center;
		}
		
		.details .images img
		{
			border: 0px;
		}

	.details .slideShow
	{
		width: 400px;
		height: 333px;
		border: 1px solid #000000;
		vertical-align: center;
		text-align: center;
		margin: 0px auto;
		padding: 1px;
	}

	.caravanDetails
	{
		width: 100%;
	}
				
		.caravanDetails .left
		{
			padding: 5px;
			border-left: 1px solid #2c5072;
			border-bottom: 1px solid #2c5072;
			font-weight: bold;
			vertical-align: top;
		}
		
		.caravanDetails .right
		{
			padding: 5px 20px;
			border-bottom: 1px solid #2c5072;
			width: 100%;
		}
		
		.caravanDetails .spacer
		{
			height: 10px;
		}	


.table_inkoop .left
{
    width: 300px;
}

.table_inkoop textarea
{
    width: 300px;
    height: 120px;
}

.special
{
	font-weight: bold; 
	font-size: 16px; 
	text-align: center; 
	background-color: #2c5072; 
	color: #FFFFFF;
	padding: 5px;
}

.error
{
	font-weight: bold;
	color: #FF0000;
}

.success
{
	font-weight: bold;
	color: #006600;
}






/*CLASSES FOR STATS*/

.statsMouseOver {
	background-color: #444444;
	color: #FFFFFF;
}

.stats {
	width: 600px;
}

	.stats td {
		vertical-align: top;
	}

.boxTitle {
	background-color: #006600;
	padding: 5px;
	border-bottom: 1px solid #666666;
	font-weight: bold;
	color: #FFFFFF;
}

.box {
	background-color: #EEEEEE;
	border: 1px solid #009900;
	margin-bottom: 30px;
}
		
	.box td, th {
		padding: 5px;
		border-bottom: 1px solid #666666;
	}

.message {
	width: 700px;
	margin-bottom: 30px;
	padding: 10px;
	padding-top: 0px;
	background-color: #EEEEEE;
	border: 1px solid #000000;
}

	.message th {
		width: 700px;
		padding: 5px 10px;
		border-bottom: 1px solid #000000;
		font-weight: bold;
	}

	.message td {
		vertical-align: top;
		padding: 5px;
	}
	
		.message td img {
			margin: 5px 15px;
			border: 1px solid #000000;
		}