@charset "ISO-8859-1";
/* CSS Document */
/* Light Pink: #fe8af4 - active menu */
/* Light Blue: #77C6C6 - hover */


body {background:#333; font-size:10px;}

#wrapper {
	background:#333;
	position: absolute;
	top: 50%;
	left: 50%;
	width:1000px;
	height:700px;
	margin-left:-500px;
	margin-top:-350px;
	border:#000 1px solid;
}

#content {
	background:#000 url(../images/background_1.jpg) no-repeat;*/
	padding:0;
	margin:0;
	height:100%;
	width:100%;	
}

#content_blurred {
	/*background:#000 url(../images/background_2.jpg) no-repeat;*/
	padding:0;
	margin:0;
	height:100%;
	width:100%;	
}


/*--------------- MENU ----------------*/

#menu {
	padding: 0px 0px 0px 25px;
	margin:0;
	position:absolute;
	top:170px;
	left:0px;
	text-align:left;
}

#menu img {border:none; display:block; margin-bottom:12px; outline:0px;}
#menu a img:hover {border-bottom:#fe8af4 3px solid; margin-bottom:9px; outline:0px;}
#submenu {margin:0px 0px 0px 40px;}
#submenu img {border:none; display:block; outline:0px; padding-bottom:0px;}
#submenu a img:hover {border-bottom:#77C6C6 3px solid; padding-bottom:0px; outline:0px;}


/* -------------- NEWS ------------------*/


#container{
	/*border-bottom:#FFF 3px dotted;
	border-top:#FFF 3px dotted;*/
	/*background:url(../images/footer_bg.png);*/
	padding-right:5px;
	height:100%;
	overflow:auto;
}

#news{
	position:absolute;
	top:30px;
	right:30px;
	width:550px;
	height:500px;
}

#news .box {
	background:url(../images/footer_bg.png);
	padding:15px;
	margin-bottom:10px;
	font-family:Verdana, Geneva, sans-serif;
}

#news h3 {font-family:Helvetica, Arial, sans-serif; color:#77C6C6; font-size:2em; margin:0px 0px 5px 0px;}
#news .text {font-family:Helvetica, Arial, sans-serif; color:#FFF;}
#news .date {font-family:Helvetica, Arial, sans-serif; font-size:0.8em; display:block; color:#999; margin-top:9px;}
#news img {margin: 0px 10px 5px 0px; float:left;}

#news .box #left a{float:left;}
#news .box #right a{float:right;}
#news .box a{color:#77C6C6; text-decoration:none}

/* -------------- CONTACT ------------------*/

#contact{
	position:absolute;
	top:30px;
	right:30px;
	width:500px;
	height:500px;
}

#contact .box {
	background:url(../images/footer_bg.png);
	padding:15px;
	margin-bottom:10px;
	font-family:Verdana, Geneva, sans-serif;
	height:100%;
}

#contact h3 {font-family:Helvetica, Arial, sans-serif; color:#77C6C6; font-size:2em; margin:0px 0px 5px 0px;}
#contact .bold_text {font-family:Helvetica, Arial, sans-serif; color:#fe8af4;}
#contact .text {font-family:Helvetica, Arial, sans-serif; color:#FFF;}
#contact .titel{font-family:Helvetica, Arial, sans-serif; font-size:0.9em; display:block; color:#999; text-indent:2em;}
#contact img {margin: 0px 10px 5px 0px; float:left}

#contact .box #left a{float:left;}
#contact .box #right a{float:right;}
#contact .box a{color:#77C6C6; text-decoration:none}


/*--------------- WORK ------------------*/
#work {
	position:absolute;
	top:50px;
	right:30px;
	width:610px;
	height:489px;
}

#work #container{
	padding-right:5px;
	height:100%;
	overflow:auto;
	z-index:10;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#CCC;
}

#work .box {
	margin-bottom:19px;
}

#work .box a{text-decoration:none;}
#work .box img {border:#000 3px solid; margin:0px 0px 0px 19px;
}
#work .box img:hover{border:#77C6C6 3px solid;}
#work .box img:active{border:#fe8af4 3px solid;}

/*#work .box {
	border:#000 5px solid;
	margin: 0px 0px 15px 15px;
	z-index:1;
	float:left;
	display:block;
} 
#work .box:hover{border:#77C6C6 5px solid;}
#work .box:active{border:#fe8af4 5px solid;}*/ 

/*--------------- FOOTER ----------------*/

#footer {
	background:#333;
	height:140px;
	width:100%;
	position:absolute;
	bottom:0px;
}

#footer_content {
	background:url(../images/footer_bg.png) repeat;
	position:relative;
	width:100%;
	height:100%;
}

#footer_content #contact_info {position:absolute; left:30px; top:30px;}
#footer_content #login a img {position:absolute; left:200px; bottom:25px; border:none; padding-bottom: 2px; clear:both;}
#footer_content #login a img:hover {border-bottom:#77C6C6 3px solid; outline:0px; bottom:22px; padding-bottom: 2px;}
#footer_content #logo {position:absolute; right:30px; top:45px; border:none}

#demotip {
	display:none;
	font-family:Helvetica, Arial sans-serif;
	font-size:9px;
	background:#000;
	font-size:12px;
	width:220px;
	/*min-height:80px;*/
	padding:10px;
	color:#FFF;
	z-index:1000;
	border:#FFF 1px solid;
}

.shadowbox_title {
	color:#77C6C6;
	font-weight:bold;
}