body {
margin:68px 0px 20px 0;
background-color: #DDD;
font-family: Arial, sans-serif;
font-size: 0.7em;
color: #333;
}

#popupbody {
margin: 10px !important;
}

img {
border:0px;
}

#context h3 {
padding-left:5px;
}

#context a {
display:block;
margin-bottom: 30px;
padding-left:5px;
}
#context img {
width: 100%!important;
height: auto!important;
}

.artlistimg {
width: 120px!important;
height: auto!important;
}

.admin_thumb {
width: auto !important;
height: auto !important;
}

.imgteaser,.teaser, #contentbox, #actionbox, .box {
background-color: white !important;
margin:0 0 5px 0 !important;
}



.box {
border: 1px #DDDDDD solid  !important;
border-bottom-color: #bbb !important;
margin:14px 0 2px 0;
}


.html_editor {
	width:  445px;
	height: 120px;
}

.admin_thumb {
	width: 100px;
	height: 100px;
}

.admin_thumb_clear {
	width: 1px;
	height: 1px;
}

.translation {
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	color: #494949;
	margin-left: 120px;
}

.html_editor {
	width: 510px;
	height: 150px;
}

.ltable {
border:0 !important;
width:auto !important;
}
.ltable td {
padding:0;
border:0;
}
.adminpictable {
margin-left:117px;
margin-top:-5px;
margin-bottom:15px;
}
.adminpictable td {
padding:0 !important;
}

#tiplayer {
position:absolute;
top:0;
left: 0;
display: none;
padding: 4px;
background-color: #AAAAAA;
color: white;
}

.hastooltip {
cursor:help;
font-style:italic;
}


input, select, textarea {
font-family: Arial, sans-serif;
font-size: 12px;
background-color: white;
color: #333;
}

select {
width: 212px;
}

textarea {height:100px;overflow:auto;margin-bottom: 10px;}

form {
margin:0px;
padding:0px;
}

#contentbox {
padding: 5px;
background-color: #CCC;
border:1px #AAAAAA solid;
}

#contentbox, a {
color: #333;
}

#actionbox {
padding: 5px;
background-color: white;
border:1px #AAAAAA solid;
}

#loginbox {
padding: 5px;
background-color: white;
border:1px #AAAAAA solid;
width: 390px;
}

#loginbox, a {
color: #AAAAAA;
}

#actionbox, a {
color: #cc;
}

/* struktur */
#navi {
width: 245px;
float: left;
margin-right: 10px;
}

.navibox {
border: 1px #AAAAAA solid;
padding: 10px;
margin-bottom: 20px;
}
.hr {
height:1px;
overflow: hidden;
border-bottom: 1px #AAAAAA solid;
}
.halb .hr {margin-left: -10px;margin-right: -10px;}

.box {padding: 10px;}
.right {text-align:right;}
.ml {margin-left:10px;}

.berpakbox {
	text-align:left;
}

#berpakbox, .name {
	font-weight:bold;
}

#berpakbox, .beschreibung {
	padding-left:20px;
	margin-right:30px;
	width: 250px;
}

#berpakbox, .check {
	padding-left: 1 px;
}

.invisible_page {
	text-decoration: line-through;
}

.linkbtn {
text-align: center;
}

#navi a, .linkbtn {
padding: 3px 5px 3px 10px;
background-color: #AAAAAA;
color: white;
text-decoration: none;
display: block;
border-bottom:1px white solid;
width: 100%;
}
html>body #navi a {
width: auto;
}

#navi a:hover, #navi .active {
background-color: #F37021;
}

#navi .secondartnavi {
margin-left:15px;
}

#navi .thirdartnavi {
margin-left:30px;
}

#navi .firstnavi {
margin-left:10px;
}

#navi .secondnavi {
margin-left:20px;
}

#navi .thirdnavi {
margin-left:30px;
}

#navi .fourthnavi {
margin-left:40px;
}

#navi .fivethnavi {
margin-left:50px;
}

#navi .sixthnavi {
margin-left:60px;
}

#navi .sevennavi {
margin-left:70px;
}

#navi .eightnavi {
margin-left:80px;
}

#document {
background-image: url('../img/shd_right.gif');
background-position: top right;
background-repeat: no-repeat;
width: 990px;
margin-left: 20px;
}

#popdocument {
background-image: url('../img/shd_right.gif');
background-position: top right;
background-repeat: no-repeat;
width: 780px;
}

br {clear:both;}

#head {
width:990px;
background-color: #DDDDDD;
}

#logo {
background-image: url('../img/l/h-sdk.gif');
background-position: 18px 8px;
background-repeat: no-repeat;
width: 100%;
height: 77px;
margin-bottom:-30px;
background-color: white;
position:absolute;
left:0px;
top:0px;
}



#tabs {
float: left;
margin-top: 28px;
height: 22px;
width: 365px;
background-position: 0px 0px;
background-repeat: no-repeat;
}

#tabs a {
padding: 5px 5px 0px 10px;
color: #646464;
text-decoration: none;
display: block;
float: left;
width:120px;
height: 20px;
}
html>body #tabs a {
width: 105px;
height: 15px;
}

#body {
width:980px;
background-color: white;
padding: 20px 10px 30px 10px;
}

#popbody {
width:750px;
background-color: white;
padding: 20px 10px 30px 10px;
}

html>body #body {
width: 960px;
}

#sessioninfo {
height: 50px;
width: 180px;
float:right;
position:absolute;
top:26px;
left:800px;
}
html>body #sessioninfo {
height: 40px;
width: 220px;
}
#sessioninfo .textbutton {margin-top: 10px;width:100px;}

#foot {
height: 10px;
background-image: url('../img/shd_bottom.gif');
background-position: 0px 0px;
background-repeat: no-repeat;
margin-left: 20px;
}

#content {
border: 1px #AAAAAA solid;
float: left;
width: 700px;
}
html>body #content {
width: 698px;
}

#artcontent {
border: 0px #AAAAAA solid;
float: left;
width: 510px;
}
html>body #artcontent {
width: 508px;
}

#artcontent_border {
border: 1px #AAAAAA solid;
float: left;
width: 510px;
}
html>body #artcontent_border {
width: 508px;
}

#context {
border: 1px #AAAAAA solid;
float: right;
width: 185px;
}

.halb {
margin-top:10px;
margin-bottom: 10px;
width: 350px;
float:left;
}


label {float:left; width: 110px; margin-right: 10px; margin-bottom: 12px;padding-top:2px;}

.teaser {
position:relative;
min-height: 90px;
background-color: #CACACA;
margin-top: 18px;
margin-bottom: 18px;

}
.w800 .teaser {margin-right:60px;}
.teaser img {position: absolute;top:0;left:0;}
.teaser p {margin:0px 15px 0px 140px;padding:15px 0px 15px 0px;}
.teaser a {font-weight:bold;color:#494949;text-decoration:none;}


* html .teaser {height: 90px;}

/* buttons */
.sysbtn {
height:20px;
width:20px;
border: 0px;
background-repeat: no-repeat;
background-position: 0px -32px;
background-color: transparent;
}
.sysbtn.hover {background-position: 0px 0px;}
.sysbtn.disabled {background-position: 0px -64px !important;}

.copy {background-image:url('../img/dubl_doc.gif');}
.edit {background-image:url('../img/edit.gif');}
.globaledit {background-image:url('../img/globaledit.gif');}
.remove {background-image:url('../img/zurueck.gif');}
.up {background-image:url('../img/move_up.gif');}
.down {background-image:url('../img/move_down.gif');}
.add {background-image:url('../img/add_doc.gif');}
.save {background-image:url('../img/save.gif');}
.escape {background-image:url('../img/escape.gif');}
.del {background-image:url('../img/trash.gif');}
.weiter {background-image:url('../img/weiter.gif');}
.tweiter {background-image:url('../img/tweiter.gif');}
.zurueck {background-image:url('../img/zurueck.gif');}
.tzurueck {background-image:url('../img/tzurueck.gif');}
.btnadd {background-image:url('../img/add.gif');}

.textbutton {
background-repeat: no-repeat;
background-color: #AAAAAA;
background-position: 3px -97px;
color: white;
border: 0px !important;
padding: 1px;
text-align: center;
font-size:11px;
width: 140px;
}

.textbutton_asize {
background-position: left top;
background-repeat: no-repeat;
background-color: #AAAAAA;
color: white;
border: 0px !important;
margin: 10px;
text-align: center;
width: auto;
}

.help {width:20px;}
.s {width: 120px; }
.m {width: 160px; }
.l {width: 210px; }

#content .s, #conten .m, #content .l {border: 1px #AAAAAA solid;}

.selectbutton {
color: #646464;
}

/* text */
p {line-height: 140%;}

h2 {
font-size: 1em;
margin: 0px 0px 5px 0px;
}


/* table */
table {width: 100%;font-size:100%;}
th {font-weight:bold; border-top: 1px #AAAAAA solid;cursor:pointer;cursor:hand;padding-top:6px !important;padding-bottom:6px !important;}
td, th {
text-align:left;
vertical-align:top;
border-bottom: 1px #AAAAAA solid;
border-left: 1px #AAAAAA solid;
padding: 3px 10px 3px 10px;
}

.tablerechts {
border-right: 1px #AAAAAA solid;
}

.first {width:30px;border-left: 0px;white-space:nowrap;padding-left:2px;padding-right:0px;}
.first input {float:left;}
.rowh td { background-color: #CCC; }


#viewmenu {
display:none;
border:1px solid;
border-color: #bbb #555 #555 #bbb;
width:100px;
font-size:10px;
overflow:hidden;
z-index:999;
}

#viewvals {
display:inline;
}

#viewmenu span {
color:#777;
display:block;
background-color:white;
padding:2px;
}

#viewmenu a {
display:block;
padding: 2px 2px 2px 6px;
text-decoration:none;
color:black;
background-color:white;
}
#viewmenu a:hover {
background-color:highlight;
color:highlighttext;
}


#filtermenu {
display:none;
border:1px solid;
border-color: #AAAAAA  #AAAAAA  #AAAAAA  #AAAAAA;
width:100px;
font-size:10px;
overflow:hidden;
z-index:999;
background-color: white;
}
#filtervals {
display:inline;
}

#filtertext {
border: 2px solid;
border-color: #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
padding: 1px 2px 1px 5px;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100% !important;
color:black;
position:relative;
}
* html #filtertext {
margin-top:-10px;
}


.fatkiv {
font-weight: bold;
}

#filtermenu a {
display:block;
padding: 2px 2px 2px 6px;
text-decoration:none;
color:black;
background-color:white;
}
#filtermenu a:hover {
background-color:highlight;
color:highlighttext;
}

#filtermenu span {
color:#777;
display:block;
background-color:white;
padding:2px;
}

#filtervals {
display:inline;
float:left;
clear:both;

}

.error {
color: red;
}

.editable {
background-image: url('../img/editmenu.gif');
background-repeat: no-repeat;
background-position: right top;
}

#dynmenu {
background-color: white;
border: 1px #AAAAAA solid;
padding: 10px;
width: 180px;
}
html>body #dynmenu {
width: 162px;
}

#dynmenu a {
background-color: #AAAAAA;
color: white;
text-decoration:none;
margin-bottom: 1px;
display: block;
width: 100%;
padding: 3px 3px 3px 18px;
}
html>body #dynmenu a {
width: auto;
}

.colfilter {
border-color: #4B6294 #4B6294 #4B6294 #4B6294 !important;
border: 2px #4B6294 solid;
color: #494949 !important;
}

.asc,.desc {
border-color: #4B6294 #4B6294 #4B6294 #4B6294 !important;
border: 2px #4B6294 solid;
padding-right:10px !important;
background-image: url(../img/asc.gif);
background-position: right bottom;
background-repeat:no-repeat;
}
.desc {
background-image: url(../img/desc.gif);
}


.p {width: 500px;margin-bottom:20px !important;}
.p p, .p ul, .p ol {width: 350px;}
.i {width: 120px !important;}

.p p {margin: 0px 0px 10px 0px;text-align:left;}
.p .i p {margin:0px !important;float:none !important;width:auto !important;}
.p h3 {margin-bottom:10px;}
.p p, .p ul, .p ol {overflow:hidden;}
.p .i {overflow:hidden;margin-bottom:10px;}



.top p, .top ul, .top ol {float:none;width:auto;}
.top .i {float:none;width:auto;margin-bottom:20px;}
.top br {display:none;}
.top p br, .top ul br, .top ol br {display:inline !important;}

.left p, .left ul, .left ol {float:right;}
.left .i {float:left !important;}

.right p, .right ul, .right ol {float:left;}
.right .i {float:right !important;text-align:right;}


.rowh td {
background-color: #E6E6E6;
}
.tablebox {
clear:both;
}
.tablebox td,th  {
border-left-color: #ccc;
border-bottom: 0px;
cursor:default;
}
.toolbar {
background-color: #A5A5A5;
padding:5px 5px 2px 0;
position:relative;
cursor:default;
min-height:20px;
}
* .toolbar {
height: 20px;
}


.posinfo {
position:absolute;
top:7px;
left: 120px;
}

.toolbar .textbutton {
border:1px white solid !important;
margin-top:-1px;
}

.toolbar span {
color:white;
}

.syshead {
font-size:1.3em;
margin-left:5px;
margin-top:2px;
margin-bottom: 6px;
display:block;
cursor:default;
}


.tablesuchbox {
float:right;
margin-right: 5px;
margin-top: -5px;
}

.suchfeld {
width:250px;
margin-right:5px;
}

.tablebox .first {
white-space: nowrap;
width:62px;
}

.midsep {
background-image: url(../img/midsep.gif);
background-position: top center;
background-repeat: repeat-y;
}

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

.textbutton:hover, .textbutton:hover {
color: white;
}


h1,h2,h3,h4 {
font-size:1em;
padding:0;
margin:7px 0 5px 0;
}

.imgleft {
float:left;
padding-top:10px;
width:120px;
}
.textright {
float:right;
width:310px;
}

.imgright {
float:right;
padding-top:10px;
width:120px;
}
.textleft {
float:left;
width:310px;
}

.clear {clear:both;}

textarea.html_editor {
width: 98%;
}

#context .imgteaser a {
padding-left: 0;
}

#logout {
position: absolute;
right: 20px;
top: 128px;
}

#navicontent {
  border: 1px solid #AAAAAA;
}