/**
* global settings
*/
body {
margin:0px;
font-size:90.01%;
font-family:Verdana,Arial,Helvetica,sans-serif
}

strong {
color:#4C4646;
font-weight:bold;
}

.invis {
display:none;
}

label { cursor:pointer; }

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:underline;}


/**
 * Login Box
 */
#login {
position: absolute;
right: 15px;
top: 0px;
background-color:#DFD7E5;
padding-left:10px;
padding-right:10px;
width:183px;
height:163px;
vertical-align:bottom;
font-size:0.8em;
/*hack*/
voice-family: "\"}\"";
voice-family: inherit;
width:163px;
}
html>body #login {
width:163px;
}

#login h5 {
color:#4C4646;
font-size:11px;
font-weight:bold;
margin-bottom:0.7ex;
}

#login form label {
display: block;
float: left;
width: 55px;
/*padding: 3px 5px;*/
padding-top: 3px;
margin: 0;
text-align: right;
}

#login input.form {
width: 90px;
margin: 2px 0px 2px 3px;
}

#login input.submit {
width:auto;
margin-top: 2px;
}

#login .error {
color:#CF010E;
}

a.logout {
color:#4C4646;
font-weight:bold;
}

div.logout {
text-align:right;
padding-bottom:10px;
}



/**
 * Top images
 */
#logo_start {
background-image:url(images/start.jpg);
background-repeat:no-repeat;
background-position:bottom right;
height: 163px;
margin-right: 163px;
}
#logo_aktuelles {
background-image:url(images/aktuelles.jpg);
background-repeat:no-repeat;
background-position:bottom right;
height: 163px;
margin-right: 163px;
}
#logo_media {
background-image:url(images/media.jpg);
background-repeat:no-repeat;
background-position:bottom right;
height: 163px;
margin-right: 163px;
}
#logo_termine {
background-image:url(images/termine.jpg);
background-repeat:no-repeat;
background-position:bottom right;
height: 163px;
margin-right: 163px;
}
#logo_default {
background-image:url(images/default.jpg);
background-repeat:no-repeat;
background-position:bottom right;
height: 163px;
margin-right: 163px;
}



/**
 * left gray box that contains the logo
 */
#logobox { 
position: relative;
top:21px;
left: 105px;
left: 0px;
background-color:#ded7d6;
background-image:url(bg.gif);
width: 245px;
height: 142px;
text-align: right;
/*-moz-opacity: 0.8;*/
padding-top: 45px;
padding-right: 10px;
/*hack*/
voice-family: "\"}\"";
voice-family: inherit;
width: 235px;
height: 97px;
}
html>body #logobox {
width: 235px;
height: 97px;
}



/**
 * main navigation (on the right)
 */
#navi {
overflow: hidden;
position: absolute;
right: 0px;
top: 163px;
width:198px;
font-size:0.9em;
}
#navi1 {
background-color:#CF010E;
width:198px;
height:170px;
color:#FFFFFF;
padding: 15px 10px 30px 10px;
/*vertical-align:top;*/
/*hack*/
voice-family: "\"}\"";
voice-family: inherit;
width:178px;
height:125px;
}
html>body #navi1 {
width:178px;
height:125px;  
}
#navi2 {
background-color:#CF4D01;
width:198px;
height:170px;
color:#FFFFFF;
padding: 15px 10px 30px 10px;
/*hack*/
voice-family: "\"}\"";
voice-family: inherit;
width:178px;
height:125px;
}
html>body #navi2 {
width:178px;
height:125px;
}
#navi3 {
background-color:#CF8B02;
width:163px;
height:155px;
}

#navi a {
color:#FFFFFF;
}


#navi ul {
margin:0;
list-style-type:none;
padding-left: 15px;
}

#navi li.active {
list-style-type:square;
}




/**
 * subnavigation (on the left)
 */
#bar {
position: absolute;
left: 15px;
top: 163px;
overflow: hidden;
width:230px;
min-height: 300px;
padding: 15px 10px 30px 10px;
background-color:#EBEBEB;
font-size: 0.9em;
/*hack*/
voice-family: "\"}\"";
voice-family: inherit;
width: 210px;
}
html>body #bar {
width: 210px;
}

#bar ul {
margin:0;
list-style-type:none;
padding-left:0;
}

#bar li {
color:#4C4646;
margin-bottom:0.6em;
}

#bar li.active {
color:#4C4646;
font-weight:bold;
margin-bottom:0.6em;
/*list-style-type:square;*/
}

#bar a {
color:#4C4646;
}

#bar h4 {
color:#4C4646;
font-size:11px;
font-weight:bold;
margin-bottom:0.7ex;
}

#keywords .active {
color:#CF010E;
font-weight:normal;
}



/**
 * Content
 */
#content {
background-color:#C6BEBC;
min-width: 100px;
min-height: 300px;
margin-left: 245px;
margin-right: 198px;
padding: 15px 10px 30px 10px;
font-size:1em;
}

#content h1.first {
margin-top:0;
}

#content h1 {
color:#4C4646;
font-weight:bold;
margin-bottom:0.7em;
font-size: 1.2em;
}

#content a {
color:#CF010E;
}


/**
 * Forms
 */
form fieldset {
clear:both;
font-size:100%;
border-color:#4C4646;
border-width:1px 0px 0px 0px;
border-style:solid none none none;
padding:10px;
margin:10px 0px 0px 0px;
}

form fieldset legend {
color:#4C4646;
font-weight:bold;
margin: 0px 0px 0px 0px;
padding: 0px 5px;
}

form div fieldset {
  clear: both;
  display: inline;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  /*margin: 0px 0px 0px 142px;*/
  padding: 0px 5px 5px 5px;
  /*width: 197px;*/
}

form div {
margin-top: 2px;
}

form div.error {
color:#CF010E;
font-size:85%;
margin: 8px 0px 1px 0px;
}

form div.note {
color:#202020;
font-size:85%;
margin: 8px 0px 1px 0px;
}


form label.text {
display: block;
float: left;
width: 8em;
/*padding-top: 3px;*/
/*margin: 0;*/
text-align: left;
}

form label.password {
display: block;
float: left;
width: 12em;
/*padding-top: 3px;*/
/*margin: 0;*/
text-align: left;
}

/*
form label.time, form label.date {
display: block;
float:left;
width:4em;
}*/


textarea {
width:26em;
max-width:100%;
height:24ex;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;	
border: 1px solid #4C4646;
}

input.text {
width:26em;
max-width:100%;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
border: 1px solid #4C4646;
}

input.password {
width:20em;
max-width:100%;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
border: 1px solid #4C4646;
}

input.date, input.time {
width:8em;
/*max-width:100%;*/
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
border: 1px solid #4C4646;
}

input.button {
width:auto;
}

input.checkbox {
width:auto;
}


/********************************************************************/


table, tr, td {
font-size:inherit;
}

th {
color:#4C4646;
text-align:left;
font-weight:bold;
}

p.small {font-size:9px;}

tr.active {
background-color:#CF010E;
}

td {
padding-top: 2px;
padding-bottom: 2px;
}

td.thumbnail {
/*border:1px solid #4C4646;*/
background-color:#B1AAA9;
padding:4px;
}






a.active {
font-weight:bold;
}



div.thumbnail {
height: 80px;
width: 80px;
border:1px solid #4C4646;
padding:5px;
}

div.thumbnailimage {
height: 90px;
width: 90px;
border:1px solid #4C4646;
padding:0px;
}

div.thumbnailaudio {
height: 80px;
width: 80px;
border:1px solid #4C4646;
background-image:url(images/audiobg.gif);
padding:5px;
}

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

img.previewimage {
margin-right:10px;
float:left;
}




#search {
font-size:9px;
color:#4C4646;
font-weight:normal;
margin-bottom:4ex;
}
#search1 {
margin-bottom:3ex;
}
#navigator {
float:right;
}
#filewindow {
/*border:1px solid #4C4646;*/
/*background-color:#DFD7E5;*/
background-color:#B1AAA9;
float:right;
padding:5px;
text-align:center;
}
#filewindow_i {
width:100px;
height:100px;
border:1px solid #4C4646;
vertical-align:middle;
padding:5px;
}
#imagewindow_i {
width:250px;
height:250px;
border:1px solid #4C4646;
vertical-align:middle;
}
#audiowindow_i {
width:100px;
height:100px;
border:1px solid #4C4646;
background-image:url(images/audiobg.gif);
background-position:center;
vertical-align:middle;
padding:5px;
}


/*dateisuche*/
input.search {
width:100%;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
border: 1px solid #4C4646;
margin-top:0.5ex;
margin-bottom:1ex;	
}

select.search {
width:100%;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
border: 1px solid #4C4646;
margin-top:0.5ex;
margin-bottom:1ex;
}



/*admintable*/
.datatable {
margin-top:0px;
border-collapse:collapse;
width:100%;
}

.datafield {
border:1px solid black;
padding:3px;
}




/**
obsolete (old style forms)
*/
.fielderror {
font-size:11px;
color:#CF010E;
padding-bottom:10px;
}