@charset 'utf-8';

*{ padding: 0; margin: 0; }
html { height: 100%; margin: 0; padding: 0; }
body { font-size: 13px; line-height: 1.4em; color: #666; font-family: Arial, Helvetica, sans-serif; background: #FFF;  }


/* ========== basic font styles ========== */

textarea { font-family: Arial, Helvetica, sans-serif; }

#header_nav, #nav_login, /* mitglied werden / login link */
#loginbox input.login, #loginbox input.login_user, /* box login */
.box input.login, .box input.login_user, /* box login */
#footer /* footer */
{ font-size: 10px; }  

.service-nav, #navi_2nd, /* navigation 2te ebene*/
#content p,
.box p,
.search td h4,
.pager-forum td
 { font-size: 13px; }
  
#right_extra,
#left_extra,
.search,
#found, 
#loading-search 
 { font-size: 11px; }
 
p#prolog 
{ font-size: 19px; color: #838383; margin: 0; padding: 0; line-height: 1.3em; }



/* ========== header ========== */

#header { width: 828px; height: 128px; margin: 0 auto; padding: 0; }
#header.popup { height: 80px; }

#logo { float: left; width: 459px; height: 25px; margin: 17px 0 0 0; padding: 0; }
#header_nav { float: right; width: 160px; height: 25px; margin: 17px 0 0 0; padding: 4px 0 0 0; text-align: right; }



/* ========== main container / wrapper ========== */

#container { width: 100%; height: auto; margin: 0 auto; padding: 0; }
#wrapper { width: 828px; min-height: 400px; height: auto; margin: 0 auto; clear: both; padding-right: 11px; }
html>body #wrapper { padding: 0; } /* ie6 hack to shift wrapper 7 pixel to left */



/* ========== base container ========== */
#content_container { background: url(../images/layout/bg_content_container.jpg) repeat-x 0 0; width: 100%; min-height: 400px; height: auto; clear: both; }
#base_content_left { float: left; width: 516px; height: auto; margin: 40px 0 0 0; padding: 0; }
#base_content_right { float: right; width: 516px; height: auto; margin: 40px 0 0 0; padding: 0; }
#base_content { width: 100%; height: auto; margin: 40px 0 0 0; padding: 0; }
#base_content_psuche { width: 100%; height: auto; margin: 25px 0 0 0; padding: 0; }
#content { padding: 0; margin: 12px 0; }
#news_tease { padding: 0; margin: 30px 0; }
#medialib_container { margin:40px 10px 20px 13px; width: 560px; height: auto; clear: both; }

#right_extra { float: right; width: 256px; margin: 43px 0 0 0; }
#left_extra { float: left; width: 256px; margin: 43px 0 0 0; }



/* ========== round corner boxes ========== */

.round_corner_box_dark, .round_corner_box { background-position: center top; padding: 12px 12px 9px 12px; }
.round_corner_box_dark_bottom, .round_corner_box_bottom { background-position: center bottom; height: 3px; width:100%; margin: 0 0 11px 0; line-height: 3px; font-size: 1px;  }
.round_corner_box_dark { background-image: url(../images/layout/bg_top_round_corner_box_dark.gif); }
.round_corner_box_dark_bottom { background-image: url(../images/layout/bg_bottom_round_corner_box_dark.gif); }
.round_corner_box { background-image: url(../images/layout/bg_top_round_corner_box.gif); }
.round_corner_box_bottom { background-image: url(../images/layout/bg_bottom_round_corner_box.gif); }

.round_corner_box_dark a:link { color: #fff; }
.round_corner_box_dark a:visited { color: #fff; }
.round_corner_box_dark a:hover { color: #000; }

/* Für Kontakt-formular und forum-formulare */
#content input.toppic, #content textarea.toppic, #content input.kontakt, #content textarea.kontakt { width: 100%; border: 1px solid #bbb; }
#content input.toppic, #content input.kontakt { height: 17px; }
#content textarea.toppic, #content textarea.kontakt { height: 93px; }



/* ========== round corner box contents ========== */

.round_corner_box_dark h4, .round_corner_box h4 { padding: 0; line-height: 1.1em; font-weight: bold; font-style: normal; font-size: 11px; }
.round_corner_box_dark h4 { color: #fff; margin: 0 0 11px 0; }
.round_corner_box h4 { color: #000; margin: 0 0 9px 0; }

.round_corner_box ul { margin-bottom: 3px;  border-bottom: 1px solid #ccc; }
.round_corner_box ul li { list-style: none; }
.round_corner_box li { border-top: 1px solid #ccc; }
.round_corner_box ul li a { display: block; padding-top: 3px; padding-bottom: 3px; margin:0; width:232px;   }
.round_corner_box ul li a:hover { color: #000; background-color: #fff; }
.round_corner_box ul li a.dokument { background: url(../images/layout/bg_document_a.gif) no-repeat 2px center; padding-left: 36px; width: 198px; }
.round_corner_box ul li a.dokument:hover { background-image: url(../images/layout/bg_document_a_hover.gif); }




/* ========== basic text formatting ========== */

p { margin: 0.5em 0; clear: both; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

p { margin-bottom: 1em; }
h1 { font-size: 21px; color: #000; font-weight: normal; line-height: 1.2em; margin-bottom: 1em; }
h2 { font-size: 17px; color: #000; font-weight: normal; line-height: 1.1em; margin-bottom: 1em; }
h3 { font-size: 13px; color: #000; font-weight: normal; margin-bottom: 1em; }
h4 { font-size: 13px; color: #000; font-style: italic; margin-bottom: 0; }

#content ul { list-style-type: none; }
#content ul li { background: url(../images/layout/bullet.gif) no-repeat 0 0.65em; padding-left: 10px; }

#cms-edit ul { list-style-type: none; }
#cms-edit ul li { background: url(../images/layout/bullet.gif) no-repeat 0 0.65em; padding-left: 10px; }



/* ========== special contents coming from slot system ========== */

.textile { margin: 10px 0 20px 0;  }

.downloaddoc { margin-top: -1px; padding: 6px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.downloaddoc img { margin-bottom: -2px; margin-right: 5px; }

.linklist { margin-bottom: 2em; }
.linklist a { display: block; margin-top: -1px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 3px 12px; width: 492px; }
.linklist a:hover { background: #F0F0F0; display: block; }



/* ========== grey boxes, news list, forum view, login forms ========== */

.box { background-color: #f0f0f0; margin: 0 0 12px 0; padding: 12px; }
.box input.login, .box input.login_user { border: 1px solid #bbb; width: 232px; height: 17px; }
.box p.footer { margin-top: 0.5em; }

.contentbox { margin-top: -1px; padding: 20px 0 10px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }

/* ========== left context sensual modules ========== */

.ibox ul li a:hover, .ibox ul li:hover{ background-color: #f9f9f9; cursor: pointer; }
.ibox ul, .ibox ul li { margin: 0; padding: 0; }
.ibox ul li a, .round_corner_box ul li span { display:block; line-height: 1.4em; }

.ibox h4 { font-size: 11px; font-style: normal; font-weight: normal; } 
.ibox p { margin: 0; padding: 7px 0; line-height: 1.3em; border-top: 1px solid #CCC; display: block;}
.ibox .item { width: 230px; cursor: pointer; border-bottom: 1px solid #ccc; display: block; padding: 2px 0; }
.ibox .item.top-line { font-size: 0.1em; padding: 0; }
.ibox .item .date { float: left; display: block; color: #000; }
.ibox .item .name { float: right; display: block;  }
.ibox a:hover .item { background: #FFF;} 
.ibox .item a .date, .ibox .item a:hover .date { color: #000; }
.ibox a.nohref { margin-top: 5px; }

.ibox .item .newsdate { width: 55px; }
.ibox .item .newsname { width: 175px; }
.ibox .item .agendadate { width: 105px; }
.ibox .item .agendaname { width: 120px; }

/* subpage navigation used in left context sensual modules */
.subpage-nav { font-size: 11px; border-top: 1px solid #CCC; margin-bottom: 20px; font-weight: bold; }
.subpage-nav a, .subpage-nav .active { display: block; border-bottom: 1px solid #CCC; padding: 3px 12px; width: 232px; }
.subpage-nav a:hover { background: #F0F0F0; }
.subpage-nav .active { background: #F0F0F0; color: #666; }



/* ========== profile pages ========== */

/* left column top, picture box */
.actor-image { margin: 0 0 8px 0; padding: 0; }
.crew-image { width: 114px; text-align: left; vertical-align: top; }
.crew-profession { text-align: left; vertical-align: top; color: #FFF; font-weight: bold; line-height: 1.2em; }

/* left column member contacts */
.accordion_toggle, 
.accordion_toggle a,
.accordion_toggle a:hover
{ font-size: 11px; font-weight: bold; }

.accordion_content, 
.accordion_content a,
.accordion_content a:hover,
.accordion_content table, 
.accordion_content table td 
{ font-size: 11px; line-height: 1.4em; color: #FFF; }

/* actor capabilities */
ul.steckbrief { border-bottom:none; }
#steckbrief ul { border-bottom: none; }
#steckbrief ul li span.quest { float:left; width:100px; color: #000; }
#steckbrief ul li span.name { margin-left: 5px; float:left; width:120px; }
#steckbrief dl dt { float: left; width: 100px; color: #000; padding: 2px 0; border-top: 1px solid #ccc; clear:both; line-height: 1.3em; }
#steckbrief dl dd { float:left; width: 124px; padding: 2px 0 2px 5px; border-top: 1px solid #ccc; line-height: 1.3em; }

/* main column member activies */
.tablist dl {}
.tablist dl dt { float: left; width: 80px; padding: 4px; border-top: 1px solid #ccc; clear:both; }
.tablist dl dd { float:left; width: 390px; padding: 4px 4px 4px 14px; border-top: 1px solid #ccc; }
.tablist dl.crew dt { width: 110px; }
.tablist dl.crew dd { width: 360px; }
.tablist .details { display: block; font-size: 11px; line-height: 1.4em; }
.tablist .cleaner { clear: both; display: block; height: 1px; line-height: 1px; font-size: 1px; border-top: 1px solid #ccc; width: 496px; margin-bottom: 32px; }




/* ========== simple forms for login, contact, etc. ========== */

.simple-form { }
.simple-form input, .simple-form textarea { font: Arial, Verdana, sans-serif; }
.simple-form td.desc { width: 140px; color: #000; vertical-align: top; }
.simple-form td.input {  }
.simple-form td.input .field { width: 352px; border: 1px solid #bbb; height: 17px; margin: 1px; padding: 0;}
.simple-form td.input .area { width: 352px; border: 1px solid #bbb; height: 120px; margin: 1px; padding: 0; }

.validation-passed { }
.validation-failed { border: 1px solid #E00; }
.validation-advice { font-size: 11px; color: #E00; }



/* ========== miscellaneous / joachims junk ========== */
    
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
td.date { color: #000; }
td a:hover { color: #000; }

span.name:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* Link design allgemein, und speziell */
a, a:link, a.nohref { color: #C8002D; text-decoration: none; }
a:visited, a.nohref:visited { color: #C8002D; text-decoration: none; }
a:hover, a.nohref:hover { color: #000; text-decoration: none; background:none; }
a.nohref { display:block; cursor: pointer; }

hr { border: none; border-top: 1px solid #CCC; height: 1px; margin-top: 1em; margin-bottom: 0; padding: 0; }

img, a img { border: 0; }
.clear { clear: both; height: 0px; line-height: 0.0001em; font-size: 0.0001em; }
.display_none { display: none; }



/* ========== member assignments slot ========== */

#teambox { margin: 20px 0; }
#teambox h3 { margin-bottom: 0.6em;}
#teambox dl { margin: 11px 0; padding: 10px; background-color: #f0f0f0; width: 470px; height: 42px; }
#teambox img { border: 1px solid #CCC; }
#teambox dt { float:left; width: 40px; }
#teambox dd { float:left; margin: 0 0 0 20px; width: 190px; }



/* ========== user logged in left sidebar box ========== */

#mymember, #mymember a {  }
#mymember dl dt img { border: 1px solid #CCC; }
#mymember dl p { color: #000; margin: 0; padding: 0; line-height: 1.2em; }
#mymember dl { margin: 0; padding: 0; width: 100%; }
#mymember dt { float:left; width: 40px; }
#mymember dd { float:left; margin: 0 0 0 20px; width: 170px; }


/* ========== user logged out left sidebar box ========== */

#loginbox { margin: 0 0 -11px 0; padding: 0; }
#loginbox table, .box table { border-collapse: separate; border-spacing: 0; border: none; width: 100%; }
#loginbox th, #loginbox td, .box th, .box td { font-weight: normal; border: none; padding-bottom: 3px; }
#loginbox input.login, #loginbox input.login_user { border: 1px solid #bbb; width: 132px; height: 17px; }
#loginbox table.login_subm { margin: 3px 0 0 0; }
#loginbox a:hover, .box a:hover { color: #000; }





/* ========== actor and crew search ========== */

/* actor and crew tabs navigation */
#castcrew { margin-top: 15px; background: url(../images/layout/bg_acc_content.jpg) repeat-x 0 28px; width: 100%; height: 28px; clear: both; }
#castcrew ul.de { margin-left: 205px; }
#castcrew ul.fr { margin-left: 212px; }
#castcrew ul li { float:left; list-style: none; }

/* search box and check fields */
#check { background: url(../images/layout/bg_acc_content.jpg) repeat-x 0 0; background-color: #890020; border: none; width: 828px; }
.search { border-collapse: collapse; width: 828px; color: #FFF; clear: left; }
.search td h4 { font-size: 11px; margin-bottom: 2px; font-weight: bold; color: #FFF; font-style: normal;}
.search td, .search th { text-align: left; vertical-align: top; color: #FFF; }
.search th { padding: 12px 12px 5px 12px; }
.search td { padding: 0 12px 0px 17px; }
.search td.line { border-left: 1px solid #B12645; }
.search td ul { list-style-type: none; }
.search td li { padding: 1px 0; }

.search td li a, .search td li a:link, .search td li a:visited, search td li a:hover { color: #FFF; background-repeat: no-repeat; background-position: center left; padding-left: 17px;}
.search td li a { background-image: url(../images/checkbox-off.gif);  }
.search td li a:hover { background-image: url(../images/checkbox-off.gif);  }
.search td li a.checked { background-image: url(../images/checkbox-on.gif); }
.search td li a.checked:hover { background-image: url(../images/checkbox-on.gif);  }

.search #search-container { background: url(../images/layout/search_input_bg.png) no-repeat; width: 175px; height: 26px; position: relative; }
.search #search-container input { border: none; background: none; color: #FFF; font-size: 13px; padding: 5px 5px; width: 135px; }
.search #search-clear, .search #search-progress { width: 16px; height: 16px; display: block; position: absolute; right: 5px; top: 5px; }
.search #search-clear { background: url(../images/layout/search_input_clear_btn.png); }
.search #search-progress { background: url(../images/layout/search_input_progress.gif); }
.search #search-name-autocomplete { margin-left: -3px; }
.search #search-name-autocomplete ul { }
.search #search-name-autocomplete li { font-size: 1px; padding: 0 8px; width: 167px; background: url(../images/layout/search_autocomplete_bg_center.png); }
.search #search-name-autocomplete li.top { line-height: 0; padding: 0; height: 14px; width: 183px; background: url(../images/layout/search_autocomplete_bg_top.png); }
.search #search-name-autocomplete li.bottom { line-height: 0; padding: 0; height: 10px; width: 183px; background: url(../images/layout/search_autocomplete_bg_bottom.png); }
.search #search-name-autocomplete li a { color: #343434; padding: 3px 5px; font-size: 13px; background: none; display: block; }
.search #search-name-autocomplete li a:hover { background: #EAEAEA; }
.search #search-name-autocomplete li a span.bold { font-weight: bold; color: #000; }

/* loading indicator & results counter */
#found, #loading-search { padding-top: 6px; margin-bottom: -11px; }
#found p { padding-left: 17px; line-height: 15px; background: url(../images/layout/found.gif) no-repeat 0% 43%; }
#loading-search p { padding-left: 17px; line-height: 15px; background: url(../images/progress_active_search.gif) no-repeat 0% 43%;}

/* result list for crew and actors */
#results { margin: 20px auto; width: auto; }
#results .actor a { float: left; margin: 2px; border: 1px solid #CCC; width: 97px; height:97px; overflow: hidden; }
#results .actor a:hover { border: 5px solid #C8002D; margin: -2px; }

#results .crew-group-header { width: 808px; padding: 3px 9px; background: #737373; color: #FFF; font-weight: bold; margin-bottom: 6px; } 
#results .crew-group { width: auto; border-left: 1px solid #CCC; border-top: 1px solid #CCC; margin-bottom: 6px; }
#results .crew-group a { background: #FFF; color: #000; height: 47px; float: left; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 5px; cursor: pointer; margin: 0; }
#results .crew-group a:hover { background: #C8002D; }
#results .crew { background: #FFF; width: 191px; height: 42px; padding: 2px; line-height: 1em; display: block; line-height: 1.2em; }
#results .crew-profession-status { font-size: 11px; color: #666; }
#results .crew img { border: 1px solid #CCC; float: left; margin-right: 7px; }




/* ========== Forum sepcific Styles ========== */
.pager-forum { margin-bottom: 10px; }
.pager-forum td.left { text-align: left; }
.pager-forum td.right { text-align: right; }
.pager-forum td { color: #000; }




/* ========== footer ========== */
#footer { width: 828px; height: 30px; margin: 48px auto; padding: 0 0 10px 0; border-top: 1px solid #ccc; }
#footer a:link, #footer a:visited { color: #666; }
#footer a:hover { color: #000; }



/* ========== Styles for Standard Form Errors ========== */
.js-error { padding: 5px; margin-bottom: 10px; margin-top: 10px; color: #C00; border: 1px solid #C00; text-align: center; }
.form-error { padding: 5px; margin-bottom: 10px; color: #C00; border: 1px solid #C00; }
.form-hint { padding: 5px; margin-bottom: 10px; color: #08C; border: 1px solid #08C; }



/* ========== the compulsory clearfix  ========== */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* ========== Print button  ========== */
a.printLink {
  padding: 0 0 0 20px;
  top: 25px;
  right: 30px;
  background: url(../images/layout/printer.gif) left no-repeat;
  position: absolute;
  z-index: 10;	
}
a.printLink:hover {
  background: url(../images/layout/printer.gif) left no-repeat;	
}