@charset "utf-8";

body,td,th
{
	color:#333;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
}

body
{
	background:#333 url(../gui/bg_body.png) top center repeat-x;
	margin:0;
	text-align:center;
}

h1,h2,h3
{
	color:#09C;
	font-weight:400;
	margin-top:0;
	padding-top:0;
}

#page
{
	height:660px;
	margin:0 auto;
	position:relative;
	text-align:left;
	width:940px;
}

#callback
{
	border-bottom:1px dotted #09c;
	height:30px;
	padding-bottom:3px;
	position:absolute;
	right:0;
	text-align:right;
	top:5px;
	width:100%;
}

#callback form
{
	display:inline;
}

#callback input
{
	background-color:#fff;
	background-image:url(../gui/inputfade.png);
	color:#666;
	margin:auto 0;
	padding:4px;
}

#callback_numbername
{
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-position:bottom;
	border:1px solid #ccc;
	border-radius:2px;
	font-size:14px;
}

#callback_numbername.active
{
	background-image:none;
	border:2px solid #09c;
	padding:3px;
	position:relative;
	width:50%;
	z-index:100;
}

#callback_submit
{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-position:top;
	border:1px solid #ccc;
	border-radius:3px;
	margin:1px;
	padding:3em;
}

#callback_submit.active
{
	border:1px solid #09c;
}

#header
{
	background:url(../gui/header.png) top left no-repeat;
	height:120px;
	left:1px;
	position:absolute;
	top:67px;
	width:577px;
}

#header h1,#header .vcard
{
	display:none;
}

#header .email
{
	display:block;
	height:20px;
	left:231px;
	position:absolute;
	top:84px;
	width:125px;
}

#content
{
	height:350px;
	overflow:visible;
	position:absolute;
	right:0;
	top:210px;
	width:806px;
	z-index:50;
	background:url(../gui/leuchtturm.png) top left no-repeat;
	background-position:380px 220px;
	
}

#content p,#content li
{
	font-size:14px;
	line-height:1.7em;
	margin-top:0;
}

#content_left
{
	float:left;
	width:480px;
}

#content_left h1
{
	font-size:22px;
	letter-spacing:1px;
	margin-bottom:20px;
	text-shadow:0 1px 1px #ccc;
}

#content_left p
{
	margin-top:0;
	padding-top:0;
}

#content_right
{
	float:right;
	margin-top:0;
	width:240px;
}

#content_right h2
{
	border-bottom:1px solid #09c;
	color:#09c;
	font-size:14px;
	margin-bottom:0.6em;
	padding-bottom:0.3em;
	text-shadow:0 1px 1px #B7EDFF;

}

#content_right ul
{
	list-style-position:ouside;
	list-style-type:none;
	margin-left:0;
	margin-top:0;
	padding-left:0;
}

#content_right li,#content_right p
{
	font-size:1em;
	padding-left:0;
}

#content_right a
{
	color:#666;
}

#boxes
{
	border-bottom:1px dotted #666;
	bottom:-23px;
	font-size:0.9em;
	height:163px;
	padding-bottom:13px;
	position:absolute;
	right:0;
	width:810px;
	z-index:100;

}

.bbox
{
	background:#CCC url(../gui/bg_box.png) top left no-repeat;
	border:1px solid #09c;
	bottom:0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	height:160px;
	margin-right:10px;
	position:relative;
	width:193px;
	z-index:10;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.bbox.shark
{
	background:#ccc url(../gui/bg_box_shark.png);
	border:1px solid #FC3;
	margin-right:0;
}

.bbox h2
{
	color:#333;
	font-size:1.2em;
	font-weight:700;
	margin-bottom:3px;
	margin-top:0;
	padding:42px 0.5em 0 5px;
}

.bbox.shark h2
{
	color:#333;
}

.bbox_header
{
	color:#09C;
	font-variant:small-caps;
	font-weight:700;
	padding-left:5px;
	position:absolute;
	top:28px;
}

.shark .bbox_header
{
	color:#c90;
}

.bbox p
{
	line-height:1.4em;
	padding:0 0.5em 0 5px;
	margin-top:5px;
}

#print{
	text-align:right;
	position:absolute;
	top:40px;
	padding-top:5px;
	right:0;
	width: 200px;
	}
#print img{padding-right:0.5em;margin-top:-5px;}

#footer
{
	color:#CCC;
	line-height:1.7em;
	margin:3em auto 0;
	padding-left:130px;
	text-align:left;
	width:810px;
}

#footer div
{
	float:left;
	margin-right:30px;
}

#footer a
{
	color:#ccc;
}
#footer .small a,
#footer .small{color:#222;}

#pdisclaimer b{color:#777;}

#profilebox
{
	position:absolute;
	right:0;
	bottom:-67px;
	overflow:visible;
}
#profilebox a img{border:0;padding-bottom:5px;}
#profilebox a{border:0;}

a:link
{
	color:#09C;
	text-decoration:underline;
}

a:hover
{
	color:#00B1EC;
	text-decoration:none;
}

.help
{
	border-bottom:1px dotted #09c;
	cursor:help;
}

.small
{
	font-size:0.8em;
}

#list_projects {overflow:hidden;}
#list_projects li a{color:#333;}
#list_projects li a:hover{text-decoration:none;}

#cycle_next img{border:0;margin-left:0.5em;}