/*
 * stylesheet for Steuerberaterverband Schleswig-Holstein
 * special content design
 * (c) www.wegewerk.com
 * wwEdit CMS (www.wwedit.de)
 * created: 20080725 bms
 * lastmodified: 20080725 bms
 */


/* ----------------------- */
/* - FORMULARE-ALLGEMEIN - */
/* ----------------------- */

/* Forms */
.wwe3_form_container{
	margin-bottom: 20px;
}

/* Legends */
legend{
  font-weight: bold;
  margin: 5px 0 5px 0;
  padding: 0;
}

.msie legend{
  margin-left: -7px;
}


/* Infos und Titles */
.form_info,
.type_info{
  font-style: italic;
}

tr.form_title th{
  padding: 2px 0;
}

.title_container {
	background: #89AFDC;
	color: #F03226;
	text-align: left;
	padding: 9px 20px;

}


/* Input Elemente */
label {
  padding-right: 90px;
}

.contactform_becomemember_nema13_2 label,
.contactform_becomemember_nema13 label {
  padding-right: 2px;
}

.contactform_becomemember_nema13_2 td.type_radio input.radio,
.contactform_becomemember_nema13 td.type_radio input.radio {
    position: relative;
    top: 3px;
}
.contactform_becomemember_nema13_2 td.type_radio input.radio,
.contactform_becomemember_nema13_2 td.type_radio label,
.contactform_becomemember_nema13 td.type_radio input.radio,
.contactform_becomemember_nema13 td.type_radio label {
  padding: 1px;
  display: inline-block;
  line-height: 1.1em;
}

.label,
.widelabel,
select,
textarea {
  width: 100%;
  font-size: 1em;
  font-family: arial, sans-serif;
  border: 1px solid #037CC1;
  color: #000;
}

.form_date select {
  width: auto;
}

td.type_date label {
	 padding-right: 0;
}
.wwe3_form_container tr{
  line-height: 1em;
}

.wwe3_form_container td{
    padding: 8px 20px;
}

.tr_title{
	background: #fff !important;
}

.form_odd {
	background: #E5F2F8;
}


.bobby{
  color: #000;
}

input:hover,
input:focus,
input:active,
select:hover,
select:focus,
select:active,
textarea:hover,
textarea:focus,
textarea:active {
  color: #000;
  border: 1px solid #037CC1;
}


/* Submit-Buttons */
.wwe_form_submit,
.wwe_form_submit_js_hover {
    border: 1px solid #000;
    background: #89AFDC;
    width: 10em;
}

.wwe_form_submit:hover,
.wwe_form_submit:focus,
.wwe_form_submit:active,
.wwe_form_submit_js_hover {
  cursor: pointer;
}


/* Fehlertexte */

.ta_error{
  font-weight: bold;
  color: #f03226;
}

th.th_show_error,
td.th_show_error{
  color: #cc0000;
  font-weight: bold;
}

.msg_positive,
.msg_misc,
.proc_state_message {
  font-weight: bold;
  padding: 10px;
  margin-bottom: 20px;
}

.msg_positive,
.proc_state_message {
  border: 1px solid #00cc00;
}

.msg_misc{
  border: 1px solid #cc0000;
}

/* Suchoptionen */
.sp_autoand{
  display: none;
}

/* kleines Suchfeld */
.smallsearch{
  margin-bottom: 15px;
  padding: 20px 3px 0 20px;
}

.smallsearch h2{
  display: none;
}

.smallsearch .search_text{
  width: 65px;
  padding: 3px 2px;
  font-size: 0.9em;
  border-left: 2px ridge #000;
  border-top: 2px ridge #000;
  border-right: 2px groove #fff;
  border-bottom: 2px groove #fff;
}

.smallsearch fieldset{
  border: none;
}

.smallsearch .wwe_form_submit{
  border: none;
  background: none;
  font-weight: bold;
  font-size: 0.95em;
  width:54px;
}

/* --------- */
/* - LOGIN - */
/* --------- */
.login fieldset {
	border: none;
	width: 250px;
}

.login h2{

}

.login .label {
    width: 100px;
    margin-top: 6px;
}

.login .login_label {
    display: block;
    float: left;
    margin-top: 7px;
    text-align: right;
    width: 100px;
    padding-right: 8px;
}

.login_functions{

}

.submit_login {
	display: block;
	float: left;
	text-align: center;
	width: 102px;
	margin: 6px 0 0 108px;
}

.login_status_error{
  color: #cc0000;
}

.login_status_logout{
  color: #00cc00;
}

.login_info{

}


/* --------------- */
/* - BROWSE-LIST - */
/* --------------- */
.browse_background{
  margin: 20px 0 0 0;
  border: 1px solid #000;
  border-bottom: 0;
  padding: 10px 12px;
}

.browsebutt{
  display: inline;
  margin-left: 5px;
}

.browsebutt_sep{
  margin-left: 5px;
}

.browsebutt_active{
  display: inline;
  font-weight: bold;
}

.list_result{

}

.browse_list {
  display: block;
}

/* --------------------- */
/* - Pagelist Datagrid - */
/* --------------------- */

.jobexchange table,
.pagelist_data_grid table {
	clear: both;
	width: 100%;
}

.pagelist_data_grid .cell {
    display: block;
    float: left;
    width: 90px;
}

.pagelist_data_grid label.cell {
    padding-top: 6px;
}

.pagelist_data_grid a:visited {
	color: #017CC2 !important;
}

.pagelist_data_grid a.invertsort,
.pagelist_data_grid a.activesort {
	font-weight: bold;
    padding-right: 0px !important;
}

.pagelist_data_grid div.message,
.browse_background_lower,
.browse_background_upper {
	clear: both;
	width: 100%;
	color: #F6311E;
	font-weight: bold;
}
.browse_background_lower a,
.browse_background_upper a,
.browse_background_lower a:visited,
.browse_background_upper a:visited {
    color: #F6311E !important;
}

.pagelist_data_grid div.message,
.browse_background_upper,
.browse_background_lower {
    float: left;
    margin-top: 10px;
    padding: 5px 0 10px 0;
    border-top: 1px solid #8AB0DD;
}

.pagelist_data_grid div.message,
.pagelist_data_grid .browse_background_lower,
.pagelist_data_grid .browse_background_upper {
    padding-left: 20px;
    padding-right: 20px;
    width: 510px;
}

.pagelist_data_grid .form_input {
	display: inline;
}

.pagelist_data_grid .label,
.pagelist_data_grid select {
    width: 30%;
}
.pagelist_data_grid label {
	padding-right: 2px;
}

.pagelist_data_grid .wwe_form_submit_image {
    position: relative;
    top: 4px;
    margin:1px;
}

.pagelist_data_grid .wwe_form_submit_image:focus,
.pagelist_data_grid .wwe_form_submit_image:hover,
.pagelist_data_grid .wwe_form_submit_image:active {
	    margin:0;
}

.pagelist_data_grid .list_result,
.pagelist_data_grid .browse_pages {
    display: inline;
}

.pagelist_data_grid .browse_pages {
    float: right;
}

.pagelist_data_grid form {
	clear: both;
}

.pagelist_data_grid .filter,
.pagelist_data_grid .sortation {
	display: block;
	float: left;
	padding-right: 10px;
	padding-top: 5px;
}

.pagelist_data_grid .sortation a {
    padding-right: 17px;
}

.pagelist_data_grid .sortation img.activesort {
    padding-right: 7px;
}

.jobexchange td,
.pagelist_data_grid td {
	padding: 8px 20px;
	line-height: 1.3em;
	vertical-align: top;
}

tr.even td {
    background-color: #E5F2F8;
}

.jobexchange .pubdate,
.pagelist_data_grid .pubdate {
	float:right;
    color: #808080;
    font-size: 0.9em;
}

.pagelist_data_grid .chiffre {
    font-weight: bold;
}

.jobexchange .chiffred td{
/*    background: url(/static/img/nema13/bg_diagonalDarkBlue.gif); */
   background: #eee;
        color: #888;
}
.jobexchange .editlink {
    float: left;
    display: block;
}

/* --------------------- */
/* - Bildergalerie     - */
/* --------------------- */

#page_body_main_content .diashow_controls{
  clear: both;
}


#page_body_main_content .thumb_preview img{
  /*width: 150px;*/
  float: none;
  margin: 0;
}

/*
.msie6 #page_body_main_content .thumb_container_no_right_margin img{
  position: relative;
  left: 3px;
}*/

#page_body_main_content .thumb_container,
#page_body_main_content .thumb_container_no_right_margin{
   width: 150px;
   float: left;
   margin: 0 12px 5px 0;
   height: 120px;
   overflow: hidden;
   text-align: center;
}

#page_body_main_content .thumb_container .caption,
#page_body_main_content .thumb_container_no_right_margin .caption{
   display: block;
}


.msie6 #page_body_main_content .thumb_container{
  margin: 0 11px 5px 0;
}


#page_body_main_content .thumb_container_no_right_margin{
   margin: 0 0 5px 0;
}


#page_body_main_content .img_gallery{
}

#page_body_main_content .img_gallery h2{
    margin: 0;
    padding-bottom: 20px;
    border-bottom:   1px solid #8AB0DD;
}

#page_body_main_content .img_gallery .preview{
   z-index: 10;
   text-align:center;
   background-color: #fff;
}

#page_body_main_content .img_gallery .detail_preview img{
   width: auto;
   margin: 0;
   float: none !important;
}

#page_body_main_content .img_gallery .preview .caption,
#page_body_main_content .img_gallery .diashow_controls{
  background-color: #6699ce;
  padding: 5px;
  border-left: 1px solid #6699ce;
  border-right: 1px solid #6699ce;
  margin-bottom: 1px;
  text-align: center;
  color: #fff;
  display: block;
  width: 573px;
}

#page_body_main_content .img_gallery .diashow_controls a:active,
#page_body_main_content .img_gallery .diashow_controls a:focus,
#page_body_main_content .img_gallery .diashow_controls a:hover {
    background: transparent;
}

#page_body_main_content .img_gallery .diashow_controls img{
  float: none;
  margin: 0;
  position: relative;
  top: 3px;
}


#page_body_main_content .img_gallery .browse_background{
  margin: 25px 0 0 0;
}

.mac.safari #page_body_main_content .img_gallery .browse_background{
  border-top: 25px solid #fff;
}

/* ----------- */
/* - SITEMAP - */
/* ----------- */
#body_main_content_sitemap ul {
  list-style: none;
}

#body_main_content_sitemap .level2 li{
  margin-bottom: 20px;
  line-height: 1.6em;
}

#body_main_content_sitemap .level3 li{
  margin-bottom: 0px;
}

#body_main_content_sitemap .level1 li a{
  display: none;
}

#body_main_content_sitemap .level2 li a{
  display: block;
  background: #8ab0dd;
  padding-left: 5px;
  color: #fff;
}

#body_main_content_sitemap .level3 li {
  padding-left: 20px;
}

#body_main_content_sitemap .level3 li a{
  background: #e5f2f8;
  color: #017cc2;
}

#body_main_content_sitemap a,
#body_main_content_sitemap a:visited{
  display: block
}



/* Servicelinks */
#service_links .font_size_changer h2{
  position: absolute;
  top: -5000px;
}

#service_links li {
  list-style: none;
}


.searchlist h2 {
    margin-top: 20px;
    margin-bottom:0;
}

ul.resultlist {
    list-style-type: none;
}


/*
Lehrmaterialien
*/

.nema13_fach label {
  padding-right: 0px;
}

.nema13_fach .pagelist ul {
    margin-left: 0px;
}

.nema13_fach .pagelist .co_head {
    margin-bottom: 5px;
}

.nema13_fach .pagelist .extra_link {
    display: inline-block;
    margin-top:5px;
}

.nema13_fach .type_confirm_check input {
    float: left;
}

.nema13_fach .type_confirm_check .richtext {
    margin-top: -2px;
    margin-left: 5px;
}

.nema13_fach .type_confirm_check .richtext,
.nema13_fach .type_confirm_check .richtext p {
    width: 250px;
    float: left;
    display: inline-block;
}

.nema13_fach .pagelist li {
    padding: 5px;
    margin-left: -5px;
    cursor: pointer;
}

.nema13_fach .pagelist li.odd {
    background-color: #E5F2F8;
}

.nema13_fach .pagelist li:hover {
    background-color: #89AFDC;
    color: white;
}

.nema13_fach .pagelist li:hover a {
    color: white !important;
}

.nema13_fach .file_upload {
    width: 275px;
}

.nema13_fach .ui-dialog-content embed,
.nema13_fach .ui-dialog-content object,
.nema13_fach .ui-dialog-content p {
    float: left;
    width: 265px;
}
.nema13_fach .ui-dialog-content p {
    float:right;
}
.nema13_fach .ui-dialog-content p {
    height: 340px;
    ocerflow:scroll;
}

.nema13_fach .ui-dialog-content p {
    margin-left: 20px;
    font-size: 12px !important;
}

.nema13_fach .ui-dialog-content button {
    margin-left: 20px;
}

.ui-widget {
    font-size: 12px !important;
}

.faecher {
    float: left;
    margin-bottom: 20px;
    width: 505px;
}

.faecher li {
    float: left;
    display: inline-block;
    padding: 3px;
    margin-bottom: 0px !important;
    position: relative;
    overflow:hidden;
    cursor: pointer;
}

.msie6 .faecher li,
.msie6 .faecher li .fach{
    cursor: hand;
}
    
.faecher li .fach {
    float: left;
    width: 161px;
    height: 89px;
    background-image: url(blue.png);
    background-repeat: repeat-x;  
    overflow: hidden;
    cursor: pointer;
}

.faecher li.green .fach {
    background-image: url(green.png);
}

.faecher li.yellow .fach {
    background-image: url(yellow.png);
}

.faecher li:hover .fach {
    float: left;
    display: inline-block;
    width: 159px;
    height: 87px;
    background-image: url(blue_hover.png);
    background-repeat: repeat-x;
    border: solid 1px #D8E5EE;    
}

.faecher li.green:hover .fach {
    background-image: url(green_hover.png);
    border: solid 1px #6E8A59;    
}

.faecher li.yellow:hover .fach {
    background-image: url(yellow_hover.png);
    border: solid 1px #E4D248;    
}

.faecher li span {    
    position: absolute;
    bottom: 12px;
    right: 10px;
    font-weight: bold;
    font-size: 19px;
    cursor: pointer;
}

.faecher li a {
    color: white !important;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.faecher li:hover a,
.faecher li:hover a:hover, 
.faecher li:hover a:focus, 
.faecher li:hover a:active {    
    color: #6093BE !important;
    background-color: transparent !important;
}

.faecher li.green:hover a,
.faecher li.green:hover a:hover, 
.faecher li.green:hover a:focus, 
.faecher li.green:hover a:active {
    color: #6E8A59 !important;
}

.faecher li.yellow:hover a,
.faecher li.yellow:hover a:hover, 
.faecher li.yellow:hover a:focus, 
.faecher li.yellow:hover a:active {
    color: #E4D248 !important;
}

.faecher li span.before, 
.faecher li span.after {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    height: 12px;
    overflow: hidden;
}

.msie .faecher li span.before, 
.msie .faecher li span.after {
    top: 15px !important;
}

.faecher li span.after,
.faecher li span.before {
    color: white;
    opacity: .3;
    filter: alpha(opacity = 30);
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
}

.faecher li:hover span.before {
    color: #6093BE !important;
}
.faecher li.green:hover span.before {
    color: #6E8A59 !important;
}
.faecher li.yellow:hover span.before {
    color: #E4D248 !important;
}

.faecher li span.after {
    background: -webkit-gradient(linear, left top, left center, from(rgba(96,147,190,0)), to(rgb(96,147,190)));
    background: -moz-linear-gradient(top, rgba(96,147,190,0), rgb(96,147,190));    
        _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#006093BE, endColorstr=#6093BE);
    _-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#006093BE, endColorstr=#6093BE)";    
    background-color: #6093BE;
    content: ' ';
    height:9px;
}

.faecher li.green span.after {
    background: -webkit-gradient(linear, left top, left center, from(rgba(110,138,98,0)), to(rgb(110,138,98)));
    background: -moz-linear-gradient(top, rgba(110,138,98,0), rgb(110,138,98));
        _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#006E8A62, endColorstr=#6E8A62);
    _-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#006E8A62, endColorstr=#6E8A62)";    
    background-color: #6E8A62;     
    content: ' ';
    height:9px;
}

.faecher li.yellow span.after {
    background: -webkit-gradient(linear, left top, left center, from(rgba(198,179,48,0)), to(rgb(198,179,48)));
    background: -moz-linear-gradient(top, rgba(198,179,48,0), rgb(198,179,48));
        _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00C6B330, endColorstr=#C6B330);
    _-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00C6B330, endColorstr=#C6B330)";    
    background-color: #C6B330;     
    content: ' ';
    height:9px;
}

.faecher li.yellow:hover span.after,
.faecher li.green:hover span.after,
.faecher li:hover span.after  {
    background: -webkit-gradient(linear, left top, left center, from(rgba(255,255,255,0)), to(rgb(255,255,255)));
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgb(255,255,255));    
        _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#FFFFFF);
    _-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#FFFFFF)";    
    background-color: #ffffff;    
}

.nl_co_reg input {
   float:left;
   margin-right: 10px;
}

.nl_co_reg label {
   float:left;
   width: 400px;
   display:inline-block;
}


.wwe3tbl {
	width: 100%;
}

.wwe3tbl .td_field {
   width: 350px;
}

.wwe3tbl .td_field  input,
.wwe3tbl .td_field  select,
.wwe3tbl .td_field  textarea {
   padding: 3px;
}

.wwe3tbl .td_field  select {
   margin-bottom: 3px;
}