/* ------  BRANDSPANK ---------------- */ 

/* ---------------- Global --------------------------- */
body { 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: 98px; margin-top: 10px; margin-left: 44px; }


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

.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/aboutus.gif); text-decoration: none;}
.header #navi #about a:hover {  background-image:url(../menue/aboutus_rollover.gif); text-decoration: none;}
.header #navi #about.selected { width: 63px; height: 16px; background-image:url(../menue/aboutus_green.gif); }

.header #navi #showreel { width: 68px; height: 16px; float: left; margin-left: 15px; }
.header #navi #showreel img{ width: 68px; 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_rollover.gif); text-decoration: none;}
.header #navi #showreel.selected { width: 68px; height: 16px; background-image:url(../menue/showreel_green.gif); }

.header #navi #work { width: 107px; height: 16px; float: left; margin-left: 15px; }
.header #navi #work img{ width: 107px; height: 16px;}
.header #navi #work a{ font-size: 18px; background-image:url(../menue/work.gif); text-decoration: none;}
.header #navi #work a.selected { width: 107px; height: 16px; background-image:url(../menue/work_green.gif); }
.header #navi #work a:hover { background-image:url(../menue/work_rollover.gif); text-decoration: none;}
.header #navi #work.selected { width: 107px; height: 16px; background-image:url(../menue/work_green.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_rollover.gif); text-decoration: none;}
.header #navi #archive.selected { width: 54px; height: 16px; background-image:url(../menue/archive_green.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_rollover.gif); text-decoration: none;}
.header #navi #contact.selected { width: 57px; height: 16px; background-image:url(../menue/contact_green.gif); }


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

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

.sub-header #column2 {float:left; }
.sub-header #column2 a.block{ padding: 2px 0px 0px 5px; color: #555555; background: #FFFFFF; display: block; width: 150px; height: 18px; text-decoration: none; }
.sub-header #column2 a.block:hover{ padding: 2px 0px 0px 5px; color: #ffffff; background-color: #add295; display: block; width: 150px; height: 18px; text-decoration: none;}
.sub-header #column2 span.selected { padding: 2px 0px 0px 5px; color: #FFFFFF; background: #70B244; display: block; width: 150px; height: 18px; text-decoration: none; }
.sub-header #column2 .contact {padding-left: 50px; font-size: 0.9em; }
.sub-header #column2 .contact a {color: #555555; text-decoration: none; }
.sub-header #column2 .contact a:hover {color: #71b345; text-decoration: none; }

.sub-header #column3 {float:left; }
.sub-header #column3 a.block{ padding: 2px 0px 0px 5px; color: #555555; background: #FFFFFF; display: block; width: 150px; height: 18px; text-decoration: none; }
.sub-header #column3 a.block:hover{ padding: 2px 0px 0px 5px; color: #ffffff; background-color: #add295; display: block; width: 150px; height: 18px; text-decoration: none;}
.sub-header #column3 span.selected { padding: 2px 0px 0px 5px; color: #FFFFFF; background: #70B244; display: block; width: 150px; height: 18px; text-decoration: none; }
.sub-header #column3 .contact {padding-left: 50px; font-size: 0.9em; }
.sub-header #column3 .contact a {color: #555555; text-decoration: none; }
.sub-header #column3 .contact a:hover {color: #71b345; text-decoration: none; }

.sub-header #column4 {float:left; }
.sub-header #column4 a.block{ padding: 2px 0px 0px 5px; color: #555555; background: #FFFFFF; display: block; width: 150px; height: 18px; text-decoration: none; }
.sub-header #column4 a.block:hover{ padding: 2px 0px 0px 5px; color: #ffffff; background-color: #add295; display: block; width: 150px; height: 18px; text-decoration: none;}
.sub-header #column4 span.selected { padding: 2px 0px 0px 5px; color: #FFFFFF; background: #70B244; display: block; width: 150px; height: 18px; text-decoration: none; }
.sub-header #column4 .contact {padding-left: 50px; font-size: 0.9em; }
.sub-header #column4 .contact a {color: #555555; text-decoration: none; }
.sub-header #column4 .contact a:hover {color: #71b345; text-decoration: none; }

.sub-header #column5 {float:left; }
.sub-header #column5 a.block{ padding: 2px 0px 0px 5px; color: #555555; background: #FFFFFF; display: block; width: 150px; height: 18px; text-decoration: none; }
.sub-header #column5 a.block:hover{ padding: 2px 0px 0px 5px; color: #ffffff; background-color: #add295; display: block; width: 150px; height: 18px; text-decoration: none;}
.sub-header #column5 span.selected { padding: 2px 0px 0px 5px; color: #FFFFFF; background: #70B244; 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: #555555; background: #FFFFFF; display: block; width: 150px; height: 18px; text-decoration: none; }
.sub-header #column6 a.block:hover{ padding: 2px 0px 0px 5px; color: #ffffff; background-color: #add295; display: block; width: 150px; height: 18px; text-decoration: none;}
.sub-header #column6 span.selected { padding: 2px 0px 0px 5px; color: #FFFFFF; background: #70B244; display: block; width: 150px; height: 18px; text-decoration: none; }


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


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

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


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


/* Subsite ---------------------------------------------------------------------------------------------*/
.content_background #content_border_white #subsite { width:auto; height: 336px; margin-left: 1px; }


/* Featured 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; }


/* Picture ---------------------------------------------------------------------------------------------*/
.content_background #content_border_white #subsite #picture { width: 500; height: 296px; float: left; background-color: #FFFFFF; }


/* 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: #71b345; text-decoration: none; }


/* Text ---------------------------------------------------------------------------------------------*/
.content_background #content_border_white #subsite #text {  width: auto; height: 245px; margin-left: 533px; }
.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; }


/* Page-Numbers---------------------------------------------------------------------------------------------*/
.content_background #content_border_white #subsite #page-numbers {  width: auto; height: auto; margin-top: -15px; font-weight: bold; font-size: 0.8em; }
.content_background #content_border_white #subsite #page-numbers a { margin-right:5px; text-decoration: none; color: #B2B2B2;}
.content_background #content_border_white #subsite #page-numbers a:hover { margin-right:5px; text-decoration: none; color: #71b345;}
.content_background #content_border_white #subsite #page-numbers span.selected { margin-right:5px; text-decoration: none; color: #70B244;}


/* Footer ------------------------------------------------------------------------------------------------*/
.footer{ width:auto; height: 30px; margin-left: 43px; margin-top: 15px; color: #B2B2B2; font-size: 0.8em; }
.footer #pic {float: left; }
.footer #mail { float:left; margin-top: 1px; }
.footer #mail a { margin-left: 20px; color: #B2B2B2;  text-decoration: none;}
.footer #mail a:hover { color: #71b345;  text-decoration: none; }


/* Editor ------------------------------------------------------------------------------------------------*/
.editorMenu { color: #666666; font-size: 12px; font-familiy: Arial, Sans Serif; text-decoration: none; font-weight:bold;}
.editorBox { margin-left: 12px; border: 1px #108700 solid; padding: 4px; width: 460px;}
.editorHeaderBox { color: #FFFFFF;  background-color: #108700; margin-top: 12px; margin-left: 12px; border: 1px #108700 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; }