/* cmsms stylesheet: planung_css modified: 03/23/18 11:59:25 */
/*
* (c) 2008 dd@planung.ch
*/


/* *** Elemente-Selektoren *** */

* {
/*padding: 0px;*/
margin: 0px;
}


a {
outline-style:none;
outline-width:0;
}


body {
color: black;
background: #FFF /*url(/'/static/images/background-3.png') repeat*/;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
color: #757575;
margin-top: 50px;
margin-bottom: 10px;
line-height: 18px;
}

h1 {
padding-bottom: 20px;
color:#999999;
font-size: 30px;
}



h2 {
font-weight: bold;
line-height: 20px;
padding-bottom: 10px;
/*padding-bottom: 5px;*/
color:#757575;
font-size:10pt;
}

h3 {
padding-bottom: 10px;
font-size: 100%;
font-weight: lighter;
color:#757575; 
}

h4 {
padding-bottom: 10px;
font-size: 100%;
font-weight: lighter;
}

td {
padding:2px 3px 3px 0px;
border:none;
}

th {
text-align:left;
padding-bottom: 6px;
}

table {
vertical-align: top;
border-collapse: collapse;
}

/*ul {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
}
*/
ul li {
/*list-style: url(/http://cms.data-publish.ch/uploads/images/planung/LI_arrow.gif);*/
margin-left:13px;
/* list-style-image: none;
list-style-type: none;*/
}

/*ul li:before {
padding-right: 2px;
content: "\00BB \0020";
}
*/
/* *** ID-Selektoren *** */

#outer {
position: relative;
width: 900px;
/*height: 700px;*/
margin: 0 auto;
/*border: 1px solid #eee;*/
background: #FFFFFF;
padding-bottom: 10px;
}

#outer a span.linkpt1 {
text-decoration: none;
color: #454545;
}

#outer a span.linkpt2 {
text-decoration: none;
color: #ff0000;
}

#outer a:hover span.linkpt1 {
text-decoration: none;
color: #ff0000;
}

#outer a:hover span.linkpt2 {
text-decoration: underline;
color: #ff0000;
}

#outer a.active {
color: #8B8B8B;
text-decoration:none;
}

#outer a {
color:#ff0000;
text-decoration:none;
}

#outer a:hover span.linkplanung{
text-decoration:underline;
}

#outer a:hover span.linkdata{
text-decoration:underline;
}

#outer a:hover span.linkmailto{
text-decoration:underline;
}

#header {
height: 17px;
border: none;
}

/*#header div.column1 {
position: absolute;
float: left;
font-size: 18px;
top: 30px;
left: 0px;
color: #ff0000;
font-weight: bold;
position: absolute;
width: 372px;
}*/

/*#header div.column2 {
position: absolute;
float: left;
font-size: 18px;
top: 30px;
right: 0px;
color: #ff0000;
font-weight: bold;
position: absolute;
}
*/
#header div a {
color: #ff0000;
text-decoration: none;
}

/* Top Area (Oben) */

#top_area {
margin: 20px 0px 0px 0px;
}

.activeparent {
color:#757575 !important;
}

.currentpage {
color:#757575;
}

#left_column_top {
width: 165px;
height: 100px;
float: left;
clear: left;
margin: 0px 0px 0px 0px;
padding: 15px 0px 2px 0px;
border-top: #757575 solid 2px;
line-height: 20px;
color: #757575;
}

#main_title {
width: auto;
color: #999999;
margin: 0px 185px 0px 185px;
padding: 18px 0px 5px 0px;
border-top: #757575 solid 2px;
line-height: 20px;
}

#right_column_top {
line-height:20px;
width: 165px;
float: right;
color: #757575;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: #757575 solid 2px;
}

/* Main Content Area (Mitte) */

#img_middle, #img_back {
    position: absolute;
    top: -360px;
    display: none;
}

#content_area {
margin: 16px 0px 5px 0px;
}

#content_area h1 {
padding-bottom: 20px;
color:#999999;
font-size: 100%;
color: #ff0000;
line-height: 20px;
}


#left_column_middle {
width: 165px;
float: left;
clear: left;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
border-top: #ccc dotted 1px;
line-height: 20px;
color: #ff0000;
}

#left_column_middle_second {
width: 165px;
float: left;
clear: left;
margin: 18px 0px 0px 0px;
padding: 15px 0px 0px 0px;
border-top: #ccc dotted 1px;
line-height: 20px;
color: #ff0000;
}

#gallery_menu_sub {
width: 165px;
float: left;
clear: left;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
border-top: #ccc dotted 1px;
line-height: 20px;
color: #ff0000;
}

#right_column_middle {
line-height:20px;
width: 165px;
float: right;
color: #ff0000;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
border-top: #ccc dotted 1px; /*border-bottom: #ccc dashed 1px;*/
}

#center_column_middle {
width: auto;
margin: 0px 185px 0px 185px;
padding: 15px 0px 0px 0px;
border-top: #ccc dotted 1px;
line-height: 20px;
}

/* Footer Area (Unten) */

#footer_area {
margin: 20px 0 20px 0;
}

#left_column_footer {
margin:0px 0px 0px 0px;
position:relative;
padding: 16px 0px 5px 0px;
width: 165px;
clear: left;
float: left;
border-top: #ccc dotted 1px;
}

#main_column_footer {
/*width: 530px;*/
margin: 0px 185px 0px 185px;
padding: 16px 0px 5px 0px;
border-top: #ccc dotted 1px;
}

#right_column_footer {
margin: 0px 0px 0px 0px;
padding: 16px 0px 5px 0px;
width: 165px;
float: right;
border-top: #ccc dotted 1px;
font-stretch:narrower;
}

#left_column2 {
width: 165px;
margin: 20px 0px 0px 0px;
padding: 15px 0 0 0;
border-top: #ccc dotted 1px;
color: #e22;
}

#right_column.wide {
width: 165px;
}

#left_column ul {
display: block;
list-style: none;
margin: 0 0 5px 0;
}

#main_content.single_column {
margin-left: 24px;
margin-right: 24px;
}

#main_content.two_columns {
margin-left: 24px;
padding-top: 0px;
margin-top: 15px;
/*margin-right: 24px;*/
}

#main_content ul {
margin: 18px 10px 18px 18px;
text-align: left;
}

#main_content a {
color: #e22;
text-decoration: none;
}

#main_content a:visited {
color: #e22;
}

#main_content a:hover {
text-decoration: none;
color: #000;
}

#link_erweiterter_login_img {
border: 0px solid; 
position:absolute; 
right:0px; 
top: 1px;
}

img {
}

#planung_img_left, #planung_img_right, #planung_img_left_back, #planung_img_right_back {
position: absolute;
top: -360px;
display:none;
}

#planung_img_middle, #planung_img_middle_back {
position: absolute;
top: -360px;
display:none;
}

.info_img {
padding-top: 10px;
padding-bottom: 10px;
}

#project_img {
padding-bottom: 20px;
}

#project_header {
margin: 20px 0px 10px 0px;
}

#project_header li {
margin-bottom: 15px;
}

#login_text {
width: 165px;
position: absolute;
top: 15px;
}

.input_field_wide_PW {
background: url(/uploads/images/planung/input_password_dreispalten.png) no-repeat 0px 0px;
width: 165px;
font-size: 75%;
padding: 0px 0px 0px 2px;
height: 16px;
border: none;
color: #757575;
position: absolute;
top: 57px;

}

.input_field_wide_UN {
background: url(/uploads/images/planung/input_username_dreispalten.png) no-repeat 0px 0px;
width: 165px;
padding: 0px 0px 0px 2px;
font-size:75%;
height: 16px;
border: none;
color: #757575;
position: absolute;
top: 37px;
}

#search_erw {
width: 17px;
height: 16px;
border: none;
cursor: pointer;
background: url(/uploads/images/planung/input_search_erweitert.png) no-repeat 0px 0px;
position: absolute;
top: 97px;
left: 148px;
}

.input_field_wide_search {
background: url(/uploads/images/planung/input_search.png) no-repeat 0px 0px;
width: 165px;
font-size: 75%;
height: 16px;
padding: 0px 0px 0px 2px;
border: none;
color: #757575;
position: absolute;
top: 97px;
}

.submit_button {
width: 101px;
height: 20px;
border:none;
}

.input_field_wide_erw {
width: 170px;
height: 16px;
border:#CCCCCC solid 1px;
background: #f5f5f5;
color: #555555;
}

.submit_button_erw {
width: 172px;
height: 20px;
color: #999999;
font-size:100%;
background-color: #F5F5F5;
border:#CCCCCC solid 1px;
}

#login_ds2 {
background:url(/uploads/images/planung/ds2_submitbutton.png) no-repeat top;
border: none;
cursor: pointer;
position: absolute;
top: 37px;
left:128px;
}

#login_ds3 {
background: url(/uploads/images/planung/input_search_erweitert.png) no-repeat 0px 0px;
border:none;
cursor: pointer;
position: absolute;
z-index:1000;
top: 57px;
left: 148px;
}

.no_javascript_tag {
position: absolute;
top: 75px;
height: 20px; 
width: 165px;
color:#ff0000;
}

.ds_error {
position: absolute;
top: 75px;
height: 20px; 
width: 165px;
color:#ff0000;
}

.project_title {
font-size: 22px !important;
letter-spacing: 3px;
color: #e22;
}

.login_message {
color: #e22;
margin-bottom: 5px;
}

#right_column_color{
color:#ff0000;
}

#b2, #b3, #planung_img1, #planung_img2, #planung_img3, #datashare_img1, #datashare_img2, #datashare_img3, #dataservices_img1, #dataservices_img2, #dataservices_img3, #datapublish_img1, #datapublish_img2, #datapublish_img3, #l_m_c, #l_l_c, #l_r_c, #l_m_w, #l_l_w, #l_r_w, #l_m_c_z, #l_l_c_z, #l_r_c_z, #l_m_w_z, #l_l_w_z, #l_r_w_z, #l_r_b_z, #l_l_b_z, #l_m_b_z, #car_text, #walk_text, #planung_img_right, #planung_img_left, #planung_img_middle {
display: none;
}



#img_thumb_l {
padding: 0px;
margin-top: 0px;
position:relative;
}

#img_thumb_r {
padding: 0px;
margin: 0px;
position:relative;
left: 1px;
}


.add_wish_title div label {
font-size: 80%;
}

.add_wish_class {
color: #757575;
}

.add_wish_description input {
border: none;
color: #757575;
margin-bottom: 4px;
font-size: 80%;
height: 14px;
width: 165px;
}

#map_frame{
height: 500px;
}

#map_canvas{
margin-top: 15px;
margin-bottom: -40px;
}

#map_slice1{
left: 165px;
background: #fff;
width: 20px;
height: 550px;
z-index: 1000;
}

#map_slice2{
left: 715px;
background: #fff;
width: 20px;
height: 550px;
z-index: 1000;
}

.map_control1 {
background: #ffffff;
position: relative;
height: 44px;
width: 192px;
top: -456px;
left: 4px;
}

.map_control2 {
background: #ffffff;
position: relative;
height: 44px;
width: 192px;
top: -456px;
left: 189px;
}

#map_start {
background: url(/uploads/images/planung/input_mapstart.png) no-repeat 0px 0px;
width: 182px;
font-size: 75%;
padding: 0px 0px 0px 2px;
height: 16px;
border: none;
color: #757575;
margin: 4px 4px 8px 4px;
}

#map_route {
background:url(/uploads/images/planung/input_search_erweitert.png) no-repeat right top; 
border:none;
cursor: pointer;
position: absolute;
top: 4px;
left: 158px;
}

.map_radio {
margin: 0px;
display:none; 
}


input[type=radio] + label {
    display:inline-block;
    margin:0px;
    padding: 0px 36px 0px 35px;
    background-color: #F0F0F0;
height: 16px;
cursor: pointer;
line-height: 14px;
}

#map_label_train{
 margin:-8px;

}

input[type=radio]:checked + label {
   background-image: none;
    background-color:#d6d6d6;
}

#map_radiofield {
margin-left:12px;
margin-top:-4px;
}

#map_err{
position: absolute;
left: 5px;
}

#map_colorchange{
position:relative;
top: -28px;
left: 4px;
background: #ffffff;
height: 20px;
width: 83px;
padding-left: 4px;
cursor:pointer;
}

#mac91dfbrp__28 {
background: url(/uploads/images/formbuilder/add_wish_title_img.png) no-repeat 0px 0px;
border: none;
width: 530px;
margin-bottom: 5px;
color:#757575;
}


#mac91dfbrp__29 {
background: url(/uploads/images/formbuilder/add_wish_description_img.png) no-repeat 0px 0px;
border: none;
width: 530px;
height: 250px;
font-size:12px;
font-family:arial,verdana,sans-serif;
color:#757575;
}

#mac91dfbrp__31 {
background: url(/uploads/images/formbuilder/add_wish_name_img.png) no-repeat 0px 0px;
border: none;
width: 530px;
margin-bottom: 5px;
color:#757575;
}

#mac91dfbrp__32 {
background: url(/uploads/images/formbuilder/add_wish_mail_img.png) no-repeat 0px 0px;
border: none;
width: 530px;
margin-bottom: 5px;
color:#757575;
}

#mac91dfbrp__33 {
background: url(/uploads/images/formbuilder/add_wish_phone_img.png) no-repeat 0px 0px;
border: none;
width: 530px;
margin-bottom: 5px;
color:#757575;
}

.fbsubmit {
border: none;
/*background-color: #f4f4f4;*/
color: #757575;
height: 18px;
width: 175px;
margin-top:3px;
background: url(/uploads/images/formbuilder/add_wish_submit.png) no-repeat 0px 0px;
}



#md0651fbrp__35 {
background: url(/uploads/images/formbuilder/add_errorreport_title_img.png) no-repeat 0px 0px;
border: none;
width: 530px;
margin-bottom: 5px;
color:#757575;
}


#md0651fbrp__36 {
background: url(/uploads/images/formbuilder/add_errorreport_description_img.png) no-repeat 0px 0px;
border: none;
width: 530px;
height: 250px;
font-size:12px;
font-family:arial,verdana,sans-serif;
color:#757575;
}

#md0651fbrp__42 {
background: url(/uploads/images/formbuilder/add_errorreport_username_img.png) no-repeat 0px 0px;
border: none;
width: 530px;
margin-bottom: 5px;
color:#757575;
}

#md0651fbrp__37 {
background: url(/uploads/images/formbuilder/add_errorreport_name_img.png) no-repeat 0px 0px;
border: none;
width: 530px;
margin-bottom: 5px;
color:#757575;
}

#md0651fbrp__38 {
background: url(/uploads/images/formbuilder/add_errorreport_mail_img.png) no-repeat 0px 0px;
border: none;
width: 530px;
margin-bottom: 5px;
color:#757575;
}


#md0651fbrp__39 {
background: url(/uploads/images/formbuilder/add_errorreport_phone_img.png) no-repeat 0px 0px;
border: none;
width: 530px;
margin-bottom: 5px;
color:#757575;
}
/* cmsms stylesheet: dialog_box modified: 03/23/18 12:00:21 */
#content {
        padding:20px
}

#dialog {
        position:absolute;
        /*width:918px;*/
        padding:2px;
        z-index:200;
        background:#fff;
}

#dialog-header {
        display:block;
        position:relative;
        width:940px;
        padding:3px 8px 20px 8px;
        height:14px;
        font-size:14px;
        font-weight:bold;
}

#dialog-title {
        float:left;
width: 940px;
}

#dialog-close {
display: none;
        float:right;
        cursor:pointer;
        margin:3px 3px 0 0;
        height:11px;
        width:11px;
        background:url(/images/dialog_close.gif) no-repeat;
}

#image_style_content2, #image_style_content_zoom{
        border: 0px none;
}

#dialog-content {
        display:block;
        width: 940px;
        height:auto;
        padding:15px 8px 6px 8px;
        color:#666666;
        font-size:13px;
}

#dialog-buttons {
        display:block;
        height:0px;
        padding:0px;
        padding-bottom: 0px;
        color:#222;
        font-size:13px;
        text-align: center;
}

#dialog-buttons input {
    width: 50px;
    margin-right: 5px;
    border: 1px solid #999;
}

#dialog-mask {
        position:absolute;
        top:0;
        left:0;
        min-height:100%;
        width:100%;
        background:#000;
        z-index:100;
}

/* Themes */
#dialog-header.success, #dialog-header.confirm {
        /*background:url(/images/success_header.gif) repeat-x;*/
        background:url(/images/general_header.gif) repeat-x;
        color:#757575;
        border:1px solid #B9B9B9;
        border-bottom:none;
}

#dialog-content.success, #dialog-content.confirm {
        /*background:#fff url(/images/success_bg.jpg) bottom right no-repeat;*/
        border:1px solid #B9B9B9;
        background-color: #fdfdfd;
        border-top:none;
        border-bottom: none;
}

#dialog-buttons.success, #dialog-buttons.confirm {
        /*background:#fff url(/images/success_bg.jpg) bottom right no-repeat;*/
        border:1px solid #B9B9B9;
        background-color: #fdfdfd;
        border-top:none;
}

#viewer_image_center {
        cursor: pointer; 
        position: relative; 
        left: 20px;
float: left;
}

#viewer_container_center{
 float: left;
        position: relative; 
overflow: visible!important;
}


/*
.error {
        background:#fff url(/images/error_bg.jpg) bottom right no-repeat;
        border:1px solid #924949;
        border-top:none;
}

.errorheader {
        background:url(/images/error_header.gif) repeat-x;
        color:#6f2c2c;
        border:1px solid #924949;
        border-bottom:none;
}

.warning {
        background:#fff url(/images/warning_bg.jpg) bottom right no-repeat;
        border:1px solid #c5a524;
        border-top:none;
}

.warningheader {
        background:url(/images/warning_header.gif) repeat-x;
        color:#957c17;
        border:1px solid #c5a524;
        border-bottom:none;
}


.prompt {
        background:#fff url(/images/prompt_bg.jpg) bottom right no-repeat;
        border:1px solid #4f6d81;
        border-top:none;
}

.promptheader {
        background:url(/images/prompt_header.gif) repeat-x;
        color:#355468;
        border:1px solid #4f6d81;
        border-bottom:none;
}
*/