/*
* COMPANY:   beeuneeq (http://www.beeuneeq.com)
* DEVELOPER: Philipp Hornung (http://www.philipphornung.de)
* DATE:      10/2010
*/





html, body {
	margin:0px;
	padding:0px;
	background-color:#000;
	color:#FFF;
	height:100%;
	position:relative;
}
#browserwrapper {
	display:table;
	height:100%;
	width:100%;
	position:relative;
	overflow:hidden;
}
#divwrapper {
	*position:absolute;
	display:table-cell;
	top:50%;
	vertical-align:middle;
}
#wrapper {
	background-image:url(../gfx/logo.png);
	background-repeat:no-repeat;
	background-position:810px 50%;
	border:1px solid #333;
	width:920px;
	height:590px;
	*position: relative;
	top:-50%;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
}





/* ------------------------------------------------------------ main ---------- */


#main {
	width:700px;
	height:590px;
	position:relative;
	left:0px;
	top:0px;
}
#main #image {
	width:700px;
	height:395px;
	position:absolute;
	left:0px;
	top:0px;
}
#main #gallery {
	width:700px;
}
#main #preview {
	position:absolute;
	left:0px;
	top:0px;
}
#main #preview img {
	border:1px solid #404041;
}
#main #thumbs {
	position:absolute;
	top:305px;
}
#main #thumbs .float {
	float:left;
}
#main #thumbs .thumbimage {
    filter:alpha(opacity=20);
    opacity:0.2;
}
#main #thumbs .margin {
	margin-right: 5px;
}
#main #thumbs img {
	border:1px solid #404041;
}
#main #links,
#main #contact {
	border:1px solid #41ad49;
	width:148px;
	height:158px;
	position:absolute;
	left:0px;
	top:400px;
	font-family:Arial,sans-serif;
	font-size:11px;
	line-height:13px;
	color:#7e7f82;
	padding:15px;
}
#main #contact a:link {
	text-decoration:none;
	outline:none;
	color:#41ad49;
} 
#main #contact a:visited {
	text-decoration:none;
	outline:none;
	color:#41ad49;
}
#main #contact a:hover {
	text-decoration:underline;
	outline:none;
	color:#41ad49;
} 
#main #contact a:active {
	text-decoration:underline;
	outline:none;
	color:#41ad49;
}
#main #contact #facebook {
	position:absolute;
	right:70px;
	bottom:19px;
}
#main #contact #twitter {
	position:absolute;
	right:41px;
	bottom:19px;
}
#main #contact #linkedin {
	position:absolute;
	right:15px;
	bottom:19px;
}
#main #contact #facebook:hover,
#main #contact #twitter:hover,
#main #contact #linkedin:hover {
    filter:alpha(opacity=50);
    opacity:0.5;
}
#main #image #placeholder,
#main #gallery #placeholder {
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:700px;
	height:395px;
}
#main #image #placeholder {
	background-image:url(../gfx/placeholderI.png);
}
#main #gallery #placeholder {
	background-image:url(../gfx/placeholderG.png);
}
.thumbplaceholder {
	background-image:url(../gfx/placeholderGT.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:136px;
	height:90px;
}



#main #links .linkI:link {
	text-decoration:none;
	outline:none;
	color:#7e7f82;
} 
#main #links .linkI:visited {
	text-decoration:none;
	outline:none;
	color:#7e7f82;
}
#main #links .linkI:hover {
	text-decoration:none;
	outline:none;
	color:#41ad49;
} 
#main #links .linkI:active {
	text-decoration:none;
	outline:none;
	color:#41ad49;
}
#main .linkA {
	text-decoration:none;
	outline:none;
	color:#41ad49;
}
#main #text {
	border:1px solid #41ad49;
	width:483px;
	height:158px;
	position:absolute;
	left:185px;
	top:400px;
	font-family:Arial,sans-serif;
	font-size:11px;
	line-height:13px;
	color:#7e7f82;
	padding:15px;
}
#main #text a:link {
	color:#7e7f82;
	text-decoration:underline;
	outline:none;
}
#main #text a:visited {
	color:#7e7f82;
	text-decoration:underline;
	outline:none;
}
#main #text a:hover {
	color:#41ad49;
	text-decoration:none;
	outline:none;
}
#main #text a:active {
	color:#41ad49;
	text-decoration:none;
	outline:none;
}
#main .highlight1 {
	color:#FFF;
}
#main .highlight2 {
	color:#FFF;
}
#main .highlight2:link {
	text-decoration:none;
	outline:none;
	color:#FFF;
}
#main .highlight2:visited {
	text-decoration:none;
	outline:none;
	color:#FFF;
}
#main .highlight2:hover {
	text-decoration:none;
	outline:none;
	color:#41ad49;
}
#main .highlight2:active {
	text-decoration:none;
	outline:none;
	color:#41ad49;
}





/* ------------------------------------------------------------ nav ---------- */


#nav {
	width:140px;
	height:610px;
	position:relative;
	left:780px;
	top:-610px;
}
#nav #nav1 {
	width:140px;
	text-align:left;
	position:absolute;
	top:14px;
}
#nav #nav2 {
	width:140px;
	text-align:right;
	position:absolute;
	bottom:0px;
}
#nav .navEle {
	border:1px solid #333;
	font-family:Arial,sans-serif;
	font-size:11px;
	color:#7e7f82;
	padding:4px;
	margin-top:6px;
}
#nav .navAct {
	border:1px solid #41ad49;
	font-family:Arial,sans-serif;
	font-size:11px;
	color:#FFF;
	padding:4px;
	margin-top:6px;
}
/*#nav .nav div:hover {*/
#nav #nav2 div:hover {
	border:1px solid #41ad49;
}
#nav #nav1 {
	opacity:0.5;
}





/* ------------------------------------------------------------ imprint ---------- */


#imprint {
	width:200px;
	height:20px;
	position:relative;
	left:0px;
	top:-600px;
	font-family:Arial,sans-serif;
	font-size:11px;
	color:#29292a;
}





/* ------------------------------------------------------------ links ---------- */


a:link {
	text-decoration:none;
	outline:none;
} 
a:visited {
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:none;
	outline:none;
} 
a:active {
	text-decoration:none;
	outline:none;
}
a:focus {
	outline:none;
}
:focus {
  -moz-outline-style:none;
}