/* DDA default */
 body {
	background-color: #ffffff;
	color:#3e4f83;
	font: 0.75em/1.4em verdana, arial, sans-serif;
	padding: 9px 0;
}

ul { list-style: none; margin:0; padding:0; }

#canvas { width: 900px; margin:0 auto 1em auto; background-color:#5065ad; border: 1px solid #001e3c; }

#header { width:100%; height:160px; background:#5065ad url(./../images/bg/dda_banner.jpg) no-repeat 0 0; position:relative; }
#globalnav { width: 100%; height: auto; background-color: #001e3c; position:absolute; top:85px; left:0; z-index:1111; }
#toolbar { width:100%; height:28px; background-color:#3e4f83; color: #fff; line-height:28px; font-size:95%; position:absolute; bottom:0; left:0; z-index:1111; }
#wrapper { clear:both; width:100%; height:100%; font-size:90%; margin:0; padding:0; }
#container_m { float: left; width: 59%; min-height:220em;  background-color:#fff; /*#F1F1FA;*/}
#container_l {	float: left; width: 16%;  height:52em; }
#container_r {	float: right; width: 25%; color:#fff; }
#footer { clear: both; text-align:left; color:#AAA; font-size:85%; padding:4px 10px; border-top:1px solid #001e3c;}

#globalnav table { width: 100%; height:100%; font-size:90%; text-align: center; border-collapse: collapse; font-weight: bold; }
#globalnav td.top { width:16%; }
#globalnav td.bottom { width:20%; }
#globalnav td:hover { background:none; color:#fff; }

#globalnav li a { background:none; padding-left:0; border:1px solid #3e4f83; width:100%; cursor: pointer; display: block;  line-height:20px; color:#fff; text-decoration: none; }
#globalnav li.selected a{ border:1px solid #3e4f83; width:100%;  background:#3e4f83; line-height:20px; color:#fff; }
#globalnav li a:hover {	color: #fff; width:100%;  background-color:#262c8c;  }
#globalnav li a:active { color: #fff; width:100%;  background-color:#262c8c;  }

#submenue { float: left; width: 100%; font-size:95%; }
#submenue ul { border-bottom: 1px solid #D7D7E6; }
#submenue li { margin: 0; border-bottom: 1px solid #646eaf; background-color: #e6e6ff; font-size:90%; }
#submenue li a {background:none; padding-left:0; display: block; padding: 5px 5px 5px 20px; border-left: 8px solid #646eaf; border-right: 1px solid #646eaf; color: #001e3c; font-weight: normal; text-decoration: none; }
#submenue li a:hover { background-color: #646eaf; border-left: 8px solid #001e3c; border-right: 1px solid #646eaf; text-decoration: none; color: #fff; }
#submenue li a:active { background-color: #262c8c; border-left: 8px solid #262c8c; color: #fff; }
#submenue li.selected { background: url(../images/icons/icon_selected_item.gif) no-repeat 0% 50%; background-color:#646eaf; padding:5px 5px 5px 28px; color:#fff; font-weight:normal; }
#subsubmenue { clear: both; width: 100%; }
#subsubmenue ul { border-bottom: 1px solid #D7D7E6; }
#subsubmenue li { margin: 0; background-color: #afafd2; color: #001e3c; font-size: 90%; }
#subsubmenue li a { display: block; padding: 2px 5px 2px 20px; color: #001e3c; text-decoration: none; }
#subsubmenue li a:hover { background-color: #646eaf; border-left: 8px solid #001e3c; border-right: 1px solid #646eaf; text-decoration: none; color:#001e3c; }
#subsubmenue li a:active { background-color: #262c8c; border-left: 1px solid #262c8c; color: #fff; }
#subsubmenue li.selected { background-color: #ff9900; border-right: 1px solid #646eaf;	border-left: 8px solid #001e3c; 	padding: 2px 15px 2px 20px; color:#fff; font-weight: normal; }

#forum ul.menu { width:100%; height:30px; }
#forum ul.menu li { float:left; width:33%; height:28px; font-size:115%; line-height:28px; text-align:center; }
#forum ul.menu li a { background-image:none; background-color:#5065ad; padding:0; margin:0; color:#fff; display:block; }
#forum ul.menu li a:hover { background-color:#a0a0c8; text-decoration:none; }

.show { width:100%; height:auto; } /* anzeige von daten im forum */

#menuicons { float:left; width:15%; height:auto; height:100%; }
#menuicons img { border:0; margin:3px 0.25em; }
#breadcrumbs { float:left; width:80%; height:100%; margin:0; padding:0; /* margin-top:-4px; */ }
#breadcrumbs a { font-weight: normal; text-decoration: none; color: #fff; }
#breadcrumbs a:hover { text-decoration: underline; }

a:link,
a:visited, .link  { background: url(../images/icons/link_intern.gif) no-repeat left center; padding-left:15px; color:#001e3c; font-size:100%; font-weight: bold; text-decoration: none; cursor:pointer; }
a:hover, .link:hover { text-decoration:underline; }
a[href^="mailto:"] { background: url(../images/icons/link_email.gif) no-repeat right top; padding-left:0; padding-right:15px; }
a[href^="http:"] { background: url(../images/icons/link_new.gif) no-repeat right top; padding-left:0; padding-right:15px; }
a[href^="https:"] { background: url(../images/icons/link_new.gif) no-repeat right top; padding-left:0; padding-right:15px; }
a[href^="http://www.karsten-berlin.net"] { background: none; padding-right:0; }
a[href^="#top"] { background:none; padding-left:0; }

#container_r a:link,
#container_r a:visited, #container_r.link  {background: url(../images/icons/link_intern_right.gif) no-repeat left center; padding-left:15px; color:#fff; font-weight: bold; text-decoration: none; cursor:pointer; }
#container_r a:hover { text-decoration:underline; }
/* Tooltip */
a.info { background:none; padding-left:0; position:relative; z-index:24; color:#00366a; border-bottom: 1px dashed #00366a; }
a.info:hover {z-index:25; cursor:help; color:#00366a; text-decoration: none;}
a.info span  {display: none; }
a.info:hover span{ display:block; position:absolute; top:2em; left:2em; width:30em; border:1px solid #666;
	 padding: 5px; background-color:#FFFFCC; color:#000; font-weight:normal; font-size:11px;}

.tooltip {
    background-color:#ffffff;
    color:#333333;
    font-weight:bold;
    line-height:20px;
    padding:0 10px;
    width:120px;
    border:1px #333333 solid;
  }

a.tooltip_ { background:none; padding-left:0; position:relative; z-index:124; cursor:pointer; }
a.tooltip_:hover {z-index:125; }
a.tooltip_ span  {display: none; }
a.tooltip_:hover span{ display:block;
    position:absolute; top:-60px; left:4px;
    background-color:#ffffff;
    color:#333333;
    font-weight:bold;
    line-height:20px;
    padding:0 10px;
    width:160px;
    border:1px #333333 solid;}

#container_r ul li { background: url(../images/icons/icon_searchlist.gif) no-repeat 0 0; }
#container_r ul li.list { padding:4px 0 1em 30px; line-height:1.6em; background: transparent url(../images/icons/icon_go.png) no-repeat 0 0; }

h1, h2, h3, h4, h5 { margin:0; padding:0; line-height:140%; position:relative; color:#001e3c; }
h1 { font-size:135%; }
h2 { font-size:125%;  }
h3 { font-size:115%;  }
h4 { font-size:105%;  }
h1.heading, h2.heading { width: 100%; height: 30px; margin:0; line-height:1.5em; background-color: #5065ad; color: #a0a0c8; border-bottom: 1px solid #d7d7e6; font: normal normal bold 180% Arial, Helvetica, sans-serif; font-variant: small-caps; text-align: center; }
h2.heading { background-color: #3e4f83;padding:5px 0; height:200%; color:#e4e4e4; font: normal normal bold 110% Arial, Helvetica, sans-serif; text-align:left; border-top: 1px solid #d7d7e6; }
h1.fheading { width:100%; height:30px; line-height:30px; margin-top:2em; background-color:#3e4f83/*#a0a0c8*/; color:#fff; text-align:left; }


.remark { color:#7182BB; font-size:90%; }
#container_r .remark { color:#C7CEE4; }
#container_r h2 { color:#fff; }
#container_r h3 { color:#fff;font-size:115%; }
.error,
.mandatory { color: #f00; font-weight:bold; }
.success { color: #060; font-weight:bold; }
.highlight { color:#c90; }
.dummy { width:125px;height:120px; float:left; }	/* Platzhalter fuer Bilder */
code { font: 0.75em/1.4em verdana, arial, sans-serif; color: #FFCC66; }
label { float:left;  }
cite { font-weight:bold; font-style:italic;}

.text,
.news { clear:both; width:93%; height:100%; margin:1.5em auto 2.5em auto; padding:0; position:relative; }
#container_r .text { width:90%; margin:.5em auto;  }
#container_r .text p { padding:.25em 0; }
.text h2.state,
.news h2.date { position:relative; width:100%; font-size:120%; border-bottom:1px solid #3e4f83; color:/*#3e4f83*/#001e3c; }
.news h2 { width:100%; margin:.5em 0; padding:0;  }
.news h3 { width:100%; margin:1em 0 0.5em 0; padding:0;  }
.news p { margin:0; padding:0.5em 0; }
.news img { float:left; margin:0 1.5em 1.5em 0; border:1px solid #333; }
.text .pictext,
.news .pictext { height:100%;float:left;display:block; margin-bottom:1.5em; font-size:85%; line-height:125%; font-style:italic; padding-right:8px; }
.text li,
.news li { clear:both; margin:0.35em 0; padding-left: 20px; background: url(../images/icons/icon_list.png) no-repeat 0 0; font-size: 100%; }
.text h1 { clear:both; margin:1em 0 0.5em 0; }
.text h2 { clear:both; margin:1.5em 0 0.5em 0; }
.text h3 { clear:both; margin:2em 0 0.5em 0; }
.text h4 { clear:both; margin:1.2em 0 0.5em 0; }
.text p { clear:both; margin:0; padding:1em 0; }
.text img { float:left; margin:0 20px 1.5em 0; border:1px solid #333; }
#container_r .text img { margin:0 8px 8px 0; }
.text img.icon { border:0; }
.show p { margin:0; padding:0.5em 15px 0.5em 25px; }
.forms p { margin:0; padding:.3em 0; }

/* input, select, textarea { font-size:85%; padding:4px 5px; background:#e6e6ff; border:1px solid #646eaf; color:#3e4f83; font-weight: bold; } */
input, select, textarea { font-size:100%; padding:6px 5px; background:#e8f1f7; border:1px solid #d2e4ef; color:#3e4f83; font-weight:normal;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
input.xl { width:400px; height:1.5em; }
input.l  { width:230px; height:1.5em; } /* */
input.m  { width:150px; height:1.5em; }
input.s  { width:50px;  height:1.5em; }
input.xs  { width:25px;  height:1.5em; }
select.s  { width:70px; height:2.5em; }
select.m  { width:160px; height:2.5em; }
select.l  { width:25em; height:2.5em; } /* */
select.xl  { width:400px; height:2.5em; } /* */
option { font-size: 110%; padding:0.2em 5px; }
textarea    { font: 12px/1.4em "Trebuchet MS", verdana, arial, sans-serif; font-weight: bold; }
textarea.l { width:230px; height:200px; }
.btn { cursor:pointer; border:0; height:32px; line-height:20px; text-align:center; width:25%; color:#001e3c; font-variant: small-caps; font-size:100%; border:1px solid #d2e4ef;
background-image: -moz-linear-gradient(top, #e8f1f7, #d0e4ef);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #e8f1f7), color-stop(1.0, #d0e4ef));}
.btn:hover { color:#001e3c; border:1px solid #b1cfe0; background-color:#b1cfe0; background-image: -moz-linear-gradient(top, #e8f1f7, #b1cfe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #e8f1f7), color-stop(1.0, #b1cfe0)); }
.btn_submit { cursor:pointer; border:0; padding:2px 5px 5px 5px; height:25px; text-align:center; width:120px; background: url(../images/bgs/btn_submit.png) no-repeat; color:#fff; font-variant: small-caps; font-size:100%; }
.btn_submit_sel { cursor:pointer; border:0; padding:2px 5px 5px 5px; height:25px; text-align:center; width:120px; background: url(../images/bgs/btn_submit_sel.png) no-repeat; color:#fff; font-variant: small-caps; font-size:100%; }
.btn_submit:hover { background: url(../images/bgs/btn_submit_hover.png) no-repeat; color:#fff;  }
.btn_logout { cursor:pointer; border:0; padding:2px 5px 5px 5px; height:25px; text-align:center; width:90px; background: url(../images/bgs/btn_logout.png) no-repeat; color:#fff; font-variant: small-caps; font-size:100%; }
.btn_logout:hover { background: url(../images/bgs/btn_logout_hover.png) no-repeat; color:#fff;  }
.btn_new { cursor:pointer; border:0; height:24px; width:24px; background: url(../images/icons/icon_new.png) no-repeat; }
.btn_edit { cursor:pointer; border:0; height:24px; width:24px; background: url(../images/icons/icon_edit.png) no-repeat; }
.btn_edit:hover { background: url(../images/icons/icon_edit.png) no-repeat;  }
.btn_return { cursor:pointer; border:0; height:32px; width:32px; background: url(./../images/icons/icon_return.png) no-repeat; }
.btn_return:hover { background: url(../images/icons/icon_return_hover.png) no-repeat;  }
.btn_delete { cursor:pointer; border:0; height:24px; width:24px; background: url(../images/icons/icon_del.png) no-repeat; }

.btn_submit_new { cursor:pointer; border:0; height:30px; line-height:26px; border:1px solid #0a5f8e; border-radius:4px; text-align:center; background:url(../images/bgs/btn_bg_submit.png) repeat-x; font-weight:normal; color:#fff; }


table.basic, table.intern { border-collapse: collapse; font-size:90%; width:100%; border:1px solid #3e4f83;}
table.basic caption { text-align:left; margin-bottom:1.5em; font-weight:bold; }
table.basic th { height:29px; line-height:130%; background-color:#646eaf; text-align:center; color:#fff;}
table.basic td { padding: 3px 5px; vertical-align: top; }
table.basic tr:hover { background-color:#C6CDE5; }
.odd { background-color:#e4e4e4; }

table.intern td {padding:3px 5px;line-height:125%; height:25px; color:#001e3c; font-weight:normal; background-image: -moz-linear-gradient(top, #d2e4ef 1%, #fafafa);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #d2e4ef), color-stop(1.0, #fafafa)); border-bottom: 1px solid #ccc;}
table.intern td:hover { color:#000; font-weight:bold;; }


#id_list_tbl p:hover,
#id_result p:hover { width:100%; height:16px; background-color:#e4e4e4; }

.rm_kml {
   width:175px;
   height:175px;
   float:left;
   margin:0 10px 10px 0;
}
.rm_annot {
    width:300px;
    height:auto;
    float:right;
}