/* @group layout */

body
{
	font: 12px/1.5em Verdana, 'Helvetica Neue', HelveticaNeue, Arial, Helvetica, sans-serif;
	color: #ccc;
	padding: 0;
	margin:0;
	background: #535353 url(../images/hintergrund_verlauf.gif) repeat-x;
}

#logo
{
	position: absolute;
	top: 12px;
	left: 756px;
}

#content
{
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 12px;
	padding-left: 36px;
	width: 660px;
	background: url(../images/content_bg.png) repeat-y;
	margin-bottom: 0;
	padding-right: 48px;
	padding-top: 36px;
}

#navigation
{
	position: absolute;
	top: 192px;
	left: 768px;
}

/* @end */

/* @group typography and general */

img
{
	text-align: left;
	margin-right: 2em;
	border-width: 0;
	border-style: none;
	vertical-align: text-top;
	float: left;
}

/* links */

a
{
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

a:active
{
	color: #ccc;
}

a:visited
{
	color: #ccc;
}

a:hover
{
	color: #d5ff00;
}

/* typography */

p
{
	margin-top: 0;
	margin-bottom: 1.5em;
}

h1
{
	color: #00d5ff;
	margin-top: 0;
	margin-bottom: 1em;
	font-family: "Helvetica Neue UltraLight", HelveticaNeue-UltraLight, "Helvetica Neue Light", HelveticaNeue-Light, "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
	font-size: 4em;
	font-weight: lighter;
	line-height: 1em;
	letter-spacing: .1em;
}

img.headline1
{
	margin-bottom: 4em;
	display: block;
	float: none;
	clear: both;
}

h2
{
	color: #00d5ff;
	margin-bottom: 1em;
	font-family: "Helvetica Neue UltraLight", HelveticaNeue-UltraLight, "Helvetica Neue Light", HelveticaNeue-Light, "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: lighter;
	line-height: 1em;
	letter-spacing: .1em;
}

img.headline2
{
	margin-top: 2em;
	margin-bottom: 1em;
	display: block;
	float: none;
	clear: both;
}

hr
{
	width: 100%;
	height: 1px;
	border-top: 1px dotted #fff;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	clear: both;
	margin-bottom: 2em;
	padding: 0;
	margin-top: 2em;
}

em
{
	color: white;
	font-weight: normal;
	font-style: normal;
}

em a
{
	color: white;
}

/* classes */

.image_in_text_flow
{
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

/* @end */

/* @group navigation */

/* main navigation in specific language files */

#star
{
	float: none;
	margin-bottom: 2em;
}

/* @group language selection */

#language_selection
{
	color: #333;
	font-size: 0.9em;
}

#language_selection a
{
	color: #ccc;
	border: none;
}

#language_selection a:hover
{
	color: #d4fe20;
}

/* @end */

/* @end */

/* @group content */

.three_columns_left_middle
{
	width:196px;
	float:left;
	margin-right:36px;
	margin-bottom: 2em;
}

.three_columns_right
{
	width:196px;
	float: left;
	margin-bottom: 2em;
}

.three_columns_spanned_right
{
	width:428px;
	float: left;
	margin-bottom: 2em;
}

.three_columns_spanned_left
{
	width:428px;
	float: left;
	margin-right:36px;
	margin-bottom: 2em;
}

/* @group about */

ul#news
{
	margin: 0;
	padding: 0 0 2em;
}

ul#news li
{
	list-style-type: none;
	clear: both;
	float: none;
	padding-bottom: 1em;
}

ul#news li div.head
{
	display: block;
	padding-bottom: .5em;
	border-top: 1px dotted #333;
}

ul#news li div.head div.title
{
	float: left;
	color: #d5ff00;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
}

ul#news li div.head div.date
{
	font-size: .8em;
	font-weight: bold;
	margin-top: 1.333em;
	color: #666;
}

ul#news li p
{
	clear: both;
}

ul#news li p img
{
	margin-right: 1em;
	margin-bottom: 2.5em;
}

ul#news li p a
{
	text-decoration: none;
}

/* @end */

/* @group contact */

.e_mail_form_label
{
	margin-right: 1em;
	width: 6em;
	float: left;
}

#subject, #from
{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 338px;
	margin: 0;
}

#message
{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 426px;
	height: 14em;
	margin: 0;
	padding: 0;
}

.e_mail_form_error
{
	color: #00d5ff;
}

/* @end */

/* @group projects */



/* @group layout */

#media_stage
{
	float: none;
	padding: 0;
	margin: 0 0 3em;
}

/* @end */

/* @group other */

a#featured_project
{
	color: #333;
	background-color: #d5ff00;
	display: block;
	text-decoration: none;
	padding-bottom: 1em;
}

a#featured_project:hover
{
	background: url(../images/navigation/project_navigation_bg_active.gif);
	color: white;
}

a#featured_project img
{
	margin-bottom: 4em;
	border-top: 1px dotted white;
}

a#featured_project em
{
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	line-height: 3em;
	letter-spacing: .1em;
	color: #999;
}

a#featured_project:hover em
{
	color: #d4fe20;
}

#project_list
{
	margin: 0;
	padding: 0 0 3em;
}

#project_list li
{
	list-style-type: none;
	clear: both;
}

#project_list li a
{
	color: #ccc;
	width: 100%;
	height: 48px;
	background-color: #333;
	display: block;
	text-decoration: none;
	margin-bottom: 1em;
	border: none;
}

#project_list li a:hover
{
	background: url(../images/navigation/project_navigation_bg_active.gif);
	color: white;
}

#project_list li a:hover em
{
	color: #d4fe20;
}

#project_list li a em
{
	padding-top: .5em;
	display: block;
}

#project_list li a img
{
	float: left;
	margin-right: 1em;
}


#media_player
{
	padding: 0;
	margin: 0;
	display: block;
}

p#media_description
{
	display: block;
	color: silver;
	font-size: .8em;
	margin-bottom: 2em;
	padding-top: 0;
	margin-top: 0;
}

#media_thumbnails
{
	margin: 0 0 3em;
	padding: 0 0 3em;
	height: 1em;
}

#media_thumbnails li
{
	list-style-type: none;
	display: inline;
	margin-right: 12px;
}

#media_thumbnails li a
{
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	border: none;
}

#media_thumbnails li a img.link_icon
{
	margin: 0;
}

#media_thumbnails li a img.download_icon
{
	margin: 0;
}

#media_thumbnails li a img
{
	margin-bottom: 1em;
}


table#project_information
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

table#project_information th
{
	vertical-align: top;
	font-weight: normal;
	color: #ccc;
	border-left-style: none;
	border-top: 1px dotted #00d4fc;
	border-bottom: 1px dotted #00d4fc;
	border-right-style: none;
	padding: .5em 0;
}

table#project_information td
{
	vertical-align: top;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px dotted #00d4fc;
	border-top: 1px dotted #00d4fc;
	color: white;
	padding: .5em 0 .5em 1em;
}

table#project_information td a
{
	color: white;
}

table#project_information td a:hover
{
	color: #d5ff00;
}


table#project_information ul
{
	margin: 0;
	padding: 0 0 0 1em;
	list-style-image: url(../images/bullet.gif);
}


/* @end */

/* @end */

/* @group footer */

#footer
{
	clear: both;
	padding-bottom: 72px;
}

#footer p
{
	font-size: 0.8em;
	color: #999;
}

#footer a
{
	color: #ccc;
	text-decoration: none;
}

#footer a:hover
{
	color: #d4fe20;
}

/* @end */


/* @end */