a.interwiki { background: transparent url(/lib/images/interwiki.png) 0px 1px no-repeat; padding-left: 16px;}a.iw_wp {  background-image: url(/lib/images/interwiki/wp.gif)}a.iw_wpde {  background-image: url(/lib/images/interwiki/wpde.gif)}a.iw_wpmeta {  background-image: url(/lib/images/interwiki/wpmeta.gif)}a.iw_doku {  background-image: url(/lib/images/interwiki/doku.gif)}a.iw_sb {  background-image: url(/lib/images/interwiki/sb.gif)}a.iw_amazon {  background-image: url(/lib/images/interwiki/amazon.gif)}a.iw_amazon_de {  background-image: url(/lib/images/interwiki/amazon.de.gif)}a.iw_amazon_uk {  background-image: url(/lib/images/interwiki/amazon.uk.gif)}a.iw_phpfn {  background-image: url(/lib/images/interwiki/phpfn.gif)}a.iw_dokubug {  background-image: url(/lib/images/interwiki/dokubug.gif)}a.iw_coral {  background-image: url(/lib/images/interwiki/coral.gif)}a.iw_google {  background-image: url(/lib/images/interwiki/google.gif)}a.iw_meatball {  background-image: url(/lib/images/interwiki/meatball.gif)}a.iw_wiki {  background-image: url(/lib/images/interwiki/wiki.gif)}a.mediafile { background: transparent url(/lib/images/fileicons/file.png) 0px 1px no-repeat; padding-left: 18px; padding-bottom: 1px;}a.mf_jpg {  background-image: url(/lib/images/fileicons/jpg.png)}a.mf_jpeg {  background-image: url(/lib/images/fileicons/jpeg.png)}a.mf_gif {  background-image: url(/lib/images/fileicons/gif.png)}a.mf_png {  background-image: url(/lib/images/fileicons/png.png)}a.mf_tgz {  background-image: url(/lib/images/fileicons/tgz.png)}a.mf_tar {  background-image: url(/lib/images/fileicons/tar.png)}a.mf_gz {  background-image: url(/lib/images/fileicons/gz.png)}a.mf_zip {  background-image: url(/lib/images/fileicons/zip.png)}a.mf_rar {  background-image: url(/lib/images/fileicons/rar.png)}a.mf_pdf {  background-image: url(/lib/images/fileicons/pdf.png)}a.mf_ps {  background-image: url(/lib/images/fileicons/ps.png)}a.mf_doc {  background-image: url(/lib/images/fileicons/doc.png)}a.mf_xls {  background-image: url(/lib/images/fileicons/xls.png)}a.mf_ppt {  background-image: url(/lib/images/fileicons/ppt.png)}a.mf_rtf {  background-image: url(/lib/images/fileicons/rtf.png)}a.mf_swf {  background-image: url(/lib/images/fileicons/swf.png)}a.mf_rpm {  background-image: url(/lib/images/fileicons/rpm.png)}a.mf_deb {  background-image: url(/lib/images/fileicons/deb.png)}a.mf_sxw {  background-image: url(/lib/images/fileicons/sxw.png)}a.mf_sxc {  background-image: url(/lib/images/fileicons/sxc.png)}a.mf_sxi {  background-image: url(/lib/images/fileicons/sxi.png)}a.mf_sxd {  background-image: url(/lib/images/fileicons/sxd.png)}a.mf_odc {  background-image: url(/lib/images/fileicons/odc.png)}a.mf_odf {  background-image: url(/lib/images/fileicons/odf.png)}a.mf_odg {  background-image: url(/lib/images/fileicons/odg.png)}a.mf_odi {  background-image: url(/lib/images/fileicons/odi.png)}a.mf_odp {  background-image: url(/lib/images/fileicons/odp.png)}a.mf_ods {  background-image: url(/lib/images/fileicons/ods.png)}a.mf_odt {  background-image: url(/lib/images/fileicons/odt.png)}/**
 * Basic styles. These styles are needed for basic DokuWiki functions
 * regardless of the used template. Templates can override them of course
 */

div.clearer {
  clear: both;
  line-height: 0px;
  height: 0;
  overflow:hidden;
}

div.no {
  display: inline;
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

div.error {
  background: #fcc url(/lib/styles/../images/error.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #faa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.info {
  background: #ccf url(/lib/styles/../images/info.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #aaf;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.success {
  background: #cfc url(/lib/styles/../images/success.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #afa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.notify {
  background: #ffc url(/lib/styles/../images/notify.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #ffa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}


/* image alignment */
.medialeft {
  float: left;
}
.mediaright {
  float: right;
}
.mediacenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.leftalign {text-align: left;}
.centeralign {text-align: center;}
.rightalign {text-align: right;}

em.u {
  font-style: normal;
  text-decoration: underline;
}
em em.u {
  font-style: italic;
}


/* syntax highlighting code */
.code .br0  { color: #66cc66; }
.code .co1  { color: #808080; font-style: italic; }
.code .co2  { color: #808080; font-style: italic; }
.code .co3  { color: #808080; }
.code .coMULTI  { color: #808080; font-style: italic; }
.code .es0  { color: #000099; font-weight: bold; }
.code .kw1  { color: #b1b100; }
.code .kw2  { color: #000000; font-weight: bold; }
.code .kw3  { color: #000066; }
.code .kw4  { color: #993333; }
.code .kw5  { color: #0000ff; }
.code .me1  { color: #006600; }
.code .me2  { color: #006600; }
.code .nu0  { color: #cc66cc; }
.code .re0  { color: #0000ff; }
.code .re1  { color: #0000ff; }
.code .re2  { color: #0000ff; }
.code .re3  { color:#ff3333; font-weight:bold; }
.code .re4  { color: #009999; }
.code .st0  { color: #ff0000; }
.code .sy0  { color: #66cc66; }

#acl__manager label {
  text-align: left;
  font-weight: normal;
  display: inline;
}
#acl__manager table {
  margin-left: 10%;
  width: 80%;
}
/* plugin:configmanager */
#config__manager div.success,
#config__manager div.error,
#config__manager div.info {
  background-position: 0.5em;
  padding: 0.5em;
  text-align:center;
}

#config__manager fieldset {
  margin: 1em;
  width: auto;
  margin-bottom: 2em;
  background-color: #dee7ec;
  color: #333;
  padding: 0 1em;
}
#config__manager legend {
    font-size: 1.25em;
}

#config__manager form { }
#config__manager table {
    margin: 1em 0;
    width: 100%;
}

#config__manager fieldset td {
    text-align: left;
}
#config__manager fieldset td.value {
    /* fixed data column width */
    width: 30em;
}
#config__manager td input.edit {
    width: 30em;
}
#config__manager td select.edit { }
#config__manager td textarea.edit {
    width: 27.5em;
    height: 4em;
}

#config__manager tr .input,
#config__manager tr input,
#config__manager tr textarea,
#config__manager tr select {
  background-color: #fff;
  color: #000;
}

#config__manager tr.default .input,
#config__manager tr.default input,
#config__manager tr.default textarea,
#config__manager tr.default select,
#config__manager .selectiondefault {
  background-color: #ccddff;
  color: #000;
}

#config__manager tr.protected .input,
#config__manager tr.protected input,
#config__manager tr.protected textarea,
#config__manager tr.protected select,
#config__manager tr.protected .selection {
  background-color: #ffcccc!important;
  color: #000 !important;
}

#config__manager td.error  { background-color: red; color: #000;}

#config__manager .selection {
  width: 14.8em;
  float: left;
  margin: 0 0.3em 2px 0;
}

#config__manager .selection label {
  float: right;
  width: 14em;
  font-size: 90%;
}

/* IE6 correction */
* html #config__manager .selection label {
  padding-top: 2px;
}

#config__manager .selection input.checkbox {
  padding-left: 0.7em;
}

#config__manager .other {
  clear: both;
  padding-top: 0.5em;
}

#config__manager .other label {
  padding-left: 2px;
  font-size: 90%;
}

/* end plugin:configmanager */
/*
 * admin plugin extension - style additions
 *
 * @author  Christopher Smith  chris@jalakai.co.uk
 * @link    http://wiki.jalakai.co.uk/dokuwiki/doku.php/tutorials/adminplugin
 */

/* overall containing div */
#plugin__manager {}

#plugin__manager h2 { margin-left: 0;}
#plugin__manager form { display: block; margin: 0; padding: 0;}
#plugin__manager legend { display: none;}
#plugin__manager fieldset { width: auto;}
#plugin__manager .button { margin: 0;}
#plugin__manager p, #plugin__manager label { text-align: left;}
#plugin__manager .hidden { display: none;}
#plugin__manager .new { background: #dee7ec;}
#plugin__manager input[disabled] { color: #ccc; border-color: #ccc;}  /* IE won't understand but doesn't require it */

#plugin__manager .pm_menu, #plugin__manager .pm_info { margin-left: 0; text-align: left; }
#plugin__manager .pm_menu { float: left; width: 48%; }
#plugin__manager .pm_info { float: right; width: 50%; }

#plugin__manager .common { }
#plugin__manager .common form { }
#plugin__manager .common fieldset { margin: 0; padding: 0 0 1.0em 0; text-align: left; border: none;}
#plugin__manager .common label { padding: 0 0 0.5em 0;}
#plugin__manager .common input {  }
#plugin__manager .common input.edit { width: 24em; margin: 0.5em;}
#plugin__manager .common .button { }

#plugin__manager form.plugins { }
#plugin__manager .plugins fieldset { color: #000; background: #fff; text-align: right; border-top: none; border-right: none; border-left: none;}
#plugin__manager .plugins fieldset.protected { background: #fdd; color: #000; }
#plugin__manager .plugins fieldset.disabled { background: #e0e0e0; color: #a8a8a8; }

#plugin__manager .plugins .legend { color: #000; background: inherit; display: block; margin: 0; padding: 0; font-size: 1em; line-height: 1.4em; font-weight: normal; text-align: left; float: left; padding: 0; clear: none;}
#plugin__manager .plugins .button { font-size: 95%;}

#plugin__manager .plugins fieldset.buttons { border: none;}
#plugin__manager .plugins fieldset.buttons .button { float: left; }

#plugin__manager .pm_info h3 { margin-left: 0; }
#plugin__manager .pm_info dl { margin: 1em 0; padding: 0;}
#plugin__manager .pm_info dt { width: 6em; float: left; clear: left; margin:0; padding: 0;}
#plugin__manager .pm_info dd { margin:0 0 0 7em; padding: 0; background: none;}

#plugin__manager .plugins .enable { float: left; width: auto; margin-right: 0.5em;}

/* end admin plugin styles */
div.dokuwiki div.newtask_form {
  clear: both;
  text-align: center;
  margin-bottom: 1em;
}

div.dokuwiki #task__newtask_form input.edit {
  width: 95%;
}

div.dokuwiki div.vcalendar {
  margin-bottom: 1em;
}

div.dokuwiki div.vcalendar fieldset {
  padding: 0 0.5em 0.5em 0.5em;
  border: 1px solid #ffc561;
  width: 90%;
}

div.dokuwiki div.vcalendar img.summary {
  vertical-align: middle;
}

div.dokuwiki div.vcalendar abbr {
  border-bottom: 0;
}

div.dokuwiki div.newtask_form table.blind,
div.dokuwiki div.vcalendar table.blind {
  border: 0;
  padding: 0;
  border-spacing: 3px;
  margin: 1px;
}

div.dokuwiki div.newtask_form table.blind th,
div.dokuwiki div.vcalendar table.blind th {
  text-align: right;
  color: #666;
  font-weight: normal;
  background-color: transparent;
}

div.dokuwiki div.newtask_form table.blind td,
div.dokuwiki div.vcalendar table.blind td {
  width: 50%;
  text-align: left;
}

div.dokuwiki div.vcalendar table.blind tr.due { color: #ffa200; font-weight: bold; }
div.dokuwiki div.vcalendar table.blind tr.overdue { color: #ff0040; font-weight: bold; }

div.dokuwiki div.vcalendar fieldset.priority1 { background-color: #fff7e8; }
div.dokuwiki div.vcalendar fieldset.priority2 { background-color: #fff1d9; }
div.dokuwiki div.vcalendar fieldset.priority3 { background-color: #ffe9c2; }

div.dokuwiki tr.priority1 { background-color: #fff7e8; }
div.dokuwiki tr.priority2 { background-color: #fff1d9; }
div.dokuwiki tr.priority3 { background-color: #ffe9c2; }

div.dokuwiki div.vcalendar fieldset.due { border: 1px solid #ffa200; }
div.dokuwiki div.vcalendar fieldset.overdue { border: 1px solid #ff0040; }

div.dokuwiki div.task_viewmenu {
  margin-bottom: 0.5em;
}

div.dokuwiki th.status,
div.dokuwiki td.status {
  color: #666;
  font-size: 80%;
}
/* User Manager specific styles */
#user__manager tr.disabled {
  color: #6f6f6f;
  background: #e4e4e4;
}
#user__manager tr.user_info {
  vertical-align: top;
}
#user__manager div.edit_user {
  width: 46%;
  float: left;
}
#user__manager table {
  margin-bottom: 1em;
}
#user__manager input.button[disabled] {
  color: #ccc!important;
  border-color: #ccc!important;
}
/* IE won't understand but doesn't require it */
/**
 * Design elements for default Template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author Anika Henke <henke@cosmocode.de>
 */

/* -------------- general elements --------------- */

* { 
    padding: 0; 
    margin: 0; 
}



table.inline {
	font-size: 80%;
	margin-bottom: 2em;
}

strong {
	font-size: 90%;
}

/* embedded images */
img.media {
  margin: 3px;
}

img.medialeft {
  border: black; /*???*/
  float: left;
  margin: 0 1.5em 0 0;
  width: 50%;
}

img.mediaright {
  border: 0;
  float: right;
  margin: 0 0 0 1.5em;
}

img.mediacenter {
  border: 0;
  display: block;
  margin: 0 auto;

p,
blockquote,
table,
pre {
  margin: 0 0 1.0em 0;
}

hr {
  border: 0px;
  border-top: 1px solid #ccc;
  text-align: center;
  height: 0px;
}

div.nothing {
  text-align: center;
  margin: 2em;
}

/* links 
    :visited
    :hover
    :active
    
    .urlextern = external link
    .windows = windows share
    .nolink
    .interwiki = link (icon are set by dokuwiki)
    .media = link to some embedded media
    .mail = email link
    .wikilink1 = existing wikipage
    .wikilink1 = not existing wikipage
*/




h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
a.nolink {
  color: black !important;
  text-decoration: none !important;
}



a.windows {
  background: transparent url(/lib/tpl/arctic/images/windows.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

a.interwiki {
}

a.media {
}

a.mail {
  background: transparent url(/lib/tpl/arctic/images/mail_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}




a.wikilink2 {
  color: #ed5353 !important;
  
  border-bottom: dashed 1px #ed5353 !important;
}

div.preview {
  background-color: #f5f5f5;
  margin: 0 0 0 2em;
  padding: 4px;
  border: 1px dashed black;
}

div.breadcrumbs {
  background-color: #f5f5f5;
  color: #666;
  font-size: 80%;
  padding: 0 0 0 4px;
}

a.action {
  color: #436976;
}

span.user {
  color: #ccc;
  font-size: 90%;
}

li.minor {
  color: #666;
  font-style: italic;
}


}

/* smileys */

img.middle {
  vertical-align: middle;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted black;
}

/* general headline setup */
h1, 
h2, 
h3, 
h4, 
h5 {
  color: black;
  background-color: inherit;
  border-color: #ccc;
  font-size: 100%;
  font-weight: normal;
  margin: 0 0 1em 0;
  
  
}

h1{
    text-transform: uppercase;
    font-family: "Courier New", courier, fixed, monospace;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: -1pt;
}

/* special headlines */
h2 {font-size: 120%; margin-left: 0px;}
h3 {font-size: 120%; margin-left: 0px; border-bottom: none; font-weight: bold;}
h4 {font-size: 110%; margin-left: 0px; border-bottom: none; font-weight: bold;}
h5 {font-size: 100%; margin-left: 0px; border-bottom: none; font-weight: bold;}

/* indent different sections 
div.main_content div.level1 {margin-left: 3px;}
div.main_content div.level2 {margin-left: 23px;}
div.main_content div.level3 {margin-left: 43px;}
div.main_content div.level4 {margin-left: 63px;}
div.main_content div.level5 {margin-left: 83px;}
*/



/* unordered lists */
ul {
  
  list-style-type: square;
  list-style-image: none;
  margin: 0 0 0.5em 1.5em;

}

/* ordered lists */
ol {
  
  list-style-image: none;
  margin: 0 0 0.5em 1.5em;
  color: black;
  font-weight: bold;
}

/* the list items overriding the ul/ol definition */
.li {
  color: black;
  font-weight: normal;
}

ol {list-style-type: decimal}
ol ol {list-style-type: upper-roman}
ol ol ol {list-style-type: lower-alpha}
ol ol ol ol {list-style-type: lower-greek}

li.open {
  list-style-image: url(/lib/tpl/arctic/images/open.gif);
    /*list-style-type: circle;*/
}

li.closed {
  list-style-image: url(/lib/tpl/arctic/images/closed.gif);
    /*list-style-type: disc;*/
}

blockquote {
  border-left: 2px solid #ccc;
  padding-left: 3px;
}

pre {
  font-size: 120%;
  padding: 0.5em;
  border: 1px dashed #ccc;
  color: black;
  overflow: auto;
}

/* code blocks by indention */
pre.pre {
  background-color: #f7f9fa;
}

/* code blocks by code tag */
pre.code {
  background-color: #f7f9fa;
}

/* inline code words */
code {
  font-size: 120%;
}

/* code blocks by file tag */
pre.file {
  background-color: #dee7ec;
}

table {
  font-size: 100%;
}

tr,
td,
th {
}

/* inline tables */
table.inline {
  background-color: white;
  border-spacing: 0px;
  border-collapse: collapse;
}

table.inline th {
  padding: 3px;
  border: 1px solid #ccc;
  background-color: #dee7ec;
}

table.inline td {
  padding: 3px;
  border: 1px solid #ccc;
}


/* Page Layout */

body {
  font: 1em Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
  color: black;
  margin: 0;
  padding: 0;
  
  background: white;
}

div#wrapper {
  margin-top: 0;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 0;  
  padding-bottom: 50px;
  margin-left: auto;
  Margin-right: auto;
  width: 772px;
  background: url(/lib/tpl/arctic/images/background_kuenstlerhaus_all.gif) left bottom;
}

div#header {
  background-color: white;
  padding-bottom: 38px;
  padding-left: 1px;
  margin-bottom: 1em;
  border-bottom: 1px solid black;
   
}

.header #tagline{
    margin-top: -1em;
    color: #295929;
    padding: 0;
    font-size: 70%;
    margin-left: 190px;
}


img#headerLogo{
    width: 100%;
}





div.left_sidebar,
div.right_sidebar{
  
  margin-top: 1.1em;
  color: black;
}

div.left_sidebar{ 
  float: left;
  width: 18%;
  padding-right: 0.5em;
  padding-left: 1em;
  color: black;
  font-size: 80%;
}

div.right_sidebar {
  float: right;
  width: 22%;
  padding-left: 0em; 
  padding-right: 1em;
  color: black;
  font-size: 80%;
}

div.page {
  padding-top: 0.2em;
  margin: 0 0 0 0;
  text-align: justify; 
}


div.left_page,
div.right_page {
  float: left;
  width: 65%;
  padding: 2%;
}

/* main page if there are three colums */
div.center_page {
  float: left;
  width: 50%;
  padding: 2%;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  min-height: 800px;
}

div.main_content h2{
    font-size: 80%;
    font-weight: bold;
    
    margin-bottom: 0.7em; 
}

div.main_content p{
    font-size: 80%;
    margin-bottom: 1em;
}

div.main_content ul{
    margin-bottom: 1em;
    
}

div.main_content li{
    font-size: 80%;  
}

div.main_content h1 a:hover,
div.main_content h2 a:hover,
div.main_content h3 a:hover,
div.main_content h4 a:hover,
div.main_content h5 a:hover{
    text-decoration: none;
}

div.main_content a:link,
div.main_content a.wikilink1,
div.main_content a.wikilink1:link{
    color:  #c77112;
    text-decoration: none;
}
div.main_content a:hover,
div.main_content a.wikilink1:hover{
    text-decoration: underline;
}




/* ---------------  Menu of top level namespaces  ----------------- */

div.mainMenu div{
    font-size: 140%;
    float: left;
    text-align:center;
    font-family: "Courier New", courier, fixed, monospace;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 16.31%;
    background-color: black;
    color: white;
    border: 1px solid white;
    
}

div.mainMenu div.current{
    background-color: white;
    color: black;
    padding-bottom: 3px;
}

div.mainMenu a{
    color: white;
    text-decoration: none;
}


div.mainMenu .current a{
    color: black;
    text-decoration: none;
}



div.mainMenu a:hover{
    color: inherit;
    text-decoration: underline;
}

div.mainMenu a:active{
color: inherit;
    text-decoration: inherit;
}

/* pagelist_sidebar */

div.pagelist_sidebar ul{
  line-height: inherit;
  margin: 0;
}

div.pagelist_sidebar li{
    list-style: none; 
    padding-left: 20px;
    background: url(/lib/tpl/arctic/images/bullet_lo.gif) no-repeat 0px 5px ;
}

div.pagelist_sidebar li.current{
    list-style: none; 
    padding-left: 20px;
    background: url(/lib/tpl/arctic/images/bullet_hi.gif) no-repeat 0px 5px ;
}

div.pagelist_sidebar .currentPage {
	font-style: normal;
	text-decoration:underline;
	font-weight: normal;
}

div.pagelist_sidebar a{
    color:  #c77112;
    text-decoration: none;
}

div.pagelist_sidebar a:hover{
    color:  #c77112;
     text-decoration: underline;
}



/* pagelistmeta_sidebar */

div.pagelistmeta_sidebar ul{
    margin: 0;
}

div.pagelistmeta_sidebar li{
    margin-bottom: 1em;   
    list-style: none; 
    padding-left: 20px;
    background: url(/lib/tpl/arctic/images/bullet_lo.gif) no-repeat 0px 5px ;
}
div.pagelistmeta_sidebar li.current{
    list-style: none; 
    padding-left: 20px;
    background: url(/lib/tpl/arctic/images/bullet_hi.gif) no-repeat 0px 5px ;
}

div.pagelistmeta_sidebar li.hideWhenNotCurrent{
    
}

div.pagelistmeta_sidebar strong{
    font-weight: normal;    
}

div.pagelistmeta_sidebar a{
    color:  #c77112;
    text-decoration: none;
}

div.pagelistmeta_sidebar a:hover{
    color:  #c77112;
     text-decoration: underline;
}



/* namespace_sidebar */

div.namespace_sidebar li{
    list-style: none; 
    background: url(/lib/tpl/arctic/images/arrbl.gif) no-repeat 0px 5px ;
    padding: 0 0 0 20px;
    margin: 1em 1em 0 0;
}

div.namespace_sidebar a{
    color:  #c77112;
    text-decoration: none;
}

div.namespace_sidebar a:hover{
     color:  #c77112;
     text-decoration: underline;
}

/* sidebar_main (both main sidebars) */

div.sidebar_main h1{
    font-family: "Courier New", courier, fixed, monospace;
    font-style: normal;
    font-size: 110%;
    font-weight: bold;
    color: black;
    background-color: white;    
}

/* sidebar_main_left */

div.sidebar_main_left ul{
    margin: 0;
}

div.sidebar_main_left li{
    list-style: none; 
    background: url(/lib/tpl/arctic/images/arrbl.gif) no-repeat 0px 5px ;
    padding: 0 0 0 20px;
    margin: .5em 1em 0 0;
}

div.sidebar_main_left a{
    color:  #c77112;
    text-decoration: none;
}

div.sidebar_main_left a:hover{
     color:  #c77112;
     text-decoration: underline;
}



/* currenttopics sidebar */

div.currentTopics .itemDate{
    margin: 0 0 0.5em 0;
    padding: 0 0 0 0;
    text-decoration: underline;
    font-size: 90%;
}

div.currentTopics .itemHeadline{
    margin: 0 0 0.5em 0;
    padding: 0 0 0 0;
    font-size: 90%;
    font-weight: bold;
}

div.currentTopics .itemTeaser{
     font-size: 90%;
}


/* Footer */
/* Footer inside of wrapper frames */

div#footer_inc{
    clear: both;
    margin: 0;
    padding: 0;
}

.footer_inc a img {
    opacity: 0.5;
    border: 0;
    padding-top: 2em;
    padding-bottom: 2em;
}

.footer_inc a:hover img {
    opacity: 1;
}

/* Footer outside of wrapper frames */

div#footer_excl {
  margin-left: auto;
  margin-right: auto;
  width: 772px;
  padding-top: 20px;  
  font-family: "Courier New", courier, fixed, monospace;
  font-style: normal;
  font-size: 8pt;
  color: #aaaaaa;
  background: white;
}

div#footer_excl .left{
    float: left;
}

div#footer_excl .right{
    float: right
}

div#footer_excl .right a{
    text-decoration: none;
    color: #c77112;
    text-transform: uppercase;
    font-size: 120%;
}

div#footer_excl .right a:hover{
    text-decoration: underline;
    color: #c77112;
}


/* ---------------- forms ------------------------ */

form {
  border: none;
  display: inline;
}

label.block {
  display: block;
  text-align: right;
  font-weight: bold;
}

label.simple {
  display: block;
  text-align: left;
  font-weight: normal;
}

label.block input.edit {
  width: 50%;
}

fieldset {
  width: 300px;
  text-align: center;
  border: 1px solid #ccc;
  padding: 0.5em;
  margin: auto;
}

textarea.edit {
  font-family: monospace;
  font-size: 14px;
  color: black;
  background-color: white;
  border: 1px solid #ccc;
  padding: 0.3em 0 0 0.3em;
  width: 100%;
}

/* nice alphatransparency background except for IE <7 */
html>body textarea.edit {
  background:  white url(/lib/tpl/arctic/images/inputshadow.png) repeat-x top;
}

input.edit,
select.edit {
  font-size: 100%;
  border: 1px solid #ccc;
  color: black;
  background-color: white;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

/* nice alphatransparency background except for IE <7 */
html>body input.edit,
html>body select.edit {
  background:  white url(/lib/tpl/arctic/images/inputshadow.png) repeat-x top;
}

select.edit {
  padding: 0.1em 0;
}

input.missing {
  font-size: 100%;
  border: 1px solid #ccc;
  color: black;
  background-color: #ffcccc;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

/* disabled style - not understood by IE */
textarea.edit[disabled],
textarea.edit[readonly],
input.edit[disabled],
input.edit[readonly],
select.edit[disabled] {
  background-color: #f5f5f5!important;
  color: #666!important;
}


/* --------- buttons ------------------- */


input.button,
button.button {
  border: 1px solid #ccc;
  color: black;
  background-color: white;
  vertical-align: middle;
  text-decoration: none;
  font-size: 100%;
  cursor: pointer;
  margin: 1px;
  padding: 0.125em 0.4em;
}

/* nice alphatransparency background except for IE <7 */
html>body input.button,
html>body button.button {
  background:  white url(/lib/tpl/arctic/images/buttonshadow.png) repeat-x bottom;
}

* html input.button,
* html button.button {
  height: 1.8em;
}

div.secedit input.button {
  border: 1px solid #ccc;
  color: black;
  background-color: white;
  vertical-align: middle;
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 10px;
  cursor: pointer;
  float: right;
  display: inline;
}

/* ----------- page navigator ------------- */

div.pagenav {
    margin: 1em 0 0 0;
}

div.pagenav-prev {
    text-align: right;
    float: left;
    width: 49%
}

div.pagenav-next {
    text-align: left;
    float: right;
    width: 49%
}

/* ------------- Page elements ----------------- */


/* ----- Table of Contents ---- */

div.toc {
  margin-top: 1.3em;
  width: 20em;
  display: none;
}

div.toc_sidebar div.toc {
  margin: 0;
  float: none;
  width: 100%;
  
}

div.tocheader {
  line-height: 110%;
}

div.toc_sidebar div.tocheader {
  font-size: 120%;
  line-height: 140%;
  border: none;
}

ul.toc {
  padding-left: 0.5em;
}

div.toc_sidebar div#toc__inside {
  border: none;
  padding: 0;
}


div.toc {
  margin: 1.2em 0 0 2em;
  float: right;
  width: 200px;
  font-size: 80%;
  clear: both;
}

div.tocheader {
  border: 1px solid #ccc;
  background-color: #dee7ec;
  text-align: left;
  font-weight: bold;
  padding: 3px;
  margin-bottom: 2px;
}

div.tocheader img {
  width: 0.8em;
  height: 0.8em;
  float: right;
  margin: 0.3em 3px 0 0;
  cursor: pointer;
}

#toc__inside {
  border: 1px solid #ccc;
  background-color: white;
  text-align: left;
  padding: 0.5em 0 0.7em 0;
}

ul.toc {
  list-style-type: none;
  list-style-image: none;
  line-height: 1.2em;
  padding-left: 1em;
  margin: 0;
}

ul.toc li {
  background: transparent url(/lib/tpl/arctic/images/tocdot2.gif) 0 0.6em no-repeat;
  padding-left: 0.4em;
}

ul.toc li.clear {
  background-image: none;
  padding-left: 0.4em;
}

a.toc:link,
a.toc:visited {
  color: #436976;
}

a.toc:hover,
a.toc:active {
  color: black;
}

/* --------------------- footnotes -------------------------------- */

div.footnotes {
  clear: both;
  border-top: 1px solid #ccc;
  padding-left: 1em;
  margin-top: 1em;
}

div.fn {
  font-size: 90%;
}

a.fn_top {
  vertical-align: super;
  font-size: 80%;
}

a.fn_bot {
  vertical-align: super;
  font-size: 80%;
  font-weight: bold;
}

/* insitu-footnotes */
div.insitu-footnote {
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid #ccc;
  background-color: #f7f9fa;
  text-align: left;
  padding: 4px;
  max-width: 40%;    /* IE's width is handled in javascript */
}

/* overcome IE issue with one line code or file boxes which require h. scrolling */
* html .insitu-footnote pre.code,
* html .insitu-footnote pre.file {
  padding-bottom: 18px;
}

/* --------------- search result formating --------------- */

.search_result {
  margin-bottom: 6px;
  padding: 0 10px 0 30px;
}

.search_snippet {
  color: #ccc;
  font-size: 12px;
  margin-left: 20px;
}

.search_sep {
  color: black;
}

.search_hit {
  color: black;
  background-color: #ff9;
}

div.search_quickresult {
  margin: 0 0 15px 30px;
  padding: 0 10px 10px 0;
  border-bottom: 1px dashed #ccc;
}
div.search_quickresult h3 {
  margin: 0 0 1.0em 0;
  font-size: 1em;
  font-weight: bold;
}

ul.search_quickhits {
  margin: 0 0 0.5em 1.0em;
}

ul.search_quickhits li {
  margin: 0 1.0em 0 1.0em;
  float:left;
  width: 30%;
}

/* ------------------ Additional ---------------------- */



/* ---------- AJAX quicksearch ----------- */

div.ajax_qsearch {
  position: absolute;
  right: 237px;;
  width: 200px;
  opacity: 0.9;
  display: none;
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid #ccc;
  background-color: #f7f9fa;
  text-align: left;
  padding: 4px;
}





/* ---------------  Image Details  ----------------- */

div.img_big {
  float: left;
  margin-right: 0.5em;
}

dl.img_tags dt {
  font-weight: bold;
  background-color: #dee7ec;
}
dl.img_tags dd {
  background-color: #f5f5f5;
}

div.imagemeta {
  color: #666;
  font-size: 70%;
  line-height: 95%;
}

div.imagemeta img.thumb {
  float:left;
  margin-right: 0.1em;
}


/* ----- Top and Bottom bar --- */
/*
.bar {
  padding: 2px;
  height: 26px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #dee7ec;
  padding: 0.1em 0.15em;
  clear: both;
}

#bar__top,
#bar__bottom { 
  background: none;
}

#bar__bottom {
  margin-bottom:3px;
}

.bar-left {
  float: left;
}

.bar-right {
  float: right;
  text-align: right;
}

*/

/* ----- File Metadata -------- */

div.meta {
  clear: both;
  margin-top: 1em;
  color: black;
  font-size: 70%;
  padding: 0 0.5em 0 0.5em;
}

div.meta div.user {
  float: left;
}

div.meta div.doc {
  text-align: right;
}




.bar a.action {
  margin: 0 0.3em 0 0.3em;
  height: 24px;
  padding-top: 3px;
  float: left;
}

/* ----- Page Elements -------- */
div.breadcrumbs {
  background: none;
}


/* code blocks by indention */
pre.code,
pre.file {
  width: auto !important;
  width: 98%;
  font-size: 100%;
}

/* ----- Forms ---------------- */
fieldset {
  border-color: #c3c3c3;
}

textarea.edit {
  border-color: #c3c3c3;
}

input.edit, select.edit {
  border-color: #c3c3c3;
}

input.missing {
  border-color: #c3c3c3;
}

div.left_sidebar form#dw__search,
div.right_sidebar form#dw__search {
  margin-bottom: 0.2em;
  display: block;
  font-size: 70%;
}

div.left_sidebar form#dw__search input.edit,
div.right_sidebar form#dw__search input.edit {
  margin-left: 0;
  font-size: 100%;
}




/* ----- AJAX Quicksearch ----- */
div.left_sidebar div.ajax_qsearch,
div.right_sidebar div.ajax_qsearch {
  position: relative;
  left: 1px;
  top: 2px;
  display: none;
  background: #f5f5f5;
  border-left: none;
  border-top: none;
  border-right: none;
  font-size: 85%;
  float: left;
  width: 96%;
  margin: 0.2em 0 0.5em 0;
}

div#bar__top div.ajax_qsearch {
  position: absolute;
  right: 100px;;
  width: 200px;
  font-size: 85%;
  display: none;
  border: 1px solid #ccc;
  background: #f5f5f5;
  text-align: left;
  padding: 0.2em;
  margin-top: 5px;
  opacity: 0.9;
}

 div.ajax_qsearch strong {
  font-size: 115%;
  background: #dee7ec;
  padding: 0.2em;
  display: block;
}

div.termin{
    clear:both;
    border-bottom: 1px solid #ccc;
    padding-left: 1px;
    padding-bottom: 0.5em;
    margin-bottom: 1em;   
    

}
 /*   
div .tango{
    border-left: 8px solid purple;
}

div .tango{
    border-left: 8px solid blue;
}

div .kino{
    border-left: 8px solid yellow;
}

div .ausstellung{
    border-left: 8px solid green;
}

div .lesung{
    border-left: 8px solid maroon; 
}


div .veranstaltung{
    border-left: 8px solid orange;
}
*/

div.termin img{
    float: left;
    padding: 0 1em 0.5em 0;
}

div.termin .details{
    width: 65%;
    margin-left: 30%;
}


div.termin p.Anfangszeit{
    font-size: 70%;
    margin: 0;
    background-color: silver;
    padding: 2px;
    
}

div.konzert p.Anfangszeit{
    background-color: #FFE2AF;
}

div.lesung p.Anfangszeit{
    background-color: #DFFFDF;
}

div.tango p.Anfangszeit{
    background-color:#E5DFFF;
}

div.ausstellung p.Anfangszeit{
    background-color: #DFF2FF;
}

div.kino p.Anfangszeit{
    background-color: #FEFFAF;
}


div.termin p.headline{
   font-size: 80%;
   font-weight: bold;
   list-style: none; 
   padding-left: 10px;
   background: url(/lib/tpl/arctic/images/arrbl.gif) no-repeat 0px 5px ;
   margin: .3em 0 .2em 0;
}


div.termin p.teaser{
    font-size: 80%;
    margin: 0;
}

div.termin a{
    color:  #c77112;
    text-decoration: none;
}

div.termin a:hover{
    color:  #c77112;
     text-decoration: underline;
}

div.termin_details p.text{
    font-size: 80%;
    margin-bottom: 1em;
}

div.termin_details img{
    float: left;
    margin-right:10px; 
    margin-bottom:10px
}

table#kuenstlerliste{
    font-size: 76%;
    
    
}

table#kuenstlerliste td.Name,
table#kuenstlerliste td.generation{
    padding-right: 0.2em;
    border-right: 1px solid #ccc;
}

table#kuenstlerliste td.generation,
table#kuenstlerliste td.fachrichtung{
    padding-left: 0.2em;
}


#kuenstlersuche .Beschriftung{
    min-width: 10em;
    float: left;
    font-size: 80%;
    
}

#kuenstlersuche select{
    width: 10em;
}

#kuenstlersuche p#knopf{
    margin: 1em 0 2em 0;
    text-align: right;
}


/**
 * Design elements for default Template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author Anika Henke <henke@cosmocode.de>
 */

/* -------------- Additional elements for editing --------------- */

/* ----- Toolbox -------------- */
div.dokuwiki div.toolbox_sidebar ul {
  list-style: none;
  margin: 0;
  clear: both;
}

div.dokuwiki div.toolbox_sidebar a.login,
div.dokuwiki div.toolbox_sidebar a.logout,
div.dokuwiki div.toolbox_sidebar a.index,
div.dokuwiki div.toolbox_sidebar a.recent,
div.dokuwiki div.toolbox_sidebar a.create,
div.dokuwiki div.toolbox_sidebar a.edit,
div.dokuwiki div.toolbox_sidebar a.source,
div.dokuwiki div.toolbox_sidebar a.show,
div.dokuwiki div.toolbox_sidebar a.admin,
div.dokuwiki div.toolbox_sidebar a.revisions,
div.dokuwiki div.toolbox_sidebar a.subscribe,
div.dokuwiki div.toolbox_sidebar a.unsubscribe,
div.dokuwiki div.toolbox_sidebar a.backlink,
div.dokuwiki div.toolbox_sidebar a.profile {
  padding: 1px 0px 1px 18px;
}

div.dokuwiki div.toolbox_sidebar a.login {
  background: transparent url(/lib/tpl/arctic/images/tool-login.png) 0px 1px no-repeat;
}

div.dokuwiki div.toolbox_sidebar a.logout,
div.dokuwiki div.bar a.logout {
  background: transparent url(/lib/tpl/arctic/images/tool-logout.png) 0px 1px no-repeat;
}

div.dokuwiki div.toolbox_sidebar a.index {
  background: transparent url(/lib/tpl/arctic/images/tool-index.png) 1px 1px no-repeat;
}

div.dokuwiki div.toolbox_sidebar a.recent {
  background: transparent url(/lib/tpl/arctic/images/tool-recent.png) 0px 1px no-repeat;
}

div.dokuwiki div.toolbox_sidebar a.create,
div.dokuwiki div.toolbox_sidebar a.edit {
  background: transparent url(/lib/tpl/arctic/images/tool-edit.png) 0px 1px no-repeat;
}

div.dokuwiki div.toolbox_sidebar a.source,
div.dokuwiki div.toolbox_sidebar a.show {
  background: transparent url(/lib/tpl/arctic/images/tool-source.png) 0px 1px no-repeat;
}

div.dokuwiki div.toolbox_sidebar a.admin {
  background: transparent url(/lib/tpl/arctic/images/tool-admin.png) 0px 1px no-repeat;
}

div.dokuwiki div.toolbox_sidebar a.revisions {
  background: transparent url(/lib/tpl/arctic/images/tool-revisions.png) 0px 1px no-repeat;
}

div.dokuwiki div.toolbox_sidebar a.subscribe,
div.dokuwiki div.toolbox_sidebar a.unsubscribe {
  background: transparent url(/lib/tpl/arctic/images/tool-subscribe.png) 0px 1px no-repeat;
}

div.dokuwiki div.toolbox_sidebar a.backlink {
  background: transparent url(/lib/tpl/arctic/images/tool-backlink.png) 0px 1px no-repeat;
}

div.dokuwiki div.toolbox_sidebar a.profile {
  background: transparent url(/lib/tpl/arctic/images/tool-profile.png) 0px 1px no-repeat;
}

div.dokuwiki div.bar a.login,
div.dokuwiki div.bar a.logout,
div.dokuwiki div.bar a.index,
div.dokuwiki div.bar a.recent,
div.dokuwiki div.bar a.create,
div.dokuwiki div.bar a.edit,
div.dokuwiki div.bar a.source,
div.dokuwiki div.bar a.show,
div.dokuwiki div.bar a.admin,
div.dokuwiki div.bar a.revisions,
div.dokuwiki div.bar a.subscribe,
div.dokuwiki div.bar a.unsubscribe,
div.dokuwiki div.bar a.backlink,
div.dokuwiki div.bar a.profile,
div.dokuwiki div.bar a.top {
  padding-left: 20px;
}

div.dokuwiki div.bar a.login {
  background: transparent url(/lib/tpl/arctic/images/tool-login.png) 0px 5px no-repeat;
}

div.dokuwiki div.bar a.logout,
div.dokuwiki div.bar a.logout {
  background: transparent url(/lib/tpl/arctic/images/tool-logout.png) 0px 5px no-repeat;
}

div.dokuwiki div.bar a.index {
  background: transparent url(/lib/tpl/arctic/images/tool-index.png) 0px 5px no-repeat;
}

div.dokuwiki div.bar a.recent {
  background: transparent url(/lib/tpl/arctic/images/tool-recent.png) 0px 5px no-repeat;
}

div.dokuwiki div.bar a.create,
div.dokuwiki div.bar a.edit {
  background: transparent url(/lib/tpl/arctic/images/tool-edit.png) 0px 5px no-repeat;
}

div.dokuwiki div.bar a.source,
div.dokuwiki div.bar a.show {
  background: transparent url(/lib/tpl/arctic/images/tool-source.png) 0px 5px no-repeat;
}

div.dokuwiki div.bar a.admin {
  background: transparent url(/lib/tpl/arctic/images/tool-admin.png) 0px 5px no-repeat;
}

div.dokuwiki div.bar a.revisions {
  background: transparent url(/lib/tpl/arctic/images/tool-revisions.png) 0px 5px no-repeat;
}

div.dokuwiki div.bar a.subscribe,
div.dokuwiki div.bar a.unsubscribe {
  background: transparent url(/lib/tpl/arctic/images/tool-subscribe.png) 0px 5px no-repeat;
}

div.dokuwiki div.bar a.backlink {
  background: transparent url(/lib/tpl/arctic/images/tool-backlink.png) 0px 5px no-repeat;
}

div.dokuwiki div.bar a.profile {
  background: transparent url(/lib/tpl/arctic/images/tool-profile.png) 0px 5px no-repeat;
}

div.dokuwiki div.bar a.top {
  background: transparent url(/lib/tpl/arctic/images/tool-top.png) 0px 5px no-repeat;
}

/* Buttons */
div.dokuwiki input.button, div.dokuwiki button.button{
  border-color: #c3c3c3;
  font-size: 100%;
}

div.dokuwiki div.secedit input.button {
  border-color: #c3c3c3;
  font-size: 100%;
}

div.dokuwiki .bar input.button {
  height: 24px;
}

div.dokuwiki div.left_sidebar div.secedit,
div.dokuwiki div.right_sidebar div.secedit {
    text-align: right;
}

div.dokuwiki div.left_sidebar div.secedit input.button,
div.dokuwiki div.right_sidebar div.secedit input.button {
    float: none;
    margin: 0.1em;
}

/* ---------- Spellchecking ------------- */

div.dokuwiki a.spell_error {
  color: #f00;
  text-decoration: underline;
}

div.dokuwiki div#spell__suggest {
  background-color: white;
  padding: 2px;
  border: 1px solid black;
  font-size: 80%;
  display: none;
}

div.dokuwiki div#spell__result {
  border: 1px solid #ccc;
  color: black;
  font-size: 14px;
  padding: 3px;
  background-color: #f7f9fa;
  display: none;
}

div.dokuwiki span.spell_noerr {
  color: #093;
}

div.dokuwiki span.spell_wait {
  color: #06c;
}

/* --------- Toolbar -------------------- */
button.toolbutton {
  background-color: white;
  padding: 0px;
  margin: 0 1px 0 0;
  border: 1px solid #ccc;
  cursor: pointer;
}

/* nice alphatransparency background except for IE <7 */
html>body button.toolbutton {
  background:  white url(/lib/tpl/arctic/images/buttonshadow.png) repeat-x bottom;
}

div.picker {
  width: 250px;
  border: 1px solid #ccc;
  background-color: #dee7ec;
}

button.pickerbutton {
  padding: 0px;
  margin: 0 1px 1px 0;
  border: 0;
  background-color: transparent;
  font-size: 80%;
  cursor: pointer;
}

/* ---------------------------- Diff rendering --------------------------*/
div.dokuwiki table.diff {
  background-color: white;
  width: 100%;
}
div.dokuwiki td.diff-blockheader {
  font-weight: bold;
}
div.dokuwiki table.diff th {
  border-bottom: 1px solid #ccc;
  font-size: 120%;
  width: 50%;
  font-weight: normal;
  text-align: left;
}
div.dokuwiki table.diff td {
  font-family: monospace;
  font-size: 100%;
}
div.dokuwiki td.diff-addedline {
  background-color: #ddffdd;
}
div.dokuwiki td.diff-deletedline {
    background-color: #ffffbb;
}
div.dokuwiki td.diff-context {
    background-color: #f5f5f5;
}
div.dokuwiki span.diffchange {
  color: red;
}

/* edit form */
div.toolbar,
div#wiki__editbar {
   margin: 2px 0;
   text-align: left;
}
div#size__ctl {
   float: right;
   width: 60px;
   height: 2.7em;
}
#size__ctl img {
   cursor: pointer;
}
div#wiki__editbar div.editButtons {
   float: left;
   padding: 0 1.0em 0.7em 0;
}
div#wiki__editbar div.summary {
   float: left;
}
.nowrap {
   white-space: nowrap;
}
div#draft__status {
  float: right;
  color: black;
}
/**
 * The CSS in here cotrols the appearance of the media manager
 */

#media__manager {
    height: 100%;
    overflow: hidden;
}

#media__left {
    width: 30%;
    border-right: solid 1px #ccc;

    height: 100%;
    overflow: auto;
    position: absolute;
    left: 0;
}

#media__right {
    width: 69.7%;

    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0;
}

#media__manager h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;
}

/* --- Tree formatting --- */

#media__tree img {
    float:left;
    padding: 0.5em 0.3em 0 0;
}

#media__tree ul {
    list-style-type: none;
    list-style-image: none;
}

#media__tree li {
    clear: left;
    list-style-type: none;
    list-style-image: none;
}
* html #media__tree li {
    border: 1px solid white;
}/* I don't understand this, but this fixes a style bug in IE;
it's dirty, so any "real" fixes are welcome */

/* --- options --- */

#media__opts {
    padding-left: 1em;
    margin-bottom: 0.5em;
}

#media__opts input {
    float: left;
    position: absolute;
}
* html #media__opts input {
    position: static;
}

#media__opts label {
    display: block;
    float: left;
    margin-left: 30px;
}
* html #media__opts label {
    margin-left: 10px;
}

#media__opts br {
    clear: left;
}

/* --- file list --- */

#media__content img.load {
    margin: 1em auto;
}

#media__content #scroll__here {
    border: 1px dashed #ccc;
}

#media__content .odd {
    background-color: #f7f9fa;
    padding: 0.4em;
}

#media__content .even {
    padding: 0.4em;
}

#media__content a.mediafile {
    margin-right: 1.5em;
    font-weight: bold;
}

#media__content div.detail {
    padding: 0.3em 0 0.3em 2em;
}

#media__content div.detail div.thumb {
    float: left;
    width: 130px;
    text-align: center;
    margin-right: 0.4em;
}


#media__content img.btn {
    vertical-align: text-bottom;
}

#media__content div.example {
    color: #666;
    margin-left: 1em;
}

/* --- upload form --- */

#media__content div.upload {
    font-size: 90%;
    padding: 0 0.5em 0.5em 0.5em;
}

#media__content form.upload {
    display: block;
    border-bottom: solid 1px #ccc;
    padding: 0 0.5em 1em 0.5em;
}
#media__content form.upload fieldset {
    padding: 0;
    margin: 0;
    border: none;
    width: auto;
}
#media__content form.upload p {
    clear: left;
    text-align: left;
    padding: 0.25em 0;
    margin: 0;
    line-height: 1.0em;
}
#media__content form.upload label {
    float: left;
    width: 30%;
}
#media__content form.upload label.check {
    float: none;
    width: auto;
}
#media__content form.upload input.check {
    margin-left: 30%;
}

/* --- meta edit form --- */

#media__content form.meta {
    display: block;
    padding: 0 0 1em 0;
}

#media__content form.meta label {
    display: block;
    width: 25%;
    float: left;
    font-weight: bold;
    margin-left: 1em;
    clear: left;
}

#media__content form.meta .edit {
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    float: left;
    width: 70%;
    padding-right: 0;
    padding-left: 0.2em;
    margin: 2px;
}

#media__content form.meta textarea.edit {
    height: 8em;
}

#media__content form.meta div.metafield {
    clear: left;
}

#media__content form.meta div.buttons {
    clear: left;
    margin-left: 20%;
    padding-left: 1em;
}
/**
 * Media Manager - additional CSS for the Arctic Template
 * @author Michael Klier <chi@chimeric.de>
 */

#media__left,
#media__right {
  background: white;
}