/*
Stylesheet BlueTree for HTH
Media:      screen, projection
Copyright:  Company Name <http://www.bramloquet.be>
author:     Bram Loquet <bramloquet@gmail.com>
*/

/*
	GRAY:	38363B
	ORANGE:	FFA800
*/

html {overflow-y: scroll;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

#sticker{
	position:absolute;
	right:0;
	top:0;
	background:#FFA800;
/*	background:url(../images/banner.gif) no-repeat top right;*/
}
body{
	font: normal 0.75em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#505050;
	text-align:center;
	background:#f6f6f6;
	padding:10px 0 0;
}
#page{
	width:950px;
	margin:auto;
	padding:0 0px;
	text-align:left;
	position:relative;
	background:#ffffff;
}

#container{clear:both; padding:10px 0 0 0;}
#content{
/*	min-height:450px;*/
}



#side1{
}
#side2{
}

#banner{position:absolute; top:205px; right:0px; padding:20px 15px;}
#footer
{
	position:relative;
	clear: both;
	background:#38363B;
	height:55px;
	vertical-align:middle;
	color:#D1D1D1; /* D1D1D1*/
	text-align:right;
		-moz-border-radius-bottomleft:0.3em;
	-moz-border-radius-bottomright:0.3em;
	-moz-border-radius-topleft:0.3em;
	-moz-border-radius-topright:0.3em;	
}

/*
	GENERAL
*/
a{color:#0065DC; text-decoration:none;}
a:hover{text-decoration:underline;}

img{border-style:none;}
.img{
/*    filter:alpha(opacity=50);*/
    opacity: 0.5;
    -moz-opacity:0.5;
}
.img:hover{
/*    filter:alpha(opacity=100);*/
    opacity: 1;
    -moz-opacity:1;
}



/*
	HEADER
*/
.header
{
	background:#efefef url(../images/photo.jpg) 0px -10px no-repeat;
	height:125px;
	width:710px;
	position:relative;

	-moz-border-radius-bottomleft:0.5em;
	-moz-border-radius-bottomright:0.5em;
	-moz-border-radius-topleft:0.3em;
	-moz-border-radius-topright:0.3em;	
}
.header h1{position:absolute; padding:0; margin:0; top:5px; left:5px; font-size:16px; text-transform:uppercase;}
.header h1 a{color:#FFA800; text-decoration:none; font-weight:bold;}
.header h1 a:hover{text-decoration:underline;}

.header h1.sub{position:absolute; padding:0; margin:0; top:35px; left:15px; font-size:14px; text-transform:uppercase;}
.header h1.sub a{color:#FFA800; text-decoration:none;}
.header h1.sub a:hover{text-decoration:underline;}

#menu
{
	position:absolute;
	top:30px;
	height:30px;   /* 225 - 2*10 */
	width:710px;
	background:#38363B;
	color:#ffffff;
	margin:0 0 10px;
	line-height:25px;
	font-size:85%;

	-moz-border-radius-bottomleft:0.3em;
	-moz-border-radius-bottomright:0.3em;
	-moz-border-radius-topleft:0.3em;
	-moz-border-radius-topright:0.3em;	
}
#menu li{display:inline; height:30px; border-right:1px solid #656565; float:left;}
#menu li a{color:#ffffff; text-decoration:none; font-weight:bold; text-transform:capitalize; line-height:30px; height:30px; padding:0px 20px; display:block; float:left;}
#menu li a.selected,
#menu li a:hover{color:#38363B; background:#FFA800 /*url(../images/arrow.jpg) bottom no-repeat*/; text-decoration:none;
	
	-moz-border-radius-bottomleft:0.3em;
	-moz-border-radius-bottomright:0.3em;
	-moz-border-radius-topleft:0.3em;
	-moz-border-radius-topright:0.3em;	
	}

.breadcrumb{
/*	background:#656565;*/
	height:20px;
	width:700px;
	position:absolute;
	top:70px;
	
	color:#ffffff; padding:0 5px; margin:0 0 10px 0; 
	font-size:85%; line-height:20px; font-weight:normal;
	text-transform:capitalize;
}

.title{
	background:#FFA800;
	height:25px;
	width:700px;
	position:absolute;
	bottom:0px;
	
	color:#ffffff; padding:0 5px;
	font-size:110%; line-height:25px; font-weight:normal;
	text-transform:capitalize;

	-moz-border-radius-bottomleft:0.3em;
	-moz-border-radius-bottomright:0.3em;
}

.head{float:right; top:0; right:0; background:#38363B; width:210px; height:105px; padding:10px; /*25+10+75*/ color:#ffffff;
	-moz-border-radius-bottomleft:0.3em;
	-moz-border-radius-bottomright:0.3em;
	-moz-border-radius-topleft:0.3em;
	-moz-border-radius-topright:0.3em;	

	}

#rechts{
	position:absolute;
	bottom:0px;
	right:10px;
	padding:10px 0;
	margin:0;
}








/*
	CONTENT
*/


.content ul,
.content ol{padding:0 0 12px 24px;}
.content ul{list-style:disc;}
.content ol{list-style-type:decimal; padding:0 0 12px 24px;}



/*
	HEADER
*/
#container h1,
#container h2,
#container h3,
#container h4 {clear:both;}

#container h1,
#container h1 a{display:block; background:#00469A; color:#ffffff; padding:0 5px; margin:0 0 10px 0; font-size:21px; line-height:31px; font-weight:normal;}

#container h2,
#container h2.dark{display:block; background:#0065DC; color:#ffffff; padding:0 5px; margin:0 0 10px 0; font-size:15px; line-height:25px; font-weight:normal;}
#container h2.med{display:block; background:#80B9FF; color:#ffffff; padding:0 5px; margin:0 0 10px 0; font-size:15px; line-height:25px; font-weight:normal;}
#container h2.light{display:block; background:#BFDCFF; color:#0065DC; padding:0 5px; margin:0 0 10px 0; font-size:15px; line-height:25px; font-weight:normal;}

#container h3.dark{display:block; background:#0065DC; color:#ffffff; padding:0 5px; margin:0 0 10px 0; font-size:12px; line-height:22px; font-weight:normal;}
#container h3,
#container h3.med{display:block; background:#80B9FF; color:#ffffff; padding:0 5px; margin:0 0 10px 0; font-size:12px; line-height:22px; font-weight:normal;}
#container h3.light{display:block; background:#BFDCFF; color:#0065DC; padding:0 5px; margin:0 0 10px 0; font-size:12px; line-height:22px; font-weight:normal;}

#container h4.dark{display:block; background:#0065DC; color:#ffffff; padding:0 5px; margin:0 0 10px 0; font-size:09px; line-height:19px; font-weight:normal;}
#container h4.med{display:block; background:#80B9FF; color:#ffffff; padding:0 5px; margin:0 0 10px 0; font-size:09px; line-height:19px; font-weight:normal;}
#container h4,
#container h4.light{display:block; background:#BFDCFF; color:#0065DC; padding:0 5px; margin:0 0 10px 0; font-size:09px; line-height:19px; font-weight:normal;}

#container h2.dark a,
#container h2.med a,
#container h3 a,
#container h3.dark a,
#container h3.med a,
#container h4.dark a,
#container h4.med a   {color:#ffffff}

#container h2.light a, 
#container h3.light a, 
#container h4 a,
#container h4.light a {color:#0065DC;}

p, #content p
{
    margin:0 5px 10px 5px;
    line-height:1.4em;
    text-align:justify;
}
#side1 p,
#side2 p
{
    margin:0 0 10px 0;
    line-height:16px;
    text-align:justify;
}

#container ul{padding:0 15px 10px 15px; margin:0;}
#container ul li{margin:0 0 0 10px; list-style-image:url(../images/bullet.gif);}

#container ul.inline{padding:0 0 10px 0; margin:0;}
#container ul.inline li{margin:0 5px 0 5px; list-style:none; display:inline;}

#container ul.block{padding:0 0 10px 0; margin:0; border-top:solid 1px #80B9FF;}
#container ul.block li{margin:0; list-style:none; display:block; border-bottom:solid 1px #80B9FF;}
#container ul.block li a{margin:0; padding:3px 10px; list-style:none; display:block;}
#container ul.block li a:hover{text-decoration:none; background:#BFDCFF;}


#container ul.photos{padding:0 0 10px 0; margin:0;}
#container ul.photos li{padding:0; margin:0 10px 10px 10px; list-style:none; display:inline; border:solid 3px #ffa800; background:#eee; display:block; float:left;}

.photo{height:100px; width:100px; display:block; text-align:center; vertical-align:bottom;}
.photo img{}

/*
#content a {color:#D1D1D1; text-decoration:underline;}
#content a:hover{text-decoration:none;}
*/

/*
	FORM
*/
label {display:inline-block;}



/*
	PAGES
*/
.pagination{clear:both; width:100%; text-align:center; position:relative; padding:20px 0; margin:0;}
.pagination ul li{margin:0 2px; list-style:none; display:inline;}

.pagination a,
.pagination a:hover{color:#ffffff; font-size:11px; font-weight:normal; padding:2px 5px; border:solid 1px #0065dc; background:#0065dc; width:20px; height:20px;
 	-moz-border-radius-bottomleft:0.75em;
	-moz-border-radius-bottomright:0.75em;
	-moz-border-radius-topleft:0.75em;
	-moz-border-radius-topright:0.75em;
	}
/*.pagination a:hover{color:#ffffff; text-decoration:none;font-weight:normal; padding:3px 7px;}*/

.pagination strong,
.pagination strong:hover{color:#ffffff; font-size:13px; padding:5px 9px; margin:0 2px; background:#0065dc; border:solid 1px #0065dc;
 	-moz-border-radius-bottomleft:0.75em;
	-moz-border-radius-bottomright:0.75em;
	-moz-border-radius-topleft:0.75em;
	-moz-border-radius-topright:0.75em;
	}

.pagination span{color:#aaa;}
/*
.pagination .next		{background:#0065dc url(../images/btnnextpage.png) center no-repeat;}
.pagination .next:hover	{background:#0065dc url(../images/btnnextpage_over.png) center no-repeat;}
.pagination .last		{background:#0065dc url(../images/btnlastpage.png) center no-repeat;}
.pagination .last:hover	{background:#0065dc url(../images/btnlastpage_over.png) center no-repeat;}
.pagination .prev		{background:#0065dc url(../images/btnprevpage.png) center no-repeat;}
.pagination .prev:hover	{background:#0065dc url(../images/btnprevpage_over.png) center no-repeat;}
.pagination .first		{background:#0065dc url(../images/btnfirstpage.png) center no-repeat;}
.pagination .first:hover{background:#0065dc url(../images/btnfirstpage_over.png) center no-repeat;}
*/



/*
	FOOTER
*/
.sitemap-icon{display:inline-block; background:url(../images/sitemap-icon.png) top no-repeat; width: 16px; height:16px; padding:0; margin:5px 0;}
.sitemap-icon span{display:none;}

.feed-icon{display:inline-block; background:url(../images/feed-icon.png) top no-repeat; width: 16px; height:16px; padding:0; margin:5px 0;}
.feed-icon span{display:none;}

/*
	SITEMAP
	GRAY:	38363B
	ORANGE:	FFA800
*/

.sitemap{padding-top:10px; list-style:none;}
.sitemap li{
    display:block;
    line-height:20px;
    margin:0;
    height:20px;
    background: url(../images/sitemap.png) -100px 0px no-repeat;
}
.sitemap li a{color:#38363B; line-height:20px; padding:2px 0px;}
.sitemap li a:hover{text-decoration:underline;}
.sitemap li.lev0F a,
.sitemap li.lev0 a,
.sitemap li.lev0L a
{color:#ffffff; background: #FFA800; padding:2px 5px; text-transform:uppercase;}
.sitemap li.lev0F  {background-position: 0px    0px; padding: 0 0 0 15px;}
.sitemap li.lev0   {background-position: 0px -180px; padding: 0 0 0 15px;}
.sitemap li.lev0L  {background-position: 0px -440px; padding: 0 0 0 15px;}
.sitemap li.lev1F  {background-position: 0px    0px; padding: 0 0 0 25px;}
.sitemap li.lev2F  {background-position: 0px  -20px; padding: 0 0 0 35px;}
.sitemap li.lev3F  {background-position: 0px  -40px; padding: 0 0 0 45px;}
.sitemap li.lev1S2 {background-position: 0px  -60px; padding: 0 0 0 25px;}
.sitemap li.levS2  {background-position: 0px  -80px; padding: 0 0 0 25px;}
.sitemap li.lev12S3{background-position: 0px -100px; padding: 0 0 0 35px;}
.sitemap li.levS3  {background-position: 0px -120px; padding: 0 0 0 35px;}
.sitemap li.lev1S3 {background-position: 0px -140px; padding: 0 0 0 35px;}
.sitemap li.lev1   {background-position: 0px -180px; padding: 0 0 0 25px;}
.sitemap li.lev12  {background-position: 0px -200px; padding: 0 0 0 35px;}
.sitemap li.lev2   {background-position: 0px -220px; padding: 0 0 0 35px;}
.sitemap li.lev3   {background-position: 0px -240px; padding: 0 0 0 45px;}
.sitemap li.lev13  {background-position: 0px -260px; padding: 0 0 0 45px;}
.sitemap li.lev23  {background-position: 0px -280px; padding: 0 0 0 45px;}
.sitemap li.lev123 {background-position: 0px -300px; padding: 0 0 0 45px;}
.sitemap li.lev123L{background-position: 0px -320px; padding: 0 0 0 45px;}
.sitemap li.lev13L {background-position: 0px -340px; padding: 0 0 0 45px;}
.sitemap li.lev23L {background-position: 0px -360px; padding: 0 0 0 45px;}
.sitemap li.lev3L  {background-position: 0px -380px; padding: 0 0 0 45px;}
.sitemap li.lev12L {background-position: 0px -400px; padding: 0 0 0 35px;}
.sitemap li.lev2L  {background-position: 0px -420px; padding: 0 0 0 35px;}
.sitemap li.lev1L  {background-position: 0px -440px; padding: 0 0 0 25px;}





/*
	PHOTO-SCRIPT
*/

#photo-slideshow{
	position:relative;
	height:600px; 
}
#photo-thumbs{
}
#photo-thumbs li{display:inline;}
#photo-enlarge{
}
#photo-enlarged{
	height:600px; 
	width:530px;
}












/*
	LINKS
*/
#links{}
#links ul{padding:0; margin:0; width: 100%;}
#links li{
	border: 1px solid #999;
	border-width: 1px 0;
	margin: 5px 0 !important;
	padding:0;
	list-style:none !important; 
}
#links li a{
	color: #990000;
	display: block;
	font: bold 120% Arial, Helvetica, sans-serif;
	padding: 5px;
	text-decoration: none;
}
* html #links li a{width: 100%;}
#links li a:hover{background: #ffffcc;}
#links a em{
	color: #333;
	display: block;
	font: normal 85% Verdana, Arial, Helvetica, sans-serif;
	line-height: 125%;
}
#links a span{
	color: #b6b6b6;
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
}


/* 
	Success, notice and error boxes
*/
.error,
.notice, 
.success    {padding:5px 5px 5px 25px; margin-bottom:1em; border:2px solid #ddd;}

.error      {background:#FBE3E4 url(../images/icons/error.png) 5px no-repeat; color:#8a1f11; border-color:#FBC2C4;}
.notice     {background:#FFF6BF url(../images/icons/exclamation.png) 5px no-repeat; color:#514721; border-color:#FFD324;}
.success    {background:#E6EFC2 url(../images/icons/success.png) 5px no-repeat; color:#264409; border-color:#C6D880;}
.error a    {color:#8a1f11;}
.notice a   {color:#514721;}
.success a  {color:#264409;}




/*
	SLIDER jQuery
*/
#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:100px;
	height:100px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
#nextBtn{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}
	
	
	
		
	
	/* FOOTER
----------------------------------------------- */

#footer ul#bottom-nav{
	float:left;
	margin:5px 0px;
	list-style:none;
	font-size:85%;
}

#footer ul#info{
	float:right;
	margin:5px 0px;
	list-style:none;
	font-size:85%;
}

#footer ul#bottom-nav li
{
	display:inline;
/*	float:left;*/
	padding:3px 0px;
	border-right:1px solid #656565;
}
#footer ul#info li
{
	display:inline;
/*	float:left;*/
	padding:0px;
	border-left:1px solid #656565;
}


#footer ul li a{
	display:inline;
	padding:3px 10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-transform:capitalize;
}
#footer ul li a:hover,
#footer ul li.active a{
	text-decoration:underline;
}

#footer .information,
#footer .information a{
	position:absolute;
	left:10px;
	bottom:10px;
	font-size:80%;
	color:#656565;
}

#footer .copyright{
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:80%;
	color:#656565;
}