body { background: #222222 url('../images/behang.gif') top center; margin: 50px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	scrollbar-arrow-color: red;
	scrollbar-base-color: black;
	/*scrollbar-dark-shadow-color: white;*/
	scrollbar-track-color: white;
	scrollbar-face-color: black;
	scrollbar-shadow-color: white;
	scrollbar-3dlight-color: white;
}

form { margin: 0; padding: 0; }

a img { border: 0; }

table { border-collapse: collapse; }
table th { border-bottom: 2px solid #FF0000; text-align:left; padding: 5px; margin: 0;  }

table td { vertical-align: top; margin: 0; } 
table.list td { border-bottom: 1px solid #FF0000; padding: 5px; border-right: 1px dotted #000; background: #222;}
table.list2 td { border-bottom: 1px dotted #FF0000; padding: 2px; border-right: 1px dotted #000; }
table .total td { background: #333333; border-bottom: 1px solid #FF0000; }

#site { overflow: hidden; border: 0px inset #000000; padding: 15px 20px 20px 20px; width: 760px; margin: 0 auto; background: url('../images/bg-site.gif') no-repeat;}

#topmenu { height: 40px; overflow: hidden; }

#topmenu h1 { height:40px; font-size: 18px; color: #ED1B23; float: left; width: 280px; margin: 0; padding: 0; letter-spacing:-1px; background: url('../images/logo_new.gif') no-repeat; text-indent: -999em; }
#topmenu ul { float: left; margin: 15px 0 0 70px; padding: 0; height: 20px; overflow: hidden; }
#topmenu li { display: inline; float:left; list-style-type: none; padding: 0 10px; background: url("../images/topMenuPoint.gif") right 8px no-repeat;  }
#topmenu ul li a { text-decoration: none; height:25px; display:block; text-indent: -999px; }
#topmenu ul li a:hover { color: #ED1B23; }

#topmenu li.map, #topmenu li.mapselected  { background: none; }
#topmenu li.home a {		background: url('../images/topmenu_home.gif') no-repeat; width:45px; }
#topmenu li.portfolio a {	background: url('../images/topmenu_portfolio.gif') no-repeat; width:45px;}
#topmenu li.order a {		background: url('../images/topmenu_bestellen.gif') no-repeat; width:72px; }
#topmenu li.guestbook a {	background: url('../images/topmenu_gastenboek.gif') no-repeat; width:93px;  }
#topmenu li.map a {			background: url('../images/topmenu_kaart.gif') no-repeat; width:43px; }

#topmenu li.home a:hover, #topmenu li.homeselected a {			 background: url('../images/topmenu_home.gif') 0 -26px no-repeat; width:45px; }
#topmenu li.portfolio a:hover, #topmenu li.portfolioselected a { background: url('../images/topmenu_portfolio.gif') 0 -26px no-repeat; width:45px;}
#topmenu li.order a:hover, #topmenu li.orderselected a {		 background: url('../images/topmenu_bestellen.gif') 0 -26px no-repeat; width:72px; }
#topmenu li.guestbook a:hover, #topmenu li.guestbookselected a { background: url('../images/topmenu_gastenboek.gif') 0 -26px no-repeat; width:93px;  }
#topmenu li.map a:hover, #topmenu li.mapselected a {			 background: url('../images/topmenu_kaart.gif') 0 -26px no-repeat; width:45px;  }

/* CSS Voor de box */
#error_container{ 
	position: absolute;
	height: 650px;
	top: 0;
	left: 0;
	width: 100%;
}

#error_w{
	z-index:100;
	width: 800px;
	height: 600px;
	background-color: #000;
	margin: 50px auto 0 auto;
	padding:0;
	filter:alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}

#error_w2{
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
}

#error_content {
	margin: 200px auto 0 auto;
	background-color:#FFFFFF;
	width:400px;
	padding: 10px;
	border:1px solid #000;
}


#error_content a { color: #ED1B23; font-weight:bold; }
#alert,#message { padding: 10px; margin: 0 0 10px 0; border: 1px solid #333333; }
#alert { border: 1px solid #FF0000; background: #FFDDEE  }
#date { margin: 0 0 5px 0 }
#titlecontent { font-weight: bold; font-size: 14px; }

/* ===================================================================================================== */

#boven { background: url("../images/backgroundCenter.gif") no-repeat; width: 725px; height: 319px; clear: both; padding: 30px 25px 25px 25px; color: #FFFFFF; margin:0; }

/* ===================================================================================================== */

#onder { background: url("../images/backgroundBottom.gif") no-repeat; width: 725px; height: 69px; clear: both; padding: 18px 22px 23px 18px; overflow:hidden; color: #FFFFFF; margin: 20px 0 0 0; }
#onder p {font-size:16px; font-weight:bold; letter-spacing:1px;}
#onder h3 {font-size:12px; letter-spacing:1px; line-height:18px; padding:10px 0 0 0; font-weight:normal;}

#onder h5{text-align:right; margin:0; }
#onder h6{text-align:right; float:right;margin:0; }

#onder #footer #horizontalPortfolio {font-size:14px;  margin:0px 0 0 0; text-align:right;}
#onder #footer #horizontalPortfolio #portfolio, #onder #footer #horizontalPortfolio #choose {float:left; margin-right:4px;}
#onder #footer #horizontalPortfolio #name {color:#FF0000;}

#onder #pager {float:left; margin:-3px 0 0 20px !important; margin:-3px 0 0 20px}
#onder #pager img#back {margin:0 0 3px 0;}

/* ===================================================================================================== */

/***** nasty hacks 4 bookmarking, but it works :P **********/
div>#bookmarkFirefox { text-align: right; }
div>#bookmarkFirefox a { color: #999999; text-decoration:none }

* html #bookmarkFirefox {display:none;}

* html #bookmarkIe{text-align:right;}
* html #bookmarkIe a{color:#999999; text-decoration:none;}
div>#bookmarkIe {display:none;}

div>#emailFriend { text-align: right; }
div>#emailFriend a{color:#999999; text-decoration:none;}

* html #emailFriend{text-align:right;}
* html #emailFriend a{color:#999999; text-decoration:none;}

/* ===================================================================================================== */

#boven { font-size: 12px; }
#boven a { color: #ED1B23 } 
#largePhotoInfoDiv table th{font-size:16px; text-align:left; margin:10px 0 0 0;padding:10px 0 0 0; width:200px; }
#boven #linksOrder #largePhotoInfoDiv table tr {font-size:10px;}
#boven #linksOrder #largePhotoInfoDiv table td {padding:1px;}
#boven #linksOrder #largePhotoInfoDiv form input[type=submit] {margin-top:5px; }
#boven #linksOrder #largePhotoOrderDiv h1 {font-size:12px; letter-spacing:1px; line-height:18px; padding:10px 0 0 0; font-weight:normal;}
#boven #linksOrder #largePhotoOrderDiv {}
#boven #linksOrder #largePhotoOrderDiv table th {text-align:left; font-weight:normal; letter-spacing:2px; border-bottom:1px solid #FF0000; padding-bottom:2px; padding-top:10px; }
#boven #linksOrder #largePhotoOrderDiv table tr { padding:0;}
#boven #linksOrder #largePhotoOrderDiv h1 {margin:0; padding:0;}


#boven #linksEcard {width:300px; float:left; border-bottom:1px solid #FF0000; padding:0 0px 10px 0; margin: 0 15px 0 0;}
#boven #linksEcard #eText {font-size:12px; letter-spacing:1px;margin:0 10px 0 0; padding:9px 0 10px 5px; }
#boven #linksOrder #eText {font-size:12px; letter-spacing:1px;margin:0 10px 0 0; padding:9px 0 10px 5px;border-bottom:1px solid #FF0000;}
#boven #dia {float:right; margin:-10px 20px 0 0 !important; margin:-10px 8px 0 0; height:20px;}


#links  {float:left;width:350px; padding:0px 0px 0px 0px; margin:6px 0 0 10px !important; margin:5px 0 0 5px }
#links_photo  {float:left;width:400px; padding:0px 0px 0px 0px; margin:1px 0 0 5px !important; margin:0px 0 0 3px; height:280px;}
#links img .photo {height:280px; margin:0px 0 0 0; padding:0;}

#midden{ overflow: auto; height: 300px; width: 700px; margin: 0 0px 0 0px !important; margin:0 15px 0 0;padding:0px 10px 0px 10px; }
#midden #info table th {font-size:16px; text-align:left; margin:10px 0 0 0;padding:5px 0 5px 5px; }
#midden #info table {border-bottom:1px solid #ED1B23;}
#midden #info table tr {font-size:12px; }
#midden #info table td {padding:1px 0 0 4px; border-top:1px solid #ED1B23; }

#midden #info ul {padding:0; margin:0;}
#midden #info ul li {margin:3px; padding:2px 2px 2px 2px; font-size:12px;}

#midden #info p, #midden p {font-size:12px; letter-spacing:1px; line-height:18px; padding:0px 0 0 0; margin:3px 0 0 0;}
#midden #info table {border:0px;}

#midden #info_form {margin:0; padding:10px 0 0px 100px ;}
#midden #info_form table tr{font-size:12px;}
#midden #info_form table td {padding:0 15px 5px 0; text-align:left; color:#fff;}
#midden #info_form table textarea {width:150px; float:right;}
#midden #info_form table input {width:150px;}
#midden #info_form table {border-bottom:1px solid #FF0000;}

#midden #info table#priceList {float:left; margin:0 30px 0 0; width:200px;}
#midden #info table#priceList th {width:100px;}

#midden table th strong {text-decoration:none;}
#midden .inhoud {font-size:12px; letter-spacing:1px; }
#midden table.inhoud {border-bottom:1px solid #ED1B23; padding:10px 0 10px 70px;}
#midden td.inhoud {padding:5px; color:#ED1B23;}

#rechts table th strong {text-decoration:none;}
#rechts .inhoud {font-size:12px; letter-spacing:1px; }
#rechts table.inhoud {border-bottom:1px solid #ED1B23; padding:10px 0 10px 0px;}
#rechts td.inhoud {padding:5px; color:#FFF;}

#midden table th strong {text-decoration:none; }
#midden .inhoud {font-size:12px; letter-spacing:1px; }
#midden .inhoudnix {font-size:12px; letter-spacing:1px; }

#midden table.gbook {padding:0px 0 0px 0px; border:1px solid #ED1B23; }
#midden td.inhoud {padding:5px; color:#FFF;}
#midden table.gbook strong {color:#FFF; text-decoration:none; border:0;}

#midden td.date {color:#DDD; text-align:right; padding: 0 5px 0 0; font-size:10px;}
#midden table.gbook td.name {font-size:14px; padding:0 0 0 5px; text-decoration:none;}

#orderButtons {margin:0px 0 0 420px; font-size:18px;}

#midden tr.top {}

#midden #add-mssg {font-size:12px; letter-spacing:1px; padding:0px 0px 0 0; float:right;} /*moet nog plaatje komen?*/
#midden #add-mssg a {text-decoration:underline;} /*moet nog plaatje komen?*/
#midden #add-mssg a:hover {text-decoration:none;} /*moet nog plaatje komen?*/
#midden img#next {margin:0px 0 -7px 0;}

#midden #sub { margin:120px 0 0 0; padding:0;}
#midden #sub h5{text-align:right; margin:0; }
#midden #sub h6{text-align:right; float:right;margin:0; }

#midden #subbestel {margin:40px 0px 0 0;}
#midden #subbestel h5{text-align:right; margin:0; }
#midden #subbestel h6{text-align:right; float:right;margin:0; }

#midden #subOrderForm {margin:35px 0px 0 0;}
#midden #subOrderForm h5{text-align:right; margin:0; }
#midden #subOrderForm h6{text-align:right; float:right;margin:0; }


#midden h2{font-size:16px; margin:0; padding:0; }
#midden h3 {font-size:14px; font-weight:normal; letter-spacing:1px;}

#midden .gblink { display: block; width: 150px; border-bottom: 1px solid #666666;  border-right: 1px solid #666666;  border-top: 1px solid #CCCCCC;  border-left: 1px solid #CCCCCC; text-align: center; margin: 2px 0 2px 70px; }

#midden .upload {font-size:12px; letter-spacing:1px; }
#midden table.upload {border-bottom:1px solid #ED1B23; padding:10px 0 10px 70px;}
#midden td.upload {padding:5px; color:#FFF;}
#midden .gblink { display: block; width: 150px; border-bottom: 1px solid #666666;  border-right: 1px solid #666666;  border-top: 1px solid #CCCCCC;  border-left: 1px solid #CCCCCC; text-align: center; margin: 2px 0 2px 70px; }
#midden td.upload input[type=submit] {margin:0 0 0 159px; }

#rechts {float:left !important; float:none; width:290px; height: 280px; overflow: auto; margin:0px 0 0 18px !important; margin:0px 0 0 0px; padding:10px 0px 10px 0px !important; padding:0 0 0 18px;}
#rechts h2 span {display:none;}
#rechts p {font-size:12px; letter-spacing:1px; line-height:18px; padding:0px 0 0 0;}

/* home/content/default_index */
#rechts #welcome .home{ height: 195px; overflow: auto; }
#rechts #welcome h1{ background:url('../images/welkom-bij.gif') no-repeat; margin: 0; padding: 0; height: 60px; text-indent: -999em; }
#rechts #welcome h2{ background:url('../images/wel-kaart.gif') no-repeat; margin: 0; padding: 0; height: 30px; text-indent: -999em; }
#rechts #about { text-align:right; }

#rechts #map {margin:0px 0px 0px 100px; padding:0px; }
#rechts #map h1{ font-size:14px; margin:3px 0 0 0; padding:0; color:#FFF; letter-spacing:1px; font-weight:normal;}
#rechts h6 {margin:0 0 10px 100px; padding:0; font-size:22px; letter-spacing:3px; color:#FF0000;}

#rechts2 {float:right !important; float:none; width:200px;margin:0px 0 0 18px !important; margin:0px 0 0 0px; padding:10px 0px 10px 0px !important; padding:0 0 0 18px; }
#rechts2 #map {margin:0px 0px 0px 0px; padding:0px; }
#rechts2 #map h1{ font-size:14px; margin:3px 0 0 0; padding:0; color:#FFF; letter-spacing:1px; font-weight:normal;}

#rechts2 h6 {margin:0 0 10px 0px; padding:0; font-size:22px; letter-spacing:3px; color:#FF0000;}

#linksPhoto,#rechtsOrder{  width: 410px; float: left; margin:0; padding:0; }
#linksOrder  {  width: 300px; float: left; }
#rechtsPhoto { width:300px; float: left; }


#rechts #about { font-size:14px; padding:0; color:#FF0000; letter-spacing:1px; font-weight: bold;}
#rechts #about a{text-decoration:none;}
#rechts #about a:hover{text-decoration:underline;}

#submenuA { margin: -10px 0 0 0; float: left; }
#submenuA a { margin: 0 20px 0 0; }
#submenuA a { text-decoration: none; font-size: 15px; line-height: 25px; color: #000000; font-weight: bold; }
#submenuA a:hover { color: #ED1B23; }


#submenuB { margin: -10px 0 0 0; float: right; }
#submenuB a { margin: 0 20px 0 0; }
#submenuB a { text-decoration: none; font-size: 15px; line-height: 25px; color: #000000; font-weight: bold; }
#submenuB a:hover { color: #ED1B23; }


/*********** PHOTO ************/
#links .photoholder .folderThumb { background-color:#000000; float:left; width: 70px; height:70px;overflow:hidden; border: 0px solid; margin: 0 17px 17px 0; }
#links .photoholder .folderThumb table { border-collapse: collapse; width: 100%; height: 100%; }
#links .photoholder .folderThumb table,.thumb table tr,.thumb table tr td { margin: 0; padding: 0; border: 0; }
#links .photoholder .folderThumb table tr td { vertical-align:middle; text-align:center; }
#links .photoholder .folderThumb table tr td a img { border: 0; float:none; clear:both; }
#links .photoholder .folderThumb table tbody tr td a img { height:70px;}


/********** Als je admin bent*******/
#links .photoholder .folderThumbEdit { background-color:#000000; float:left; width: 70px; height:85px;overflow:hidden; border: 0px solid; margin: 0 14px 14px 0; }
#links .photoholder .folderThumbEdit table { border-collapse: collapse; width: 100%; height: 100%; }
#links .photoholder .folderThumbEdit table,.thumb table tr,.thumb table tr td { margin: 0; padding: 0; border: 0; }
#links .photoholder .folderThumbEdit table tr td { vertical-align:middle; text-align:center; }
#links .photoholder .folderThumbEdit table tr td a img { border: 0; float:none; clear:both; }
#links .photoholder .folderThumbEdit table tbody tr td a img { height:70px;}
#links .photoholder .folderThumbEdit table th {text-align:left; margin:0; padding:0;}
#indexLargePhoto { padding: 0 0px 0px 0px; overflow:hidden;}

#links .photoholder {margin:0px 0 0 0px;}
#links .extra_information { text-align: left; position: absolute; background: #FFFFE1; border: 1px solid #000000; padding: 2px; margin: 20px 0 0 20px; min-width: 0 !important;  min-width: 300px; font-size: 11px; }


#boven #photoInfo td.left {text-align:right; padding-bottom:5px; width: 80px; font-size: 13px}
#boven #photoInfo td.right {text-align:left; padding: 0 0 5px 5px ;}


#boven #largePhotoInfoDiv #under {position:absolute; margin:280px 0px 0 390px !important; margin:270px 0 0 -22px; width:200px; }
#boven #largePhotoInfoDiv span img {margin-top:6px;}

#boven #rechts #indexLargeFolderDiv{font-size:12px; letter-spacing:1px; margin:-5px 0 0 0px !important; margin:0px 0 0 0px; padding:0;}
#boven #rechts #indexLargeFolderDiv img { max-height: 280px; max-width: 300px; margin:1px 0 0 16px !important; margin:0px 0 0 0px; padding:0;}
#boven #largePhotoName, #boven #largePhotoDescription, #boven #largePhotoLocation, #boven #largePhotoTime {color:#FF0000;}

#boven #largePhotoOrderLink {font-size:12px; margin:0 0 0 5px;}
#boven #largePhotoOrderLink a{text-decoration:underline; color:#ff0000;}
#boven #largePhotoOrderLink a:hover{text-decoration:none; color:#fff;}

#boven #largePhotoEcardLink {font-size:12px; margin:0 0px 0 0;}
#boven #largePhotoEcardLink a {text-decoration:underline; color:#FFF;}
#boven #largePhotoEcardLink a:hover {text-decoration:none; color:#FF0000;}
#boven #largePhotoActions {display:block; margin:-5px 0 0 0; }

#boven img#portfolioVerticalHeader {margin: -10px 0 0 0; padding:0;}

a#dia {color:#fff; text-decoration:underline;}
a#dia:hover {color:#ff0000; text-decoration:none;}

/*#largePhotoPictureDiv {font-size:12px; letter-spacing:1px; line-height:18px; padding:10px 0 0 0; font-weight:bold;}*/
#largePhotoPictureDiv {margin:0;padding:0; height:243px; width:320px; background-color:#000;} /*margin:25px 0 0 25px*/
#largePhotoPictureEcard {margin:0 0 0 80px;padding:0;  background-color:#000;} /*margin:25px 0 0 25px*/


#thumbwrapper {width:100%;  overflow: scroll;}
#thumbscroller {width: 3000px; background:#ffcc00;}
#thumbscroller img {float:left;}

#photoonderhider { width:666px; height:62px; float:left; overflow:hidden; position:relative;}
#photoonder { width:50000px; height:62px; position:relative;} /* Approximately 500 photos are allowed in one folder, otherwise they won't be visible */
#onder #photoleft  { width:27px; height:62px; float: left;}
#onder #photoright { width:27px; height:62px; float: left;}

/* Note that the height and padding properties are also specified in a php file for calculating the size of the thumbnail bar */
#photoonder .thumb { float: left; height:60px; margin: 0px 5px 0px 5px;}

#help_box { border: 1px solid #CCCCCC; min-height: 20px; font-size: 11px; }
#help_box .tekst { padding: 10px; }

.extra_information { text-align: left; position: absolute; background: #FFFFE1; border: 1px solid #000000; padding: 2px; margin: 20px 0 0 20px; min-width: 0 !important;  min-width: 300px; font-size: 11px; }

.comment { clear:left; border: 1px solid #CCCCCC; padding: 10px; min-height: 100px; margin: 0 0 10px 0; letter-spacing: 1px; }
.comment img { padding: 0 10px 10px 0; border: 0; }
.commentposter { font-weight: bold; }
.commenttime { font-size: 9px; }
.commentbody { padding: 11px 0 0 0; line-height: 16px; }

#pager { font-size: 14px; color: #FFFFFF; }
#pager a{ color: #FF0000; text-decoration:none; }

#button { background: #D4D0C8; border-bottom: 1px solid #404040; border-right: 1px solid #404040; height: 20px; width:120px; }
#button a,#button a:hover { color: #000000; display: block; text-decoration: none; font-size: 11px;  text-decoration: none; border-top: 1px solid #FFFFFF;  border-left: 1px solid #FFFFFF; text-align: center; border-right: 1px solid #808080; border-bottom: 1px solid #808080; line-height: 18px }

.mouseover { text-align: left; position: absolute; background: #000; border: 1px solid #FFF; padding: 7px; margin: 40px 0 0 0; width: 200px; font-size: 11px; color: #FFF; z-index: 100; }
.mouseover strong { color: #FF0000; }

.mouseover_portfolio { text-align: left; position: absolute; background: #000; border: 1px solid #FFF; padding: 7px; margin: -8px 0 0 0; min-width: 0 !important;  min-width: 300px; font-size: 11px; color: #FFF; }
.mouseover_portfolio strong { color: #FF0000; }

#lefttt td { text-align: left; }


form.emailto input { width: 160px; }

#fillerImg { background: url('/images/default/terschelling/filler_x.gif'); width:100px; height: 100px; overflow: hidden; }

/* Gastenboek */
table.guestbookAddTable { padding: 10px 0 10px 70px; width: 400px; }
table.guestbookAddTable td { padding: 5px; color: #ED1B23; }
table.guestbookAddTable th { padding: 5px; color: #ED1B23; border: none; }
table.guestbookAddTable input { width: 100%; }