@import "/fileadmin/designs/flex-content/common.css";
/* ############################################################## */
/*     MAIN STYLE FOR MAPWARE AG */
/*    DESIGN AND TECHNICAL REALISATION BY */
/*    Onedrop Solutions GmbH & Co. KG 2008 */
/*    web: www.1drop.de --- mail: info@1drop.de */
/* ############################################################## */

/* General settings */
body {
background-color:#c2c2c2;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size:12px;
color:#434343;
line-height:18px;
}

a {
  color: #9f1438;
  text-decoration: none;
}

a:hover {
  color: #434343;
  text-decoration: underline;
}

h1, h2 {
  font-size: 14px;
  color: #9f1438;
  /*color: #434343;*/
  font-weight: bold;
}

h2 {
  font-size: 14px;
  font-weight: bold;
}

h3 {
  font-size: 12px;
  font-weight: bold;
}

ul {
  list-style-type:square;
}

hr {
border: 1px solid #C8C8C8;
height:1px;
}

.rot {
color:#9F1438;
}

.gruen {
color:green;
}

.gelb {
color:yellow;
}

.small {
font-size:10px;
}

input,
select,
textarea {
  border: 1px solid #CCC;
  padding:3px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size:12px;  
}

input,
textarea {
  width: 200px;
}

input[type=checkbox] {
  width: auto;
  border:none;
}

input#action_submit,
input.powermail_submit {
  margin: 7px 0 0 150px;
  width: auto;
  border: 1px solid #434343;
  background-color: #434343;
  color: white;
}

input#action_submit:hover,
input.powermail_submit:hover {
  border: 1px solid #434343;
  background-color: #9f1438;
  color: #FFF;
}

/* PowerMail Fieldset ausblenden */
.powermail-fieldset h3 {
display: none;
}

/* mandatory * */
.powermail_mandatory {
color:#9F1438;
}

/* Container for all content */
#Main {
margin:0 auto;
width:816px;
background-color:transparent;
background-image:url(../images/BgShaddow.jpg);
background-position:top left;
background-repeat:repeat-y;
}

/* Top shaddow */
#HeadShade {
width:100%;
height:16px;
background-color:transparent;
background-image:url(../images/BgHead.jpg);
background-position:top left;
background-repeat:no-repeat;
}

/* Top image containing logo */
#HeadImg {
width:800px;
height:99px;
margin:0 8px;
background-color:transparent;
background-image:url(../images/head.jpg);
background-position:top left;
background-repeat:no-repeat;
}

/* Top navigation */
#TopNav {
width:800px;
height:31px;
margin:0 8px;
background-color:transparent;
background-image:url(../images/bgtopnav.jpg);
background-position:top left;
background-repeat:repeat-x;
}

#TopNav a {
float:right;
height:30px;
color:#000;
background-image:url(../images/divider2.gif);
background-position:center right;
background-repeat:no-repeat;
line-height:30px;
padding:0 20px;
text-decoration:none;
}

#TopNav a:hover, #TopNav a.active, #TopNav a.home_active,
#TopNav a.last_active:hover, #TopNav a.last:hover  {
background-image:url(../images/TopNavActiveBG.png);
background-position:top left;
background-repeat:repeat-x;
color:#FFF;
}

#TopNav a.home, #TopNav a.home_active  {
background-image:none;
float:left;
}

#TopNav a.last_active, #TopNav a.last {
background-image:none;
}

#TopNav a.home:hover, #TopNav a.home_active, #TopNav a.home_active:hover  {
background-image:none;
color:#9f1438;
}

/* Shaddow between head and body */
#CBodyTop, #CBodyTop2 {
width:800px;
height:10px;
overflow:hidden;
margin:0 8px;
background-color:transparent;
background-image:url(../images/ShaddowNaviCont.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
}

/* Shaddow between head and body start page */
#CBodyTop2 {
background-image:url(../images/ShaddowNaviCont2.jpg);
}

/* Content body */
#CBody,#CBody2 {
width:800px;
margin:0 8px;
background-color:#FFF;
background-image:url(../images/BgMain.jpg);
background-position:top left;
background-repeat:repeat-y;
min-height:350px;
float:left;
}

#CBody2 {
background-image:none;
}

/* ========================================
    LEFT AREA
======================================== */

/* Left content section */
#CBodyLeft {
width:199px;
background-color:transparent;
float:left;
}

#CBodyLeft2 {
width:528px;
height:468px;
margin:6px 12px 7px 16px;
float:left;
}

#StartImage {
width:100%;
height:377px;
/*background-color:transparent;
background-image:url(../images/StartPic.jpg);
background-position:top left;
background-repeat:no-repeat;*/
}

#Filler {
width:100%;
height:81px;
margin-top:12px;
/*background-color:transparent;
background-image:url(../images/Filler.png);
background-position:top left;
background-repeat:no-repeat;*/
}

/* Red gradient header for navigation */
#NaviHead {
width:100%;
height:37px;
background-color:transparent;
background-image:url(../images/LeftNaviHead.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
color:#FFF;
line-height: 37px;
text-align:center;
}

/* LEFT NAVI */
#CBodyLeft a.Lnavi1, #CBodyLeft a.Lnavi1_active,
#CBodyLeft a.Lnavi2, #CBodyLeft a.Lnavi2_active,
#CBodyLeft a.Lnavi3, #CBodyLeft a.Lnavi3_active {
width:165px;
margin-left:10px;
padding:9px 5px 11px 10px;
background-color:#FFF;
background-image:url(../images/NaviTab3.png);
background-position:bottom left;
background-repeat:repeat-x;
clear:left;
display:block;
color:#434343;
text-decoration:none;
}


#CBodyLeft a.Lnavi1:hover, #CBodyLeft a.Lnavi1_active {
color:#9f1438;
}

/* LEFT NAVI 2 LEVEL */
#CBodyLeft a.Lnavi2, #CBodyLeft a.Lnavi2_active {
background-color:#DDD;
padding:5px 5px 7px 10px;
}

#CBodyLeft a.Lnavi2:hover, #CBodyLeft a.Lnavi2_active,
#CBodyLeft a.Lnavi3:hover, #CBodyLeft a.Lnavi3_active {
color:#9f1438;
}

#CBodyLeft a.Lnavi3, #CBodyLeft a.Lnavi3_active {
width:150px;
padding:5px 5px 7px 25px;
background-color:#CCC;
}

/* ========================================
    RIGHT AREA
======================================== */

#titleImage{
width:600px;
height:129px;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
background:url(/fileadmin/mapware/images/Titel/graph.jpg) right no-repeat;
margin:3px 0 0 1px;
float:left;
position:relative;
}

#title {
width:205px;
height:50px;
position:absolute;
top: 1px;
left:395px;
color:#434343;
font-size:14px;
font-weight:bold;
line-height:50px;
text-align:center;
}

/* Right content section */
#CBodyRight {
width:601px;
background-color:transparent;
float:left;
}

#CBodyRightInside {
width:560px;
padding:0 20px 10px 21px;
background-color:transparent;
float:left;
}

/* Right content section paragraphs */
#CBodyRightInside p {
clear:left;
}

#CBodyRightInside2 {
width:100%;
background-color:transparent;
float:left;
}

/*

/* Right content section headlines */
/*h1.csc-firstHeader, div.news-single-item h2 {
width:286px;
height:31px;
margin-top:3px;
margin-left:-20px;
padding-left:21px;
background-color:transparent;
background-image:url(../images/BgHeadline.jpg);
background-position:top left;
background-repeat:no-repeat;
font-size:12px;
line-height:31px;
color:#9f1438;
clear:left;
}
*/
#CBodyRight2 {
width:228px;
margin-top:6px;
background-color:transparent;
background-image:url(../images/NewsShaddow.jpg);
background-position:top left;
background-repeat:repeat-y;
float:left;
}

/* News */
#NewsHead {
width:100%;
height:33px;
background-color:transparent;
background-image:url(../images/NewsHead.png);
background-position:top left;
background-repeat:no-repeat;
padding-top:4px;
color:#FFF;
line-height: 33px;
text-align:center;
}

#NewsBody {
width:180px;
height:424px;
margin:0 4px;
padding:0 20px;
overflow: hidden;
background-color:#FFF;
background-image:url(../images/NewsBody.jpg);
background-position:top left;
background-repeat:repeat-x;
}

#NewsFoot {
width:100%;
height:9px;
background-color:transparent;
background-image:url(../images/NewsFoot.jpg);
background-position:top left;
background-repeat:no-repeat;
}



.newsitem {
  font-size: 10px;
  padding: 15px 0;
  border-bottom: 1px dotted black;
}

.news-list-item {
  padding: 10px 0;
  border-bottom: 1px dotted black;
}

.news-list-item h3 {
  margin-top:5px;
}

.news-list-container img {
float: none;
}

.news-single-backlink a {
font-size:10px;
text-decoration: none;
}

.news-single-img {
float: none;
}

.news-header {
  font-size: 11px;
  font-weight: bold;
}

.news-more {
  text-align: right;
  margin-top:-5px;
}

.news-more a:hover,
.news-list-morelink a:hover, .news-single-backlink a:hover {
  text-decoration: none;
}

#NewsBody p {
  margin: 8px 0;
}

/* ========================================
    BOTTOM AREA
======================================== */

/* Bottom area with shaddow and rounded edges */
#CBodyBottom, #CBodyBottom2 {
width:100%;
height:18px;
background-color:transparent;
background-image:url(../images/BgBottom.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
}

#CBodyBottom2 {
background-image:url(../images/BgBottom2.jpg);
}

/* Helper */
div.ClearMe, div.clear, .clear {
clear:both;
}



/* Footer containing navigation */
#Footer {
margin:0 auto;
padding-top:5px;
width:816px;
color:#FFF;
font-size:10px;
text-transform:lowercase;
}

/* Footer navi links */
#Footer a {
color:#FFF;
font-size:10px;
text-decoration:none;
text-transform:lowercase;
}

#CBodyRightInside {
padding-top:8px;
*padding-top:19px;
}

#CBodyRightInside .two_col h1 {
background-image:none;
height:auto;
line-height:normal;
}

/* Formatting Typo Elements */

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
margin:10px 0;
}

/* Haken für Listen */

ul.haken {
list-style-image: url(../images/haken.png);
}


/* Login */

.tx-newloginbox-pi1 th {
text-align:left;
}

.tx-newloginbox-pi1 .submit {
width:80px;
}

/* ========================================
  fe_login
======================================== */

.tx-felogin-pi1 fieldset div {
margin-bottom:10px;
}

.tx-felogin-pi1 fieldset label {
float:left;
width:120px;
}

.tx-felogin-pi1 fieldset input {
width:100px;
}


/* ========================================
  ke_questionnaire: Fragebogen
======================================== */
.keq_page .keq_unit {
padding-bottom: 10px;
}

.keq_page .iamdependant {
background-color: #f7f7f7;
margin-left: -20px;
padding: 15px 20px;
width: 560px;
}

.keq_page .keq_question p {
font-size: 13px;
font-weight: bold;
color: #b81f33;
margin: 0;
}

.keq_page .keq_cleaner, .keq_selection .clearer {
display: none;
}

.keq_page .keq_selection {
border: 1px solid #ccc;
border-top: 4px solid #ccc;
padding-top: 5px;
background-color: #fff;
}

#CBodyRightInside .keq_page .iamdependant p {
margin-top: 0;

}

.keq_page .keq_blindunit p {
color: #434343;
padding-bottom: 10px;
font-size: 16px;
border-bottom: 4px solid #ccc;
margin-bottom: 0;
}

.keq_page fieldset {
border: none;
}

.keq_page legend {
display: none;
}

/*.keq_page .keq_question {
font-size: 16px;
font-weight: bold;
color: #b81f33;
border-bottom: 3px solid #ccc;
}*/

.keq_page input {
color: #434343;
font-family: Arial,Tahoma,Helvetica,sans-serif;
font-size: 12px;
line-height: 18px;
}

.keq_page input[type="radio"] { 
width: auto; 
}

.keq_page .keq_selection input[type="text"] { 
margin: 0 5px 3px 5px; 
}

.keq_page #keq_next {
background-image:url(../images/ke_submit.png);
display: block;
width: 178px;
height: 24px;
text-align: center;
margin-top: 9px;
padding-top: 7px;
font-weight: bold;
}

.keq_page #keq_next:hover {
text-decoration: none;
}

.keq_page .keq_selection .keq_error {
padding: 0 14px;
color: #B81F33;
}

.keq_page .keq_input_error {
color: #B81F33;
}

.keq_page .keq_other {
text-align: center;
font-size: 16px;
font-weight: bold;
color: #B81F33;
}

.keq_matrix_table thead,
.keq_matrix_table .label-col {
display: none;
}


.keq_matrix_table table,
.keq_matrix_table td,
.keq_matrix_table tr {
display: block;
}

.keq_matrix_table td label {
display: inline-block;
min-width: 100px;
}

/*  =======================
  Accordion
=======================  */

.accordion > .csc-default > .acontent {
display: none;
border:1px solid #F4F4F4;
padding: 10px 15px 0;
}

.accordion > .csc-default {
margin-bottom: 7px;
}


.accordion > .csc-default > .csc-header {
background-color: #F1F1F1;
padding-right: 15px;
}

.accordion > .csc-default > .csc-header > * {
background: url(../images/arrowright.png) right 11px no-repeat;
padding: 5px 15px;
font-size: 13px;
margin: 0px;
cursor: pointer;
}

.accordion > .csc-default.active > .csc-header > * {
background-image: url(../images/arrowdown-black.png);
background-position: right 13px;
}

.accordion > .csc-default > .csc-header:hover {
background-color: #F0F0F0;
}