html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	}

* {margin: 0px;	padding: 0px;}

body {
	font-family: "Lucida Sans", verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../images/bgsmall2.jpg)
}

.clear { clear:both}

:focus{ -moz-outline-style: none;}
input, textarea { outline: none; }

#h2 { margin-bottom:-70px; margin-left:-2px; padding-top:90px; font-family:Arial, Helvetica, sans-serif; font-size: 34px; font-style: bold; color:#FFFFFF; letter-spacing: -4px;}

#bg2 {background: url(../images/BG2.png) center top no-repeat;}
#wrap {margin: 0; padding: 0; }

#before_secret {height: 3px; background-color: #fff;}
#top_secret {background-color: #fff; padding: 40px 0; display: none ;}
#secret {background-color: #fff; color: #000;width: 830px; margin: 0 auto;}
	#secret a {text-decoration: none; color: #333;}
	#secret a:hover {color:#000; text-decoration: underline;}
	#secret h1 { color: #555; margin-bottom:10px;}
	#secret h2 { font-size: 11px; padding-top: 10px; color: #555; margin-bottom: 5px;}
#h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	#secret .face {float: left; padding: 20px 15px 40px; margin-top:30px;}
	#secret .facebook {background: url(../images/icons/facebook_24.png) no-repeat; padding:5px 10px 10px 25px; margin-left:83px; line-height: 24px;}
	#secret .email {background: url(../images/icons/mail_24.png) no-repeat; padding:5px 10px 10px 25px; line-height: 24px;}
	#secret span {width:350px;float:left; margin-right:20px; font-size:11px; color:#333333;}
#container { width: 830px; margin: 0 auto; }

#menu {border-bottom: 1px dotted #fff;padding-bottom: 3px;}
#menu ul {color: #fff;}
#menu ul li {display: inline; margin-right: 10px; padding-right: 10px; border-right: 1px dotted #888;}
#menu ul li a {color: #fff; text-decoration: none;}
#menu ul li a:hover { color:#99FF00;}
#menu .active a{ color:#99FF00;}

#tree {width: 400px; height: 200px; margin-top:-182px; float: right;  margin-right: -170px;}

#birth {
	float: right;
	padding-top: 3px;
	color: #777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0,6;
}

#trigger a{ height: 260px; margin-bottom: 110px; background: url(../images/trigger.png) no-repeat; padding-left: 40px; display: block;color:#99FF00; text-decoration: none; width: 10px }

#trigger a:hover {background: url(../images/trigger2.png) no-repeat; color: lime;}

#content {
	margin-top: 70px;
}
	#content h1 {font-weight: 600; padding-bottom: 10px;}
	.left {
	float: left;
	width: 830px;
	padding-top:-40px;
}
	.right { float: right; width: 400px;}

.copyright {color: #777; padding-bottom: 100px; font-size: 10px;  margin-top:50px;}

/*****kontakt*****/
form {	padding: 0 ;}
	form fieldset {border:none;}
	form, form fieldset input, form fieldset textarea, form label {	font-family: Helvetica, Arial;	font-size: 10pt;}
	form p {
	position: relative;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
	form p label {
	position: absolute;
	top: -2px;
	left: 1px;
	height: 10px;
}
	form p br {display: none;}
		form fieldset p input,form fieldset p textarea {display: block;padding: 4px;width: 360px;margin: 0;}
			form fieldset p label {
	width: 380px;
	display: block;
	padding: 0;
	margin-top: 6px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 6px;
}
			form fieldset p textarea {padding: 2px;width: 364px;}
			form fieldset p textarea:focus {border-color:#99FF00;}
			form fieldset p input:focus {border-color:#99FF00;}
			form fieldset p textarea,form fieldset p input {border: solid 1px #ccc;}
			form fieldset p label {
	color: #000000;
}
			form fieldset .submit {border: 1px solid #ccc; padding: 3px 6px; font-size: 12px; color: #999; font-weight: normal; font-family: Helvetica, arial; background-color: #fff; text-decoration: none;}
			form fieldset .submit_hover {border: 1px solid #1d3643; padding: 3px 6px; font-size: 12px; color: #333; font-weight: normal; font-family: Helvetica, arial; background-color: #fff; text-decoration: none;}
.toggler { border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid; font-weight: bold; padding:3px 3px 3px 8px; cursor:pointer; color: #eeeeee; font-size: 11px; font-family:Arial, sans-serif;  background: #2a4556; }
.toggler:hover { color: white; background:#436f8b; }
.element { padding: 14px; margin-bottom: 5px; top:10px; background: #eee; }
.element .image {padding: 5px 20px 5px 0; overflow: hidden;}
.element .text { padding-left: 110px; margin-top: -95px}
/*****kontakt end*****/

/*****portefolio*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }


ul#filter { float: left; font-size: 12px; list-style: none; margin-left: 0; width: 100%; margin-top: -65px;  }
ul#filter li { border-right: 1px dotted #888;float: left;line-height: 14px;margin-right: 10px;padding-right: 10px; }
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #fff; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: none; }
ul#filter li.current a { color: #99FF00;}

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 830px; margin-left: 7px;  }
ul#portfolio li {  margin: 0 10px 15px 0; width:190px; float:left}
/*
ul#portfolio a { display: block; width: 100%; color: #fff; text-decoration: none; border: 0px solid; }
ul#portfolio a:hover { color: #99FF00 }
ul#portfolio img {
	display: block;
	padding-bottom: 5px;
	border: 0px solid #FFFFFF;
}




/*****portefolio end *****/

#slidefullcaption a {display:block; border:0px solid #6e6e6e;}
#slidefullcaption a:hover {display:block; border:1px solid #fff;}

#sliderwrap {
	width:185px;
	height:170px;
	float:left;
	position:relative;
	overflow:hidden;
}

#sliderwrap h1 {
	color:#FFF;
}

#front {
	position:absolute;
	z-index:10;
}
#front h1 {
	font-size:12px; 
}
#front p {padding:6px 0px 0px; width:150px;}
#front a {  color:#99FF00; text-decoration:none; font-size:11px; /*font-weight:bold;*/ padding-top:7px; display:block; }
#front a:hover {color:#006600;}

#back {
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	background-image: url(images/portefolio/thumb/andet/mussemoette_3_small.jpg);
}
.caption_4 {
	position: absolute;
	top:135px;
	background: rgba(0,0,0,0.8);
	background-image:url(../images/trans_bg.png)\9;
	width:185px;
	height:170px;
	padding:10px;
}