/* 

default.css voor carolinebiss.be 

*/

/* algemeen 
****************************************/

body { margin:0; padding:0; font-size: 68.8%; font-family: arial, sans-serif; color:#fff; background:#333; line-height:1.4em; }

a { color:#fff; }

p { margin-top:0; }

.FullWidth { width:100%; }

/* topbar 
****************************************/

#topBar { background: url(img/shadowbar.png) 0 -8px repeat-x; height:40px; min-width:1020px; z-index:60; position:absolute; top:0;_top:110px; left:0;}

h1.Logo { float:left; margin:0; }

h1.Logo a { display:block; height:40px; width:182px; background:url(img/logo.jpg) no-repeat 0px -4px; text-indent:-9999px; outline:none; }

/* navigation */

#menuBar { float:left;}

.MenuItem { float:left; width:140px; position:relative; }

.menuGallery span, .menuNavigation span {padding-left:10px;background:url(img/scroll_down_off.gif) 20px 17px no-repeat;}

.Hover { background:url(img/menu_hover.jpg) top left no-repeat; }

.Hover.menuGallery span, .Hover.menuNavigation span {background:url(img/scroll_down_on.gif) 20px 18px no-repeat;}

.MenuItem span { display:block; padding:12px 20px 12px; cursor:pointer; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; /* background:url(img/border_vertical.gif) top right repeat-y; */ border-right:1px dotted #666; text-align:center; }

.MenuItem a {text-decoration:none; outline:none;}

.Dropdown { position:absolute; top:40px; left:0; width:100%; padding-bottom:10px; /* background:url(img/menu_trigger.png) bottom center no-repeat;*/ height:0; overflow:hidden; }

.Dropdown ul { margin:0; padding:10px 0 15px; list-style:none; background:url(img/png_66.png) repeat; position:absolute; bottom:10px; left:0; width:100%; }

.Dropdown ul li a { text-decoration:none; display:block; padding:5px 10px 5px 20px; float:left; width:100%; outline:none; cursor:pointer; }

.Dropdown ul li.Active a, .Dropdown ul li a:hover { padding-left:25px; background:url(img/menu_active.gif) 10px 50% no-repeat }

#languageBar {float:right; width:110px; height:40px; overflow:hidden; background:url(img/border_vertical.gif) top left repeat-y;}

#languageBar span {height:30px; display:block; padding:10px 15px 10px 15px; cursor:pointer; text-transform:uppercase; text-align:center;}

#languageBar a {display:block; float:left; width:22px; height:22px; line-height:22px; margin:0 2px; text-decoration:none; outline:none;}
#languageBar a.active {background:url(img/language_active.gif) center center no-repeat;}


/* photoHolder
*************************************/

#photoHolder {position:absolute; height:100%; width:100%; padding-top:40px; z-index:10;}

#photos { width:100%; height:100%; z-index:11;}

#imageslider { width:200px; height:100%; z-index:11;}

#photos div.slide { width:100%; height:100%; }

#photos div.ImageInfo { width:100%; height:15px; overflow:hidden; position:absolute; z-index:40; bottom: -58px; left: 0px;background: url(img/png_80.png); line-height:14px; border-bottom:1px dotted #616161; text-align:left;}


.ImageInfo .InfoLabel {float:left;height:15px;line-height:14px;padding:0 20px;margin-right:10px;border-right:1px dotted #616161;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

.ImageInfo ul { float:left; height:15px; padding:0; margin:0; list-style:none; }

.ImageInfo ul li { display:block; float:left; height:15px; margin:0 10px 0 0; padding:0 15px 0 5px; line-height:14px; float:left; border-right:1px dotted #616161;}

.ImageInfo ul li.arrow {
	padding:0 15px; background:url(img/bullet.gif) center left no-repeat;
}

.ImageInfo .CloseInfo {position:absolute;top:0;left:0;display:block;height:20px;width:20px;border:1px solid gold;}


#photos .slide {text-align:center; width:100%; height:100%;}

#photos .slide img {height: 100% !important; position: absolute !important;	left: 50% !important;} 

#thumbholder {
	position:absolute;
	bottom:29px;
	left:0;
	overflow:hidden;
	height:57px;
	width:100%;
	z-index:100;
}

.thumb {
	display:none;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	border-top:3px solid #111;
	border-left:3px solid #111;
	border-right:3px solid #111;
	height:50px;
}

.thumbactive {
	display:block;
	}

.thumb img {
	margin-top:0;
	}


/* bottombar
*************************************/

#bottomBar { background: url(img/shadowbar2.png) 0 0 repeat-x; height:40px; z-index:30; position:absolute; bottom:-58px; left:0; overflow:hidden; }

h2.galleryTitle { margin-top:8px; padding:6px 20px 10px; background:url(img/bottom_border.png) top right repeat-y; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1em; font-weight:normal; border-bottom:0;  }

#caption { float:left; margin-top:8px; padding:8px 0 8px 20px; }
.showingTitle {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin-right:20px; }
#counter { display:inline-block; color:#999; width:20px; }

.ShowInfo { float:left; display:block;  padding:0 0 0 20px; margin:8px 20px 0 20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; background:url(img/info_show.png) 0px 8px no-repeat; cursor:pointer; }
.HideInfo { background-image:url(img/info_hide.png); }
.ShowInfo span { display:block; padding:8px 0 8px 0; cursor:pointer; }

#cycleNav {float:left; width:9999px; }

#cycleNav a { display:block; width:20px; height:20px; outline:none; float:left; background:url(img/cycle_nav.png) no-repeat; text-indent:-9999px; }
#cycleNav a:hover { background-position: 0 -20px; }
#cycleNav a.activeSlide { background-position:0 -40px }

#cycleHolder {position:relative;overflow:hidden; margin-top:8px; padding:6px 0px 8px; float:left; width:300px; height:20px; z-index:11;} 

.cyclePN{ display:block; float:left; width:20px; height:30px; margin:8px 0 0 5px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:29px; text-decoration:none; outline:none;}

#cyclePrev {background:url(img/pager_left.gif) 0px 13px no-repeat; margin:8px 10px 0 30px;}
#cycleNext {background:url(img/pager_right.gif) 100% 13px no-repeat;margin-left:10px;}

.disabled {opacity:0.5;}

.PN { width:100px; height:100%; z-index:19; cursor:pointer; position:absolute; top:40px;}

#next { background:url(img/cycle_next2.png) center center no-repeat; _background:url(img/cycle_next2.gif) center no-repeat; right:-100px; opacity:0.5;}
#prev { background:url(img/cycle_prev2.png) center center no-repeat; _background:url(img/cycle_prev2.gif) center no-repeat; left:-100px; opacity:0.5;}

#loading { width:100%; height:100%; background:transparent url(img/load.gif) center no-repeat; display:none; position:absolute; top:0; left:0; z-index:20 }

#logos { display:block; float:right; width:auto; height:40px; padding:0 20px; margin-top:7px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:31px; border-left:1px dotted #616161; }

#logos a {text-decoration:none; outline:none;}

#logos a:hover, #tellafriend:hover {text-decoration:underline;}

#tellafriend { display:block; float:right; width:auto; height:25px; padding-right:30px; margin:8px 20px 0 20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:29px; text-decoration:none; outline:none; background: url(img/mail.png) 100% 3px no-repeat;}
	


/* contentBox
*************************************/

.Overlay { z-index:40; width:100%; height:100%; background:#000; position:absolute; top:40px; left:0;}

#content { z-index:50; width:100%; height:100%; margin-top:50px; position:absolute; padding:20px 20px 70px; left:0; }

.ContentBox { overflow:hidden; background: url(img/png_66.png); position:absolute; z-index:100; width:650px; height:410px; top: 100px; left: -650px; box-shadow:10px 10px 20px #000;
-webkit-box-shadow:0 10px 20px #000;
-moz-box-shadow: 0 0 100px #000; }

.ContentBox .ScrollContent img {margin:3px 0;}

.ContentBox .ScrollContent img.left {float:left;margin-right:10px;}

.ContentBox .ScrollContent img.right {float:right;margin-left:10px;}

.formContentBox {height:510px;}

h2 { font-size:2em; padding:20px; border-bottom:1px dotted #616161; margin:0; }

.ui-draggable h2 { cursor:url(img/cursor_draggable.gif), move; }

h3 { margin:0 0 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1em; font-weight:normal; color:#999; }

p { margin:0 0 20px; }

.ScrollContent a { text-decoration:none; border-bottom:1px dotted #ccc; }
.ScrollContent a:hover { border-bottom-style:solid; }

.Close { position:absolute; top:10px; right:5px; cursor:pointer; width:40px; height:40px; display:block; background:url(img/close.gif) center no-repeat; text-indent:-9999px; outline: none; }
.Close img { border:none; }

ul.Tabs { list-style:none; margin:0 0  0; padding:0; border-bottom:1px dotted #616161; height:40px; }
ul.Tabs li { display:inline; }
ul.Tabs li a { display:block; float:left; padding:10px 20px 15px; border-right:1px dotted #616161; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1em;  text-decoration:none; outline:none; }
ul.Tabs li a:hover { background:#000; }
ul.Tabs li.Active a { border-bottom:1px solid #000; background:#000; }

.TabContent { clear: both; overflow:hidden; background:#000; padding:20px 0; cursor:auto !important;  }

.FullContent {clear: both; overflow:hidden; background:#000; padding:20px 0; cursor:auto !important;  }

.ScrollContent { height:275px; overflow:hidden; padding:0 40px 0 20px; }

.FullContent .ScrollContent  { height:310px; }

.formContentBox .ScrollContent {height:410px;}

.jScrollPaneContainer {
outline:medium none;
overflow:hidden;
position:relative;
z-index:1;
}
.jScrollPaneTrack {
background:#000;
cursor:pointer;
height:100%;
position:absolute;
right:15px;
top:0;
}
.jScrollPaneDrag {
background:url("img/scroll_panedrag.gif") center top repeat-y;
cursor:pointer;
overflow:hidden;
position:absolute;
}
.jScrollPaneDrag:hover {
/*background-position:right top;*/
}
.jScrollPaneDragTop {
display:none
}
.jScrollPaneDragBottom {
display:none;
}
a.jScrollArrowUp, a.jScrollArrowDown {
background-position:center top;
background-repeat:no-repeat;
display:block;
height:7px;
width:7px;
outline:medium none;
overflow:hidden;
position:absolute;
right:15px;
text-indent:-2000px;
z-index:1;
}
a.jScrollArrowUp {
background-image:url("img/scroll_up.gif");
border-width:0 0 1px 1px;
top:0;
}
a.jScrollArrowDown {
background-image:url("img/scroll_down.gif");
border-width:1px 0 0 1px;
bottom:0;
}
a.jScrollArrowUp:hover, a.jScrollArrowDown:hover {
background-position:center bottom;
}

/* resizable background images 
*************************************/

html, body {
height:100%;
overflow:hidden;
width:100%;
}

/* ie 6 */
#closeie6warning {
	display:block;
	position:absolute;
	bottom:2px;
	right:10px;
	background:url(img/close.gif) 0px 10px no-repeat;
	padding-left:10px;
	line-height:25px;
	height:20px;
	text-decoration:none;
}
#closeie6warning:hover {
	text-decoaration:underline;
}