/*
    Cliclab

    cl/css/styles.css            2010-10-15  (c) e.sens.e GmbH
*/


/*
div{border: 1px dashed red !important;}
/* */

.waiting, .waiting * { cursor: wait !important; }

html
{
    overflow-y:                 scroll;
}

body
{
    margin:                     0px;
    color:                      #ffffff;
    background-color:           #bbbbbb;
    font-family:                sans-serif;
    font-size:                  11px;
    text-align:                 left;
}

img
{
    border-style:               none;
}

h1
{
    margin:                     0px;
    padding-left:               20px;
    padding-right:              0px;
    padding-top:                5px;
    padding-bottom:             0px;
    font-size:                  20px;
    font-weight:                bold;
}

a:link,
a:visited
{
    color:                      #cc9933;
    text-decoration:            none;
}

a:hover,
a:active
{
    text-decoration:            underline;
}

form
{
    display:                    inline;         /* IE */
}


input.input_text,
input.input_password,
textarea
{
    margin:                     0px;
    padding-left:               4px;
    padding-right:              4px;
    padding-top:                1px;
    padding-bottom:             2px;
    color:                      #333333;
    background-color:           #eeeeee;
    border-style:               solid;
    border-width:               1px;
    border-color:               #bbbbbb;
    font-family:                sans-serif;
    font-size:                  10px;
}

span.m1 {
	display:					inline-block;
    line-height: 2.5em;
    padding: 0 1em;
}

select#edit_page_header_image_id
{
	margin-left: 15px;
}

input#editpage_password
{
	margin-left: 35px;
	margin-right: 20px;
}

div#content p.v_abst
{
    margin-top:                 3px;
    margin-bottom:              3px;
	padding:					0px;
	color:                  #666666;
}

textarea
{
    padding-left:               2px;
    padding-right:              2px;
    padding-top:                2px;
    padding-bottom:             2px;
}

input.input_checkbox
{
/*
    margin:                     0px;
*/
}

input.input_button
{
    padding:               		8px;
    color:                      #333333;
    border-width:               1px;
    font-family:                sans-serif;
    font-size:                  12px;
	font-weight:				inherit;
	cursor: 					pointer;
}

input.input_button_default
{
    font-weight:                bold;
}

input.input_image
{
}

select,
select.select_dropdown
{
    margin:                     0px;
    padding:                    0px;
    color:                      #333333;
    background-color:           #eeeeee;
    border-style:               solid;
    border-width:               1px;
    border-color:               #bbbbbb;
    font-family:                sans-serif;
    font-size:                  11px;
}

.tableview-edit-optional select {
	width: 100%;
}

.align_left
{
    text-align:                 left;
}

.align_right
{
    text-align:                 right;
}

.align_center
{
    text-align:                 center;
}

.align_justify
{
    text-align:                 justify;
}

.float_left
{
    clear:                      left;
    float:                      left;
}

.float_right
{
    clear:                      right;
    float:                      right;
}

div.tipcontainer
{
    position:                   relative;
}

div.tip
{
    visibility:                 hidden;
    position:                   absolute;
    left:                       50%;
    top:                        50%;
    z-index:                    10;
    padding:                    5px;
    border:                     1px solid #cccccc;
    color:                      #000000;
    background-color:           #ffffff;
    font-size:                  11px;
    white-space:                nowrap;
}

div#centered
{
    width:						100%;
	max-width:                  988px;
    margin-left:                auto;
    margin-right:               auto;
}

img#logo
{
    float:                      right;
    margin-right:               15px;
    margin-top:                 5px;
    margin-bottom:              5px;
    padding:                    5px;
}

div#main
{
    clear:                      both;
    margin-left:                8px;
    padding-left:               10px;
    padding-right:              18px;
    color:                      #666666;
    background-color:           #ffffff;
	position: 					relative;
	border-radius: 				10px;
	margin-right: 				8px;
	padding-top: 8px;
	padding-bottom: 24px;
	-webkit-box-shadow: 9px 10px 5px -7px rgba(161,161,161,1);
	-moz-box-shadow: 9px 10px 5px -7px rgba(161,161,161,1);
	box-shadow: 9px 10px 5px -7px rgba(161,161,161,1);
}

div#main input,
div#main select
{
	padding: 0.4em;
	margin: 0.2em;
	margin-bottom: 0.25em;
	border-radius: 0.2em;
	border: 1px solid #CCCCCC;
}

div#main select
{
	padding: 0.27em;
}

div#main div.textblock input.textblock_select {
    margin-left: -30px;
}

div#main input.input_button
{
    padding:               		8px;
}

div#main div#main_border_top
{

}

div#main div#main_border_bottom
{
  
}

div#content
{
    width:                      100%;
}

div#content h2
{
    clear:                      both;
    margin-top:                 0px;
    margin-bottom:              15px;
    padding:                    0px;
    font-size:                  16px;
}

div#content h3
{
    clear:                      both;
}

div#content p
{
    clear:                      both;
    width:                      100%;
    margin:                     0px;
    padding-top:                10px;
    padding-bottom:             10px;
}

div#content .textblocks_actions,
div#content p.emphasized {
	background-color: #fefaee;
	line-height: 19px;
}

div#content .textblocks_actions
{
padding: 18px 0;
}

div#content p.emphasized img
{
	margin-right: 4px;
	vertical-align: top;
}

div#content div.emphasized {
	margin:0;
}

div#content div.emphasized-top
{
	margin-top: 10px;
}


div#content table
{
    clear:                      both;
}

div#login
{
    float:                      right;
    text-align:                 right;
    font-size:                  10px;
}

div#login input#login_username,
div#login input#login_password
{
    width:                      100px;
}

div#login input#login_submit
{
}

div#nav
{
    float:                      left;
}

div#nav a:link,
div#nav a:visited
{
    display:                    block;
    float:                      left;
    width:                      85px;
    height:                     25px;
    margin-right:               2px;
    padding-left:               5px;
    padding-right:              5px;
    padding-top:                15px;
    padding-bottom:             0px;
    color:                      #ffffff;
    background-color:           #bbbbbb;
    background-image:           url('../img/nav_bg.gif');
    background-repeat:          no-repeat;
    background-position:        right bottom;
    text-align:                 right;
    text-decoration:            none;
    font-size:                  12px;
    font-weight:                bold;
    font-variant:               small-caps;
    line-height:                12px;
}

div#nav .back:link,
div#nav .back:visited
{
    display:                    block;
    float:                      left;
    width:                      75px;
    height:                     15px;
    margin-right:               2px;
    padding-left:               5px;
    padding-right:              5px;
    padding-top:                15px;
    padding-bottom:             0px;
    color:                      #ffffff;
    background-color:           rgb(204, 153, 51);
    background-image:           url('../img/nav_bg.gif');
    background-repeat:          no-repeat;
    background-position:        right bottom;
    text-align:                 right;
    text-decoration:            none;
    font-size:                  11px;
    font-weight:                bold;
    font-variant:               small-caps;
    line-height:                12px;
}

div#nav a:hover,
div#nav a:active
{
    background-color:           #cccccc;
}

div#nav .back:hover,
div#nav .back:active
{
    background-color:           #EEBB55;
}


div#nav a.nav_2line:link,
div#nav a.nav_2line:visited,
div#nav a.nav_2line:hover,
div#nav a.nav_2line:active
{
    height:                     27px;
    padding-top:                3px;
}

div#nav a.nav_current:link,
div#nav a.nav_current:visited,
div#nav a.nav_current:hover,
div#nav a.nav_current:active
{
    background-color:           #6a8694;
    background-image:           url('../img/nav_current_bg.gif');
    background-repeat:          no-repeat;
    background-position:        right bottom;
}

div.separator
{
    clear:                      both;
	display: 					inline-block;
    width:                      100%;
    height:                     1px;
    margin-top:                 10px;
    margin-bottom:              10px;
    background-image:           url('../img/separator.gif');
    background-repeat:          repeat-x;
    background-position:        left top;
}

strong.login_failed
{
    color:                      red;
    font-weight:                bold;
}


div.textblock
{
    clear:                      both;
	display: 					inline-block;
/*
    width:                      100%;
*/
width:910px;
    margin:                     0px;
    padding-left:               40px;
    padding-top:                10px;
    padding-bottom:             10px;
}

div.textblock-divide,
div.textblock-divide2
{
    height: 26px;
    overflow: hidden;
    background: #f6f6c2;
}

div.textblock-tabbg
{
    height: 63px;
    overflow: hidden;
    background: #f6f6c2;
}


div.textblock-divide .textblock_headline,
div.textblock-divide .textblock_subline,
div.textblock-divide .textblock_head_align,
div.textblock-divide .textblock_head_align,
div.textblock-divide2 .textblock_headline,
div.textblock-divide2 .textblock_subline,
div.textblock-divide2 .textblock_head_align,
div.textblock-divide2 .textblock_head_align
{
    display: none;
}

div.textblock li
{
    cursor: pointer;
	list-style-type:            none;
   	float:                      left;
	margin-right:               5px;

}

div.textblock ul
{
    display: inline;
	margin: 0px;
	padding: 0px;
	margin-top:                10px;
	float:left;
	height: 12px;
}


div.textblock_todo
{
    background-image:           url('../img/todo_bg.gif');
    background-position:        left top;
    background-repeat:          repeat;
}


div.textblock-html,
div.textblock-php
{
    background-image:           url('../img/html_bg.gif');
    background-position:        left top;
    background-repeat:          repeat;
}

div.textblock_disabled
{
    background-image:           url('../img/disabled_bg.gif');
    background-position:        left top;
    background-repeat:          repeat;
}

div.textblock label
{
    display:                    block;
    float:                      left;
    margin-top:                 4px;
    padding-top:                2px;
}

div.textblock input,
div.textblock textarea,
div.textblock select
{
    float:                      left;
    margin-top:                 4px;
}

div.textblock input.input_checkbox
{
    position: relative;
    top: 2px;
}

div.textblock input.textblock_select
{
    margin-left:                -30px;
}

div.textblock label.textblock_pos
{
    width:                      80px;
}

div.textblock label.textblock_headline,
div.textblock label.textblock_subline
{
    clear:                      left;
    width:                      80px;
}

div.textblock input.textblock_pos
{
    width:                      19px;
    margin-right:               8px;
    text-align:                 right;
}

div.textblock label.textblock_type
{
    width:                      30px;
    text-align:                 right;
}

div.textblock select.textblock_type {
	margin-right:               8px;
}

div.textblock select.textblock_type,
div.textblock select.textblock_format
{
    max-width: 130px;
}

div.textblock select.textblock_group {
   width:                      150px;
   margin-right: 				10px;
}

div.textblock select.textblock_type
{
    width:                      122px;
}

span.contentarea_classes {
	display: block;
}

div.textblock_keywords
{
    float: right;
	margin-right: 192px;

}

div.textblock input.textblock_todo
{
	margin-left: 10px;
}

div.textblock label.textblock_expires
{
	margin-left: 10px;
	margin-right: 5px;
}

div.textblock label.textblock_publish {
	clear: both;
	margin-right: 4px;
}

div.textblock input.textblock_publish,
div.textblock input.textblock_expires 
{
	width: 62px;
}


div.textblock label.textblock_link_title
{
	margin-right: 3px;
	margin-left: 0px;
}

div.textblock label.textblock_keywords
{
    width:                      75px;
    text-align:                 right;
	margin-right: 				5px;
}

div.textblock input.textblock_keywords
{
    width:                      179px;
    margin-right:               10px;
}

div.textblock label.textblock_head_align,
div.textblock label.textblock_text_align
{
    margin-left:                15px;
}

div.textblock input.textblock_headline,
div.textblock input.textblock_subline
{
    width:                      628px;
}

div.textblock label.textblock_text
{
    clear:                      left;
}

div.textblock .textblock_summary
{
    clear:                      left;
}
div.textblock textarea.textblock_summary
{
    clear:                      right;
	margin-left: 1em;
	width: 605px;
}


div.textblock textarea.textblock_text
{
    clear:                      left;
    width:                      712px;
}

div.textblock table.textblock_images
{
    clear:                      left;
    margin-top:                 10px;
    border-collapse:            collapse;
}

div.textblock table.textblock_images th
{
    text-align:                 left;
    font-weight:                normal;
	margin-top: 				.25em;
	display: 					inline-block;
}

div.textblock table.textblock_images label
{
    margin:                     0px;
}

div.textblock table.textblock_images input.input_text,
div.textblock table.textblock_images select.input_dropdown
{
    margin:                     0px;
}

div.textblock table.textblock_images input.input_checkbox
{
    margin-top:                 2px;
}

div.textblock table.textblock_images input.textblock_image_pos
{
    width:                      15px;
    text-align:                 right;
}

div.textblock table.textblock_images select.textblock_image
{
/*
    width:                      624px;
*/
    width:                      480px;
}

div.textblock input.textblock_button_save
{
    clear:                      both;
    float:                      right;
    margin-right:               15px;
}

div.messagebox
{
    width:                      400px;
    margin-left:                auto;
    margin-right:               auto;
    margin-top:                 20px;
    margin-bottom:              20px;
    border:                     2px solid #cccccc;
}

div.messagebox h3
{
float:none !important;
width:auto !important;
    margin:                     0px;
    padding-left:               10px;
    padding-right:              10px;
    padding-top:                2px;
    padding-bottom:             2px;
    background-color:           #cccccc;
}

div.messagebox p
{
float:none !important;
width:auto !important;
    margin:                     0px;
    padding:                    10px;
}

div.messagebox p img
{
}

div.messagebox p.messagebox_buttons
{
float:none !important;
width:auto !important;
    margin:                     0px;
    text-align:                 center;
}

label_[for="edit_page-target_name-input"]  {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

input[name="virtual"] {
margin-top: .25em;
	float:left;
}
input#edit_page-target_name-input{
	margin-top: .25em;
	width: 134x;
}

table#managepages
{
    width:                      100%;
    color:                      #333333;
    border:                     2px solid #c0c0c0;
    border-collapse:            collapse;
}

table#managepages tr.virtual td
{
background: #E0E0E0 url(../img/sm-even.gif) top left repeat;
}

table#managepages tr.odd.virtual td
{
background: #FFF url(../img/sm-odd.gif) top left repeat;
}

table#managepages th,
table#managepages tr.footer td
{
    padding-left:               3px;
    padding-right:              3px;
    padding-top:                2px;
    padding-bottom:             2px;
    background-color:           #c0c0c0;
    text-align:                 left;
    vertical-align:             middle;
}

table#managepages td
{
/*
height:24px;
*/
    padding-left:               3px;
    padding-right:              0px;
    padding-top:                2px;
    padding-bottom:             2px;
    border-left:                1px solid #c0c0c0;
    border-right:               1px solid #c0c0c0;
    background-color:           #f9f9f9;
    text-align:                 left;
    vertical-align:             middle;
}

table#managepages tr.odd td
{
    background-color:           #e0e0e0;
}

table#managepages tr.disabled td a,
table#managepages tr.disabled td
{
    color:                      #a0a0a0;
}

table#managepages tr.hidden td
{
    font-style:                 italic;
}

table#managepages td.managepages_td_title,
table#managepages td.title
{
    padding-top:                5px;
    padding-bottom:             0px;
    font-weight:                bold;
    vertical-align:             top;
}

table#managepages td.managepages_td_title img,
table#managepages td.title img
{
    float:                      left;
    position:                   relative;
    top:                        -5px;
    margin-left:                0px;
    margin-right:               0px;
    margin-top:                 0px;
    margin-bottom:              -5px;
}

table#managepages td.managepages_td_action img,
table#managepages td.actions img
{
    float:                      left;
    margin:                     1px;
}

table#managepages td.managepages_td_action a:link,
table#managepages td.actions a:link,
table#managepages td.managepages_td_action a:visited,
table#managepages td.actions a:visited
{
    display:                    block;
    float:                      left;
}

table#managepages td.managepages_td_action a:hover,
table#managepages td.actions a:hover,
table#managepages td.managepages_td_action a:active,
table#managepages td.actions a:active
{
    background-color:           #ffffff;
}

table#managepages  td.managepages_td_title a
 {
    color:                      #353535;
}

table#managepages td.managepages_td_name a,
table#managepages td.managepages_td_title a
{
   padding-right:              12px;
}

table#managepages td.managepages_td_name a:hover,
table#managepages td.managepages_td_title a:hover
{
    background-image:           url('../img/dit.gif');
    background-position:        right 2px;
    background-repeat:          no-repeat;
    padding-right:              12px;
}

div#mainnav
{
    max-width: 					686px;
    margin:                 	0 auto;
}

div#mainnav div.tipcontainer
{
    float:                      left;
}

div#mainnav div.tip
{
}
div#mainnav a
{
margin: 2px;
}

div#mainnav a:link,
div#mainnav a:visited
{
    display:                    block;
    float:                      left;
    width:                      120px;
    height:                     15px;
    margin-right:               5px;
    margin-bottom:              5px;
    padding-left:               5px;
    padding-right:              5px;
    padding-top:                60px;
    padding-bottom:             0px;
    color:                      #ffffff;
    background-color:           #6a8694;
    background-image:           url('../img/nav_bg.gif');
    background-repeat:          no-repeat;
    background-position:        right bottom;
    text-align:                 right;
    text-decoration:            none;
    font-size:                  1em;
    font-weight:                bold;
    font-family:                Verdana;
    font-variant:               small-caps;
    line-height:                12px;
}

div#mainnav a:hover,
div#mainnav a:active
{
    background-color:           #cc9933 !important;
}

div#mainnav a.nav_a_2line:link,
div#mainnav a.nav_a_2line:visited,
div#mainnav a.nav_a_2line:hover,
div#mainnav a.nav_a_2line:active
{
    height:                     27px;
    padding-top:                48px;
}

div#mainnav a#nav_a_editpage:link,
div#mainnav a#nav_a_editpage:visited
{
    background-color:           #948f6a;
}

div#mainnav a#nav_a_managepages:link,
div#mainnav a#nav_a_managepages:visited
{
    background-color:           #947a6a;
}

div#mainnav a#nav_a_media:link,
div#mainnav a#nav_a_media:visited
{
    background-color:           #6a947c;
}

div#mainnav a#nav_a_publish:link,
div#mainnav a#nav_a_publish:visited
{
    background-color:           #6a7894;
}

div#mainnav a#nav_a_sync:link,
div#mainnav a#nav_a_sync:visited
{
    background-color:           #858585;
}

div#footer
{
    padding:                    1px;
    color:                      #dddddd;
    font-size:                  9px;
    text-align:                 center;
}

div#footer hr
{
    display:                    none;
}

div#footer a:link,
div#footer a:visited
{
    color:                      #dddddd;
    text-decoration:            underline;
}

div#footer a:hover,
div#footer a:active
{
    color:                      #cc9933;
    text-decoration:            underline;
}

/*----------------News-Modul--------------------*/
div#edit_page_attributes p,
div#edit_page_attributes h
{
	padding-top:	           0px;
}
div#edit_page_attributes p{
	color:                     #a0a0a0;
}
div#edit_page_attributes .input_text,
div#edit_page_attributes .input-hint,
div#edit_page_attributes select,
div#edit_page_attributes .date-chooser-button{
	float:left;
}
div#edit_page_attributes select,
div#edit_page_attributes .date-chooser-button,
div#edit_page_attributes .input_text{
	margin-right: 1em;
}

div#edit_page_attributes .input-hint {
    line-height:  1.8em;
}

table.date-chooser-calendar {
    left: 64.5%;
}

div#edit_page_attributes input#edit_page_attr_datum{
	margin-left: 54px;
    width:                     250px;
}
input#edit_page_attr_abriss{
	margin-left: 52px;
    width:                     700px;
}
select#edit_page_attr_public{
	margin-left: 41px;
    width:                     250px;
}

div#edit_page_attributes label
{
 	display:                    block;
    float:                      left;
	width: 						120px;
}
div#edit_page_attributes input.input_text
{
	display:                    block;
	width: 						660px !important;
}

div.edit_page_sidebar_pages table
{
	border:			none;
	border-collapse:	collapse;
}

div.edit_page_sidebar_pages table td
{
	padding-right:		1em;
}

div.edit_page_sidebar_pages table td input.input_text
{
	text-align:		right;
}

.select_template {
	width: 200px;
}

input.edit_page-url-input {
margin-left: 2px;
}
label[for="edit_page-url-input"] {
	margin-left: 37px;
}
#edit_page-url-input {
	width: 402px;
}

img.seo-index {
	position: absolute;
	right: 20px;
	top: 80px;
}

div.cl-edit-page-chooser
{
	display:		inline;
}

div.notice {
	background-color: #f9f6df;
	display: block;
	width: 100%;
	height: 28px;
	margin: 2px;
	text-align: center;
	line-height: 2.4em; 
}

div.notice img {
	vertical-align: middle;
}

div.linkadd {
    background-color:       white;
    height:                 130px;
    float:                  left;
    width:                  410px;
    border:                 1px solid #828282;
    padding:                0 20px 20px;
    box-shadow:             3px 3px 8px rgba(0, 0, 0, 0.28);
    -moz-box-shadow:        3px 3px 8px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow:     3px 3px 8px rgba(0, 0, 0, 0.28);

}

div.linkadd  a.close
{
    display:                block;
    height:                 24px;
    width:                  38px;
    margin-right:           -20px;
    float:                  right;
    clear:                  both;
    background:             white url(../img/close-add.gif) top left no-repeat;
}

div.linkadd  h3 {
    margin:                 2px 5px 5px 0;
}

div.linkadd input.input_button {
    float:                  right;
    margin-left:            8px;
}

input#contentarea_class {
	width:				400px;
}

#swap_contentareas {
	float: left;
	display: none;
}

@media screen and (max-width: 56.3em) {
	.cl_media .tableview td:nth-child(3),
	.cl_media .tableview td.odd:nth-child(3),
	.cl_media .tableview th:nth-child(3),
	.cl_media .tableview td:nth-child(4),
	.cl_media .tableview td.odd:nth-child(4),
	.cl_media .tableview th:nth-child(4),
	.cl_media .tableview td:nth-child(5),
	.cl_media .tableview td.odd:nth-child(5),
	.cl_media .tableview th:nth-child(5),
	.cl_media .tableview td:nth-child(6),
	.cl_media .tableview td.odd:nth-child(6),
	.cl_media .tableview th:nth-child(6),	
	.cl_media .tableview td:nth-child(7),
	.cl_media .tableview td.odd:nth-child(7),
	.cl_media .tableview th:nth-child(7),	
	.cl_media .tableview td:nth-child(8),
	.cl_media .tableview td.odd:nth-child(8),
	.cl_media .tableview th:nth-child(8)
	{
		display: none;
	}
	
	div.textblock textarea.textblock_summary
	{
		width: 90%;
	}

}

@media screen and (min-width: 56.3em) and (max-width: 88em) {
	
	.cl_media .tableview td:nth-child(4),
	.cl_media .tableview td.odd:nth-child(4),
	.cl_media .tableview th:nth-child(4),
	.cl_media .tableview td:nth-child(6),
	.cl_media .tableview td.odd:nth-child(6),
	.cl_media .tableview th:nth-child(6)	
	
	{
		display: none;

	}

}