/* Timo Breumelhof 20090826
Changes to color: 
	#7b8c95 > #697d88 (all but #Body .footerpanewrapper,  .footerpane & .backgroundimagepane: BG col)
	#8CC63E > #67b300 for links, but the active state of the main menu.
	#8CC63E > #466D1E for link hover color
	..submenurowpane top: from 25 > 24 px
	Font was helvetica > verdana
	Converted pngs to images without color profile (for IE)
	*/
	
.SDC{}

html,body 
{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

html
{
	min-height: 101%;	/* causes firefox to always have a scrollbar */
}

body
{
    font-size: 12px;
    font-family: Verdana, Sans-Serif;
    color: #000000;
    background-color: #ffffff; 
}
body#Body 
{
    background-color: #7b8c95; 
}

.FCK_Panel, .FCKLinkGalleryLinksContainer
{
    background-color: #ffffff; 
}

/* wrapper to fill the complete browser window, could be used for backgrounds */
.main
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px #dcdcdc;
    width: 100%;
    background-color: #697d88; 
    background: url(images/bg.jpg) repeat-y scroll top center;
}

/* set the  width of the skin and optionally center it in the browser window */
.pagemaster 
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
	margin-left: auto;
	margin-right: auto;
	width: 1078px; /* main skin width */
}
.floatclearer
{
    clear: both;
}


/* header section of the skin */

.toprowwrapper
{    
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
    height: 143px;
    position: relative;
}

.bgimagewrapper
{
    background-color: #2a4911; 
}

.backgroundimagepane
{
    padding: 0px 0px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    width: 1040px;
    height: 143px;
    overflow: hidden;
    background-color: #7b8c95; 
}

.logopane
{
    padding: 0px 0px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    width: 457px;
    height: 85px;
    background: url(images/logobg.png) no-repeat scroll top right;
    position: absolute;
    top: 0px;
    left: 0px;
}
.logopane h1
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    width: 400px;
}
.logocontinueabspane
{
    width: 2000px;
    background-color: #ffffff;
    height: 83px;
    position: absolute;
    top: 0px;
    left: -2000px;
}

.marqueepane
{
    padding: 4px 0px 0px 10px; margin: 0px; border: solid 0px #dcdcdc;
    width: 330px;
}
.marqueepane a:link,
.marqueepane a:visited
{
    font-weight: bold;
    font-size: 14px;
    color: #697d88;
    text-transform: lowercase;
}


.righttopimagepane
{
    background: url(images/wheel.png) no-repeat scroll top left;
    width: 500px;
    position: absolute;
    top: 0px;
    left: 830px;
    height: 110px;
}

.adminmenupane
{
    padding: 0px 0px 0px 0px; border: solid 0px #78a84b; margin: 0 0 0 0px;
    width: auto;
    position: absolute;
    top: 85px;
    left: 20px;
}

.menuwrapperpane
{
    padding: 0px 0px 0px 0px; border: solid 0px #78a84b; margin: 0 0 0 0px;
    width: 1078px;
    height: 50px;
    position: absolute;
    top: 109px;
    left: 0px;
}


.menupane
{
    padding: 0px 0px 0px 0px; border: solid 0px #78a84b; margin: 0 0 0 0px;
    width: 470px;
    height: 40px;
    float: right;
    background: url(images/mainmenubg.png) no-repeat scroll top left;
}

.languagepane
{
    padding: 8px 20px 0px 10px; border: solid 0px #78a84b; margin: 0 0 0 0px;
    float: right;
    width: auto;
}

.menucontinueabspane
{
    width: 2000px;
    background: url(images/mainmenubgcontinu.png) repeat-x scroll top left;
    height: 40px;
    position: absolute;
    top: 109px;
    left: 1078px;
}

.submenurowpane
{
    padding: 0px 0px 0px 0px; border: solid 0px red; margin: 0 0 0 0px;
    width: 590px;
    height: 40px;
    position: absolute;
    top: 24px;
    left: 20px;
}

/* content panes section */
.contentrow {
    padding: 0px 0px 0px 0px; border: solid 0px red; margin: 0 0 0 0px;
    width: 1078px;
    min-height: 300px;
    background-color: #8cc63f;
    background: #8cc63f url(images/menutop.jpg) no-repeat scroll top center;
}

.contentpanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px red;
    width: 596px;
    float: left;
}
.admin .contentpanewrapper
{
    width: 700px;
    float: none;
    padding: 40px 0 0 20px; 

}

.contentpane
{
    margin: 50px 0 0 20px; 
}
.admin .contentpane
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px red;
    margin-top: 0px;
    background-color: #ffffff;
    width: 1040px;
}

.rightpanewrapper
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px red;
    width: 480px;
    height: auto;
    float: right;
}

.rightpane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px red;
    padding: 10px 20px 0px 20px; 
    margin: 0px 0 0 0px; 
    height: auto;
    width: auto;
}

.sessies .contentpanewrapper
{
    width: 765px;
    float: left;
    padding: 0px 0 0 10px; 
}
.sessies .leftpanewrapper
{    
    margin: 0px; border: solid 0px red;
    width: 260px;
    height: auto;
    float: left;
    padding: 50px 0 0 20px; 
}
.sessies .leftpane
{    
    padding: 0px 0 0 20px; 
    background-color: #ffffff;
}



.footerpanewrapper
{
    width: 1078px;
    height: 95px;
    background: #7b8c95 url(images/bottombg.jpg) no-repeat scroll top center;
    position: relative;

}
.footerpane
{
    padding: 6px 0px 0px 25px;
    margin: 0px 0px 0px 0px;
    border: solid 0px #49bce3;
    position: absolute;
    top: 45px;
    left: 608px;
    width: 2000px;
    height: 45px;
    background: #7b8c95 url(images/footerbg.png) no-repeat scroll top left;
}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */

p
{
    padding: 0 0 10px 0; margin: 0px; border: solid 0px red;
}

h1, h2, h3, h4, h5, h6, .SubHead, .SubSubHead, .Head
{
	font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    line-height: 120%;
    color: #697d88;
    text-align: left;
    margin: 6px 0 3px 0;
    padding: 0px;
}
h1
{
    font-size: 20px;
}
h2
{
    font-size: 16px;
}
h3
{
    font-size: 14px;
}
h4
{
    font-size: 12px;
}
h5
{
    font-size: 12px;
}
h6
{
    font-size: 12px;
}

.SubHead, .SubSubHead
{
    font-size: 12px;
    font-weight: bold;
}

div, td, .Normal, .NormalDisabled, p, a, a:link, a:visited, a:hover, a:active, .SkinObject, a.SkinObject,
a.SkinObject:link, a.SkinObject:visited, a.SkinObject:hover, a.CommandButton
{
	font-family: Verdana, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #697d88;
}

a, a:link, a:visited, a:hover, a:active, a.CommandButton:hover, a.SkinObject:hover
{
    text-decoration: none;
    color: #67b300;
}
a:hover, a.CommandButton:hover
{
    text-decoration: underline;
	color:#466D1E;
}

.DynamicRegistration_Label,
.DynamicRegistration_Dropdownlist
{
	font-family: Verdana, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #697d88;
}

.SaveForm .DynamicRegistration_Link
{
    padding: 1px 3px 2px 5px;
	font-weight: normal;
	font-size: 12px;
	background: #67b300;
	color: #000000;
}

b, strong
{
    color: #67b300;
}

UL
{
    margin-top: 0px;
}

UL LI
{
    list-style-type: disc;
    margin-bottom: 4px;
}

UL LI LI
{
    list-style-type: circle;
    margin-bottom: 4px;
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}


a img
{
	border: dashed 0px #ffffff;
}


/* menu */


#MenuTabs
{
    margin: 0; padding: 7px 0px 0px 15px; border: #000000 0px solid;
    height: auto;
    width: auto;
    float: left;
}
 
#MenuTabs ul
{
    margin: 0px; padding: 0px 0px 0px 0px; border: black 0px solid;
} 
#MenuTabs li
{
    margin: 1px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    border: solid 0px #ffffff;
    list-style-image: none;
    list-style-type: none;
    width: auto;
    height: 25px;
    float: left;
}

#MenuTabs li .inactive, #MenuTabs li a, #MenuTabs li a:link, #MenuTabs li a:visited, #MenuTabs li a:hover, #MenuTabs li a:active 
{
    margin: 0px 0px 0px 0px; 
    border-left: solid 0px #ffffff;
    padding: 0px 7px 0px 7px; 
    color: #697d88;
    text-decoration: none;
    font-weight: normal;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}

#MenuTabs li.ActiveTab a
{
    color: #8cc63e;
}
#MenuTabs li a:hover
{
    color: #000000;
}


#SubMenuTabs
{
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    border: solid 0px #ffffff;
    width: auto;
}

#SubMenuTabs ul
{
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    border: solid 0px #ffffff;
    width: auto;
}

#SubMenuTabs li.menuitemli
{
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    border: solid 0px #ffffff;
    list-style-image: none;
    list-style-type: none;
    width: auto;
    height: auto;
    text-align: left;
    float: left;
    display: inline;
    padding: 0px 0px 0px 10px; 
}

#SubMenuTabs li.ActiveTab
{
    color: #000000;    
    background: url(images/menuitemactivebgleft.png) no-repeat scroll top left;   
}


#SubMenuTabs li a, #SubMenuTabs li a:link, #SubMenuTabs li a:visited, #SubMenuTabs li a:hover
{
    text-decoration: none;
    color: #ffffff;
    line-height: 100%;
    font-weight: bold;
    font-size: 12px;
    padding: 15px 20px 0px 8px; 
    display: block;
    height: 37px;
    width: auto;
    text-align: center;
}

#SubMenuTabs li.ActiveTab a:visited, #SubMenuTabs li.ActiveTab a:link
{
    color: #000000;    
    background: url(images/menuitemactivebgright.png) no-repeat scroll top right;   
}



#SubMenuTabs li a:hover
{
    color: #000000;    
}

.sdctabs .ajax__tab_outer
{
    padding: 0px 0px 0px 15px;
}
.sdctabs .ajax__tab_inner
{
    padding: 0px 11px 0px 0px;
}
.sdctabs .ajax__tab_tab
{
    padding: 18px 0px 7px 0px;
    line-height: 100%;
    color: #ffffff;
    font-weight: bold;
}


.sdctabs .ajax__tab_active .ajax__tab_outer
{
    background: url(images/tableft.png) no-repeat scroll top left;
}

.sdctabs .ajax__tab_active .ajax__tab_inner
{
    background: url(images/tabright.png) no-repeat scroll top right;
}

.sdctabs .ajax__tab_active .ajax__tab_tab
{
    background: url(images/tabcenter.png) repeat-x scroll top left;
    color: #000000;    
}

.sdctabs .ajax__tab_tab:hover
{
    color: #000000;
}

.ajax__tab_header
{
    background: url(images/bolletjes.png) repeat-x scroll bottom left;
    padding: 0 0 10px 0;

}

.ajax__tab_body
{
    background-color: #ffffff;
    padding: 4px 4px 4px 10px;
    margin: 5px 0 0 0;
}

.DynamicRegistration_Label,
.DynamicRegistration_Label span,
.DynamicRegistration_Country option
{
	font-family: Verdana, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #697d88;
}

#SaveForm p
{
    text-align: center;
    padding: 20px 120px 0 0;
}
#SaveForm .DynamicRegistration_Link
{
    padding: 3px 5px 2px 5px;
	font-weight: normal;
	font-size: 12px;
	background: #67b300;
	color: #000000;
	border-left: solid 2px #fafafa;
	border-top: solid 2px #fafafa;
	border-bottom: solid 2px #848484;
	border-right: solid 2px #848484;
}

/* slider */
.jQueryAnn
{
    position: relative;
    height: 250px;
    padding: 0 0 12px 0;
}

.slider-wrap						
{ 
    width: 575px; 
    position: absolute; 
    top: 0px; 
    left: 0px;
}

.panel h2
{
    width: 575px;
    text-align: center;
    padding: 0px 0 5px 0;
    height: 25px;
    color: #ffffff;
    text-transform: none;
    font-size: 20px;
    font-weight: normal;
}
.panel .contentwrapper
{
    clear: both;
    overflow: hidden;
    height: 220px;
}
.panel .contentwrapper a,
.panel .contentwrapper a p,
.panel .contentwrapper a div,
.panel .contentwrapper a .Normal
{
    font-size: 16px;
    font-weight: normal;
    color: #c0c1c2;
    line-height: 150%;

}
.panel .contentwrapper a:hover,
.panel .contentwrapper a:hover p,
.panel .contentwrapper a:hover div,
.panel .contentwrapper a:hover .Normal
{
    color: #ffffff;
}
.panel .imagewrapper
{
    float: left;
    padding: 5px 10px 0px 10px;
    overflow: hidden;
}
.panel .imagewrapper img
{
    max-width: 300px;
    height: 213px;
    border: solid 1px #ffffff;
}

.stripViewer .panelContainer
.panel ul						{ text-align: left; margin: 0 0px 0 0px; }
.stripViewer						{ position: relative; overflow: hidden; width: 575px;  }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 575px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 						{ border: 1px solid black; margin-right: 5px; }
#movers-row						{ margin: -43px 0 0 62px; }
#movers-row div					{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data					{ background: url(images/transpBlack.png); padding: 10px; height: 30px;
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 					{ font-size: 13px; }
.cross-link						{ display: block; width: 62px; margin-top: -14px;
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 						{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }