﻿body
{
    background-color:#e1e7eb;
    width:2330px;
    height:560px;
    padding:0px;
    margin:0px;
}

.form
{
    width:2330px;
    height:560px;
}

.dragContainer
{
    position:relative;
	height: 480px;
	width: 462px;
}

.dragHeader
{
    background-image:url(../tabs/dragheader.png);
    background-position:top left;
    background-repeat:no-repeat;
	height: 36px;
	width: 462px;
}

.PanelTitle
{
    position:relative;
    float:left;
    width:380px;
    height:16px;
    padding:10px;
    color:#FFFFFF;
	font-family:Arial;
	font-size:13pt;
	font-weight:bold;
}

.PanelButtons
{
    position:relative;
    float:left;
    width:52px;
    height:26px;
    padding-right:10px;
    padding-top:10px;
}

.PanelButton
{
    position:relative;
    float:right;
    width:16px;
    height:16px;
    margin-right:5px;
    cursor:hand pointer;
}

.dragDetail
{
    background-image:url(../tabs/dragrepeat.png);
    background-position:top left;
    background-repeat:repeat-y;
	height: 420px;
	width: 442px;
	color:#5b5b5b;
	font-family:Arial;
	font-size:8pt;
	padding:10px;
}

.TextArea
{
	background-image:url(../tabs/dragrepeat.png);
    background-position:top left;
    background-repeat:repeat-y;	
    width: 400px;
	color:#5b5b5b;
	font-family:Arial;
	font-size:8pt;
}

.dragFooter
{
    background-image:url(../tabs/dragfooter.png);
    background-position:top left;
    background-repeat:repeat-y;
	height: 24px; 
	width: 462px;
	color:#5b5b5b;
}

#TabsMenu
{
    position:fixed;
    top:0px;
    left:0px;
    width:744px;
    height:24px;
    padding-top:5px;
    background-image:url(../tabs/bar.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    color:#5b5b5b;
	font-family:Arial;
	font-size:10pt;
	text-align:center;
	z-index:980;
}

#TabsMenuHelp
{
    position:absolute;
    right:5px;
    top:4px;
    width:16px;
    height:16px;
    color:#5b5b5b;
	text-align:right;
}

a.MenuHelpLink:link
{
    position:relative;
    float:left;
    width:16px;
    height:16px;
    background-image:url(../tabs/help_link.png);
    background-repeat:no-repeat;
    background-position: top left;
}

a.MenuHelpLink:visited
{
    position:relative;
    float:left;
    width:16px;
    height:16px;
    background-image:url(../tabs/help_link.png);
    background-repeat:no-repeat;
    background-position: top left;
}

a.MenuHelpLink:hover
{
    position:relative;
    float:left;
    width:16px;
    height:16px;
    background-image:url(../tabs/help_hover.png);
    background-repeat:no-repeat;
    background-position: top left;
}

a.MenuHelpLink:active
{
    position:relative;
    float:left;
    width:16px;
    height:16px;
    background-image:url(../tabs/help_link.png);
    background-repeat:no-repeat;
    background-position: top left;
}

.TabBarKnop
{
    margin-left:20px;
    margin-right:20px;
    cursor:hand;
}

.PanelKop
{
    position:relative;
    float:left;
    width:420px;
    height:18px;
    background-image:url(../tabs/line.jpg);
    background-position:bottom left;
    background-repeat:no-repeat;
    font-family:Arial;
	font-size:10pt;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
}

.PanelTekst
{
    position:relative;
    float:left;
    width:410px;
    height:auto;
    margin-bottom:10px;
    padding-left:10px;
}

/********************************/
/*************foto's*************/
/********************************/

.FotosContent
{
    position:relative;
    float:left;
    width:420px;
    height:auto;
    margin-left:10px;
}


.FotosContentBig
{
    position:relative;
    float:left;
    width:420px;
    height:260px;
    margin-left:auto;
    margin-right:auto;
}

.FotosContentBigPrev
{
    position:relative;
    float:left;
    width:30px;
    height:142px;
    padding-top:118px;
}

.FotosContentBigPic
{
    position:relative;
    float:left;
    width:330px;
    height:250px;
    margin-left:15px;
    margin-right:15px;
    padding-top:5px;
    padding-bottom:5px;
}

.BigPic
{
    position:relative;
    float:left;
    width:330px;
    height:250px;
}

.FotosContentBigNext
{
    position:relative;
    float:left;
    width:30px;
    height:142px;
    padding-top:118px;
}

.FotosContentThumbs
{
    position:relative;
    width:420px;
    height:70px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}


.FotosContentThumbsPrev
{
    position:relative;
    float:left;
    width:30px;
    height:44px;
    padding-top:26px;
    margin-right:15px;
}

.FotosContentThumbsBar
{
    position:relative;
    float:left;
    width:330px;
    height:70px;
}

.FotosContentThumbsNext
{
    position:relative;
    float:left;
    width:30px;
    height:44px;
    padding-top:26px;
    margin-left:15px;
}               
   
.FotoboekThumb
{
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin-left:5px;
    margin-right:5px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    -moz-opacity: 0.4;
}


.FotoboekThumbActive
{
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin-left:5px;
    margin-right:5px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 100;
}

.FotoboekThumb:hover 
{
    position:relative;
    float:left;
    width:70px;
    height:70px;
    margin-left:5px;
    margin-right:5px;
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
      -moz-opacity: 0.7;
}

/*******************************/
/*****Settings voor slider******/
/*******************************/

		
#AlgemeneInfodiv 
{
    position : absolute; 
    top:50px; 
    left:141px;
}
		
#Prijzendiv	
{
    position : absolute; 
    top:50px; 
    left:653px; 
}
		
#Capaciteitdiv	
{
    position : absolute; 
    top:50px; 
    left:1165px;
}	
		
#Fotosdiv  
{
    position : absolute; 
    top:50px; 
    left:1677px;
}

#Grondplandiv  
{
    position : absolute; 
    top:50px; 
    left:2189px;
}
		
#Kaartdiv 
{
    position : absolute; 
    top:50px; 
    left:2701px;
}

#ExtraInfo
{
	position:absolute;
	top:50px;
	left:3219px;
}
		
#End 
{
    position : absolute; 
    top:50px; 
    left:3731px;
}
