/* ------  TIMELAPSE ---------------- */

/* ---------------- Global ---------------------------------------------------------------------------------------- */
body { background-color: #E0F4FF;  font-family:Arial,sans-serif;  } 
body.editor { background-color: #FFFFFF;  font-family:Arial,sans-serif;  }
img{ border: none; }

* { margin: 0px; padding: 0px; }
* html body {margin: 0px 0px 0px 1px; }


/* Header mit Navi ------------------------------------------------------------------------------------------------ */
.header{ width:auto; height: 85px; margin-top: 10px; margin-left: 44px; }

/* Navi ----------------------------------------------------------------------------------------------------------- */
.header #navi { width: auto; height: 20px; margin-top: 20px; }

.header #navi #about { width: 63px; height: 16px; float: left; }
.header #navi #about img{ width: 63px; height: 16px; }
.header #navi #about a{ font-size: 18px; background-image:url(../menue/about_us.gif); text-decoration: none;}
.header #navi #about a:hover {  background-image:url(../menue/about_us_medium.gif); text-decoration: none;}
.header #navi #about.selected { width: 63px; height: 16px; background-image:url(../menue/about_us_dark.gif); }

.header #navi #showreel { width: 69px; height: 16px; float: left; margin-left: 15px; }
.header #navi #showreel img{ width: 69px; height: 16px; }
.header #navi #showreel a{ font-size: 18px; background-image:url(../menue/showreel.gif); text-decoration: none;}
.header #navi #showreel a:hover { background-image:url(../menue/showreel_medium.gif); text-decoration: none;}
.header #navi #showreel.selected { width: 69px; height: 16px; background-image:url(../menue/showreel_dark.gif); }

.header #navi #projects { width: 61px; height: 16px; float: left; margin-left: 15px; }
.header #navi #projects img{ width: 61px; height: 16px;}
.header #navi #projects a{ font-size: 18px; background-image:url(../menue/projects.gif); text-decoration: none;}
.header #navi #projects a.selected { width: 61px; height: 16px; background-image:url(../menue/projects_dark.gif); }
.header #navi #projects a:hover { background-image:url(../menue/projects_medium.gif); text-decoration: none;}
.header #navi #projects.selected { width: 61px; height: 16px; background-image:url(../menue/projects_dark.gif); }

.header #navi #archive { width: 54px; height: 16px; float: left; margin-left: 15px; }
.header #navi #archive img{ width: 54px; height: 16px;}
.header #navi #archive a{ font-size: 18px; background-image:url(../menue/archive.gif); text-decoration: none;}
.header #navi #archive a:hover { background-image:url(../menue/archive_medium.gif); text-decoration: none;}
.header #navi #archive.selected { width: 54px; height: 16px; background-image:url(../menue/archive_dark.gif); }

.header #navi #links { width: 40px; height: 16px; float: left; margin-left: 15px; }
.header #navi #links img{ width: 40px; height: 16px;}
.header #navi #links a{ font-size: 18px; background-image:url(../menue/links.gif); text-decoration: none;}
.header #navi #links a:hover { background-image:url(../menue/links_medium.gif); text-decoration: none;}
.header #navi #links.selected { width: 40px; height: 16px; background-image:url(../menue/links_dark.gif); }

.header #navi #contact { width: 57px; height: 16px; float: left; margin-left: 15px; }
.header #navi #contact img{ width: 57px; height: 16px; }
.header #navi #contact a{ font-size: 18px; background-image:url(../menue/contact.gif); text-decoration: none;}
.header #navi #contact a:hover { background-image:url(../menue/contact_medium.gif); text-decoration: none;}
.header #navi #contact.selected { width: 57px; height: 16px; background-image:url(../menue/contact_dark.gif); }



/* Sub-Header ----------------------------------------------------------------------------------------------------------------------------------------------- */
.sub-header{ width:930px; height: 60px; margin-left: 40px; font-size:0.8em; color: #658487; margin-top: 15px; }
.sub-header .text {margin-left: 5px; }

.sub-header #column1 {float:left; }
.sub-header #column1 a.block{ padding: 2px 0px 0px 5px; color: #658487; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column1 a.block:hover{ padding: 2px 0px 0px 5px; color: #ffffff; background-color: #b8d6de; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column1 span.selected { padding: 2px 0px 0px 5px; color: #FFFFFF; background: #96B1B8; display: block; width: 150px; height: 18px; text-decoration: none; }
.sub-header #column1 .contact {margin-left: 5px; font-size: 0.9em; color: #658487;}

.sub-header #column2 {float:left; }
.sub-header #column2 a.block{ padding: 2px 0px 0px 5px; color: #658487; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column2 a.block:hover{ padding: 2px 0px 0px 5px; color: #ffffff; background-color: #b8d6de; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column2 span.selected { padding: 2px 0px 0px 5px; color: #FFFFFF; background: #96B1B8; display: block; width: 150px; height: 18px; text-decoration: none; }
.sub-header #column2 .contact {padding-left: 50px; font-size: 0.9em; color: #658487;}
.sub-header #column2 .contact a {color: #658487; text-decoration: none; }
.sub-header #column2 .contact a:hover {color: #000000; text-decoration: none; }

.sub-header #column3 {float:left; }
.sub-header #column3 a.block{ padding: 2px 0px 0px 5px; color: #658487; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column3 a.block:hover{ padding: 2px 0px 0px 5px; color: #ffffff; background-color: #b8d6de; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column3 span.selected { padding: 2px 0px 0px 5px; color: #FFFFFF; background: #96B1B8; display: block; width: 150px; height: 18px; text-decoration: none; }

.sub-header #column4 {float:left; }
.sub-header #column4 a.block{ padding: 2px 0px 0px 5px; color: #658487; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column4 a.block:hover{ padding: 2px 0px 0px 5px; color: #ffffff; background-color: #b8d6de; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column4 span.selected { padding: 2px 0px 0px 5px; color: #FFFFFF; background: #96B1B8; display: block; width: 150px; height: 18px; text-decoration: none; }

.sub-header #column5 {float:left; }
.sub-header #column5 a.block{ padding: 2px 0px 0px 5px; color: #658487; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column5 a.block:hover{ padding: 2px 0px 0px 5px; color: #ffffff; background-color: #b8d6de; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column5 span.selected { padding: 2px 0px 0px 5px; color: #FFFFFF; background: #96B1B8; display: block; width: 150px; height: 18px; text-decoration: none; }

.sub-header #column6 {float:left; }
.sub-header #column6 a.block{ padding: 2px 0px 0px 5px; color: #658487; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column6 a.block:hover{ padding: 2px 0px 0px 5px; color: #ffffff; background-color: #b8d6de; display: block;  width: 150px; height: 18px; text-decoration: none; }
.sub-header #column6 span.selected { padding: 2px 0px 0px 5px; color: #FFFFFF; background: #96B1B8; display: block; width: 150px; height: 18px; text-decoration: none; }

/* Content ------------------------------------------------------------------------------------------------------------------------------------------------------ */
.content_background{ width:auto; height: auto;  padding: 20px; background-image:url(../menue/bg_10px.gif); background-repeat:repeat;}
.content_background #content_border_white { width: 900px; height: auto; padding: 10px 20px 10px 25px; background-color: #E0F4FF; }
.content_background #content_border_white_contact { width: 450px; height: auto; padding: 10px 20px 10px 25px; background-color: #E0F4FF; }


/* Breadcrumbs -------------------------------------------------------------------------------------------------------------------------------------------------- */
.content_background #content_border_white #breadcrumbs { width:auto; height: 20px; font-size: 9px; color: #658487;  }
.content_background #content_border_white #breadcrumbs span { margin-right: 3px; }
.content_background #content_border_white #breadcrumbs a { text-decoration: none; margin-right:3px; color: #658487; }
.content_background #content_border_white #breadcrumbs a:hover { text-decoration: none; margin-right:3px;  color: #000000; }

.content_background #content_border_white_contact #breadcrumbs { width:auto; height: 20px; font-size: 9px; color: #658487;  }
.content_background #content_border_white_contact #breadcrumbs a { text-decoration: none; margin-right:3px; color: #658487; }
.content_background #content_border_white_contact #breadcrumbs a:hover { text-decoration: none; margin-right:3px;  color: #000000; }


/* Category ----------------------------------------------------------------------------------------------------------------------------------------------------- */
.content_background #content_border_white #category { width:auto; height: 30px; font-size: 1em; font-weight: bold; color: #658487; }
.content_background #content_border_white #category a { margin-right:15px; text-decoration: none; color: #658487; }
.content_background #content_border_white #category a:hover { margin-right:15px; text-decoration: none; color: #000000; }
.content_background #content_border_white #category span.selected { margin-right:15px; text-decoration: none; color: #000000; }


/* Subsite ------------------------------------------------------------------------------------------------------------------------------------------------------ */
.content_background #content_border_white #subsite { width:auto; height: 270px; }


/* Subsite-Movie ------------------------------------------------------------------------------------------------------------------------------------------------------ */
.content_background #content_border_white #subsite #movie { width: 434px; height: 261px; float: left; }


/* Subsite-Text --------------------------------------------------------------------------------------------------------------------------------------------------------- */
.content_background #content_border_white #subsite #text {  width: auto; height: 245px; margin-left: 450px; }
.content_background #content_border_white #subsite #text h1 { font-size:0.9em; color: #2A2A2A; margin-bottom:2px; }
.content_background #content_border_white #subsite #text h2 { font-size:0.8em; color: #B2B2B2; margin-bottom: 10px; }
.content_background #content_border_white #subsite #text span { font-size:0.8em; color: #555555; }


/* Subsite-Links --------------------------------------------------------------------------------------------------------------------------------------------------------- */
.content_background #content_border_white ul { font-size:0.9em; list-style-type: circle; }
.content_background #content_border_white li { margin-left:15px; margin-top: 10px; color: #658487; }
.content_background #content_border_white #subsite a { font-size:0.9em; text-decoration: none; color: #658487; }
.content_background #content_border_white #subsite a:hover { text-decoration: none; color: #000000; }


/* Map ---------------------------------------------------------------------------------------------*/
.content_background #content_border_white_contact #subsite #download { font-size: 0.9em; position: relative; top: -20px; left: 315px; width: 130px; height: 20px; }
.content_background #content_border_white_contact #subsite #download a { color: #767676; text-decoration: none; }
.content_background #content_border_white_contact #subsite #download a:hover {color: #000000; text-decoration: none; }


/* Project Work Overview --------------------------------------------------------------------------------------------------------------------------------------- */
.content_background #content_border_white #subsite #overview { margin-left: -24px; }
.content_background #content_border_white #subsite #overview img{ width: 170px; height: 110px; margin-left: 20px; margin-bottom: 20px; }
.content_background #content_border_white #subsite #overview .column {float:left; }


/* Footer ------------------------------------------------------------------------------------------------------------------------------------------------------- */
.footer{ width:auto; height: 30px; margin-left: 40px; margin-top: 15px; font-size: 0.8em; }
.footer #pic {float: left; }
.footer #mail { float:left; margin-top: -2px; }
.footer #mail a { margin-left: 20px; color: #82a9b8;  text-decoration: none;}
.footer #mail a:hover { color: #658488;  text-decoration: none; }

/* Editor ------------------------------------------------------------------------------------------------*/
.editorMenu { color: #477f9e; font-size: 12px; font-familiy: Arial, Sans Serif; text-decoration: none; font-weight:bold;}
.editorBox { margin-left: 12px; border: 1px #477f9e solid; padding: 4px; width: 460px;}
.editorHeaderBox { color: #FFFFFF;  background-color: #477f9e; margin-top: 12px; margin-left: 12px; border: 1px #477f9e solid; padding: 4px; width: 460px; font-size: 12px; font-familiy: Arial, Sans Serif; text-decoration: none; font-weight:bold;}
.editorTBL { color: #000000; font-size: 12px; font-familiy: Arial, Sans Serif; text-decoration: none; }
.editorTextField { width: 210px; }