/* --------- Allgemeine ----------*/

body, textarea, input {	font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
body {
	line-height: 15px;
	color: #222;
	margin:0; padding:0;
	margin-bottom: 40px;
	background-image: url('images/bg2.gif');
	background-color: #FBFAE8;
}
a, a:hover, a:visited { color: #00BBFF;	font-weight:bold; text-decoration:none; }
a:hover { color:#EDECD0; background-color:#00BBFF; }
img { border:none; margin: 10px 12px 2px 0;	}
.break { clear:both; }
br.flat { height:8px !important; max-height:8px !important; line-height:8px !important; padding:0; margin:0; overflow:hidden !important; }
p { padding: 4px 20px 6px 20px; margin:0; }
p.first { padding-top: 20px; width:310px; }
p.small { font-size:10px; letter-spacing:0.01em; line-height:13px; }
.hr { border-top: 1px dotted #C0BD9E; } /* Zusatzklasse für p, td */
.high { margin-top:7px; margin-bottom:8px; } /* Zusatzklasse für hr für p, td */
.wide { padding-left:2px; padding-right:2px; }
h1 { font-size: 24px; font-weight:bold; margin: 20px 0 0 20px; }
h2 { font-size: 12px; font-weight:normal; margin:0 10px; padding:0; display:inline; }
h2 b { font-size: 14px; font-weight:bold; }
h3 { font-size: 16px; font-weight:bold; padding:0; margin: 4px 0 0 18px; }
input { background-color:#EDECD0; border-width:1px; padding-left:3px; }
form, ol { margin:4px 0; padding:0; }
li { padding: 8px 0 8px 2px; margin:0; }
	
/* -- Grundlayout -- */

div#global { position: relative; }
div.globalSmall { margin:6px; margin-left:-43px; }
div.globalLarge { margin:40px; }
#head_mfo { position: absolute; z-index:100; top:0px; width:199px; height:51px; }
div.head_mfo_small { left:40px; background-image:url('images/head_mfo_small.gif'); }
div.head_mfo_small2 { left:40px; background-image:url('images/head_mfo_small2.gif'); cursor:pointer; }
div.head_mfo_large { left:-40px; background-image:url('images/head_mfo.gif'); }
div.head_mfo_large2 { left:-40px; background-image:url('images/head_mfo2.gif'); cursor:pointer; }
#info { position: absolute; z-index:0; left:50px; top:40px; width:360px; height:390px; }
#lang_picker { position:absolute; z-index:12; left:388px; top:16px; width:60px; height:20px; }
#contact { position: absolute; z-index:8; left:132px; top:464px; width:246px; height:200px; }
#head_contact { position: absolute; z-index:9; left:132px; top:424px; width:257px; height:41px; background-image:url('images/head_contact.gif'); }
#projects { position: absolute; z-index:6; left:420px; top:30px; width:348px; height:auto; }
#head_projects { position: absolute; z-index:7; left:530px; top:4px; width:193px; height:39px; background-image:url('images/head_projects.gif'); }
#bookmarking { position: absolute; z-index:10; left:679px; top:740px; width:300px; height:30px; background: transparent; }

.info_field { background-color:#EDECD0; border:1px solid #BABBAD; border-left-color:#FBFAF3; border-top-color:#FBFAF3; /*text-align:justify;*/ }

/* -- Neonfarben -- */

#info h1,
#info h3,
#info a { color:#00BBFF; }
#info a:hover  { color:#fff; background-color:#00BBFF; }
#contact a  { color:#000; }
#contact a:hover  { color:#fff; background-color:#FF006C; }

/* -- Contact -- */

#contact div#target { padding: 4px 20px 0 22px; font-weight:bold; }
#contact a { display:block; line-height:16px; vertical-align:bottom; padding-left:38px; background-repeat:no-repeat; background-position:0 0px; }
#contact a.mail { background-image:url('images/icon_mail.gif'); }
#contact a.phone { background-image:url('images/icon_phone.gif'); line-height:26px; cursor:default; }
#contact a.myspace { background-image:url('images/icon_myspace.gif'); }
#contact a.vimeo { background-image:url('images/icon_vimeo.gif'); }
#contact a.dailymotion { background-image:url('images/icon_dailymotion.gif'); }
#contact a.youtube { background-image:url('images/icon_youtube.gif'); }
#contact a.flickr { background-image:url('images/icon_flickr.gif'); }
#contact a.delicious { background-image:url('images/icon_delicious1.gif'); }
#contact div.hr { margin-left:18px; width:83%; line-height:1px; }
#contact input { margin-left:2px; font-weight:bold; color:#fff; background-color:#FF006B; }
#contact input.text_input { color:#999; background-color:#fff; }
#contact input.active { color:#FF006B; background-color:#fff; }

/* -- Infofeld -- */

#info div.hr { margin:6px 20px 10px 20px; width:89%; line-height:1px; }

/* -- Sprachumschalter -- */

#lang_picker { padding-left:14px; border-width:0 1px 1px 0;  background-image:url('images/corner_lang.gif'); background-repeat:no-repeat; background-position:top left; }
#lang_picker a { display:block; float:left; border:1px solid #BABBAD; width:15px; height:11px; margin:4px; }
#lang_picker a:hover { border-color:#000; }
#lang_picker a.en { background-image:url('images/en.gif'); }
#lang_picker a.de { background-image:url('images/de.gif'); }

/* -- Bookmarking -- */

#bookmarking a { display:block; float:left; width:82px; height:17px; margin: 2px 0 0 8px; background-position:1px 1px; background-repeat:no-repeat; }
#bookmarking a:hover { background-color:#C0BD9E; }
#bookmarking a.delicious { background-image:url('images/icon_delicious.gif'); }
#bookmarking a.mr_wong { background-image:url('images/icon_wong.gif'); }

/* -- Projektliste -- */

#projects { padding-bottom:20px; }
div.project,
div.project_sel { width:300px; height: 110px; margin:0 24px 6px 24px; border: 1px dotted #2E2E28; background-color:#C0BD9E; cursor:pointer; }
div.vjing { background-color:#E0DDA6; }
div.performance { /*background-color:#A79E7D;*/ }
div.clip { background-color:#C2D5BE; }
div.project_sel { background-color:#E0E800; }
div.project h2, div.project_sel h2 { padding-top:4px; display:block; }
div.project img, div.project_sel img { margin: 1px 9px 9px 11px; float:left; border: 1px solid #2E2E28;  }
div.project_sel img { border-color: #000; }
div.project p, div.project_sel p { line-height:13px; font-size:11px; padding:0 10px 0 10px; }

div.brand_new { position: absolute; z-index:100; left:246px; top:145px; width:94px; height:26px; background:transparent url('images/brand_new.gif') no-repeat; }


/* -- Projektfenster -- */

div.project_over { left:50px; width:1014px; height:auto; display:none; position:absolute; z-index:90; top:34px; 
				   font-size:12px; line-height:16px; padding-bottom:20px; color:#BFBD9D; background-color: #2E2E28; }
/*div.project_over a { font-weight:normal; }*/
div.project_over a { color:#E0E800; padding:0 2px 0 16px; background-image:url('images/icon_arrow.gif'); background-repeat:no-repeat; background-position:1px 1px; }
div.project_over a:hover { color:#2E2E28; background-color:#E0E800; }
div.project_over a.noArrow { padding:0; background:none; }
div.project_over div.upri { position:absolute; z-index:101; top:0; right:0; width:50px; height:213px; background-image: url('images/proj_over_upri.gif'); cursor:pointer; }
div.project_over div.lole { position:absolute; z-index:102; bottom:0; left:0; width:41px; height:20px; background-image: url('images/proj_over_lole.gif'); cursor:pointer; }
div.project_over_con { color:#BFBD9D; overflow:hidden; padding:20px 0 30px 20px; }
div.project_over_con div.heading { font-size:14px; margin: 20px 0 10px 60px; }
div.project_over_con div.heading h1 { display: inline; margin-left:6px; }
div.project_over_con div.movie { display:block; background-color:#000; width:801px; height:400px; overflow:hidden; padding:0; margin:16px 0; float:left; }
div.project_over_con div.movie div.movie_info { font-weight:bold; padding:20px; }
div.project_over_con div.more { line-height: 14px; margin:119px 0 0 10px; width:144px; height:auto; float:left; }
div.project_over_con div.more div.head { width:100%; height:28px; background-image:url('images/head_more.gif'); background-repeat:no-repeat;  background-position:top right; }
div.project_over_con div.more div.body { width:126px; height:auto; padding:10px 6px 10px 8px; color:#000; border:1px solid #000; border-top:none; }
div.project_over_con div.more a { display:block; line-height:14px; padding:0 0 4px 36px; margin:4px 0; background-position:0 0; }
div.project_over_con div.more a.qt { background-image:url('images/icon_quicktime.gif'); }
div.project_over_con div.more a.vimeo { background-image:url('images/icon_vimeo2.gif'); }
div.project_over_con div.more a.youtube { background-image:url('images/icon_youtube2.gif'); }
div.project_over_con div.more a.flickr { background-image:url('images/icon_flickr2.gif'); }
div.project_over_con div.info { width:801px; }
div.project_over_con div.info p { text-align:justify; width:395px; overflow:hidden; padding:0 5px 20px 0; float:left; }
div.project_over_con div.info p.left { clear:both; }
div.project_over_con div.info p.left_text { clear:both; width:392px; padding-right:8px; }
div.project_over_con div.info p.right { padding-left:5px; padding-right:0; float:left; }
div.project_over_con div.info p.right_text { width:392px; padding-left:8px; padding-right:0; float:left; }