/* ##########################################
copyright Andreas Niederer fuer 1zu1 Prototypen
last update Mai 2009

Standards
########################################## */

body, td, th, div, p, ul, ol, font, input, select, textarea, textarea, a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }
body { font-size: 12px; margin: 0px; padding: 0px; border: 0px; line-height:133%; }
p { margin: 0px; padding: 0 5px 15px 0;}
ul { list-style-position: outside; list-style-image:url(../gfx/li.gif); margin-top: 0px; margin-left:16px; padding-left:0;}
ul li.ausgegraut {list-style-image:url(../gfx/li-gr.gif);}
li { margin-right: 5px;}
ol { margin-top: 0px; margin-left: 20px; padding-left: 0; }
blockquote { margin-top: 0px; margin-left: 30px; margin-right: 0px; }
hr { height: 1px; border: 1px solid #C1C1C1; }
dd { margin-left:0; }
/*
hr { display:none; }
*/

#page-title {font-weight:normal; font-size:16px; line-height: 21px; margin:0 0 1em 0; }
h1 { font-weight:normal; font-size:16px; line-height: 21px; margin:0 0 1em 0; }
h2 { font-weight:bold; font-size:14px; font-size: 12px; line-height: 18px; margin:0 0 4px 0; }
h3 { font-weight:bold; font-size:12px; font-size: 10px; margin:0 5px 0 0; }
h5 { font-weight:bold; font-size:12px; margin: 0 0 8px 0; }
h4 { font-weight: bold; font-size: 10px; line-height: 12px; margin: 0px 15px 0 0; }
h6 { margin-top: 0px; margin-bottom: 0px; font-size: 10px; font-weight: normal; }
a { text-decoration: none; font-weight: bold; }
a:link { color: #336699 }
a:visited { color: #336699; }
a:hover { color: #7C7C7C; }
img { border:0; }


sup, sub { height: 0pt;
line-height: 1;
vertical-align: baseline;
_vertical-align:bottom;
position: relative;}
sub {top: 0.5ex;}
sup {bottom: 1ex;}
.intro {font-weight: bold; }
.hervorgehoben { color: #6CC83A; font-weight:bold; }
.ausgegraut {color:#AAAAAA;}
/* .right {text-align:right;} */
#page .kursiv {font-style:italic;}
.small { font-size:10px; }



/* mitarbeiter */
.mitarbeiterzitat {color:#6CC83A; font-size:12px; padding-bottom: 7px; line-height:133%;}
.mitarbeiterinfo {font-size: 10px; line-height:140%; }

/*********************************/
table, table td, table th { border:0; }
caption { text-align:left; font-size:12px; font-weight:bold; padding:16px 0 16px 0; }
table.list { }
td { vertical-align:top; font-size: 9px }
td.title { font-size: 12px; font-weight: bold }
td.list { font-size: 10px; padding: 2px 10px 2px 2px; }
th { vertical-align:top; text-align: left; font-size: 10px }
th.list { font-weight: normal; text-align: left; vertical-align: top; border-left: 0px solid #BEBEBE; padding: 0px 10px 2px 2px; border-bottom: 1px solid #BEBEBE; }
tr { vertical-align: top; font-size: 10px; }
tr.list { }
tr.listOdd td { padding: 2px 10px 2px 2px; border-bottom: 0px solid #BEBEBE; }
tr.listEven td { padding: 2px 10px 2px 2px; border-bottom: 0px solid #BEBEBE; }
/* Tabelle Eingabe-Matrix */
#page .table-matrix { }
#page .table-matrix td, .table-matrix th { vertical-align:top; text-align:left; padding:2px 15px 2px 0px; }
/* Tabelle Formular */
#page .table-input { }
#page .table-input td, .table-input th { vertical-align:top; text-align:left; padding:2px 15px 2px 0px; font-weight:normal; }


/*********************************/
form { margin: 0px; padding: 0px; }
fieldset { margin-top:16px; border:2px solid #BEBEBE; }
legend { font-weight:bold; color:#000000; }
label { display:block; font-size: 10px }
td label {font-size:9px; }
table label {padding-right:2px;}
input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border:1px solid #999999; }
#container .input-width-short { width:150px; }
#container .input-width-medium { width:300px; }
#container .input-width-long { width:450px; }

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

#container .clear { clear:both; }
hr.clear { border:0px solid #efefef!important; visibility:hidden;}
#page .borderless { border:0; }
#page .hidden { visibility: hidden; display: none; }
#page .nuhidden { visibility: hidden; display: none; }
#page .left { float: left; }
#page .right { float: right; }
#page .block { display:block; }
#page .aural { display:none; }
#page .important { background-image:url(../gfx/icon_important-ge3.gif); background-position:0 0; background-repeat:no-repeat; padding-left:14px; /*color:#FFCC33;*/ }
#page .note { background-image:url(../gfx/icon_note.gif); background-position:0 0; background-repeat:no-repeat; padding-left:14px; /*color:#FFCC33;*/ }
#page .attachment { background-image:url(../gfx/attachment.gif); background-position:0 0; background-repeat:no-repeat; padding-left:14px; /*color:#FFCC33;*/ }
#page .text { width:600px; }
/* Ausgabe von mehreren eingegebenen Daten */
#page .data-output {/* padding:15px; background-color:#efefef;*/ }
/* Ausgabe von einzelnen editierbaren Feldern */
#page .data-output-text { background-color:#ffffff; font-family:"Courier New", Courier, monospace; font-size:12px; padding:1px 2px 1px 2px; }


#container .fullWidth { width:100%; }
#container .icon {border:0px; width:auto;}
#container .text p {padding:0; margin-top:0px;}


/* ##########################################
Classes
########################################## */

#container .Struktogramm { font-size: 10px; line-height: 12px; margin-bottom:8px;}
table.Struktogramm { font-size: 10px; line-height: 12px; width: 220px; }
td.Struktogramm { background-color: #e2e2e2; text-align: center; vertical-align: middle; height: 30px; }
td.Struktogramm-aktiv { background-color: #6CC83A; text-align: center; vertical-align: middle; height: 30px; font-size:10px;}
td.Struktogramm a { font-weight: bold; }


/* struktogramm var 2 */
#container .Struktogramm td { font-size: 10px; }
td.Struktogramm {background:none; border: 1px solid #e2e2e2; } 
td.Struktogramm-aktiv {background:none; border: 1px solid #C1C1C1;}
td.Struktogramm-aktiv, td.Struktogramm-aktiv a:link, td.Struktogramm-aktiv a:visited {color:#6CC83A;}
td.Struktogramm-aktiv a:hover {color:#7C7C7C;}


#container .contenttable { padding: 0; margin: 7px 0 15px; border-collapse:collapse; }
#container .ui-accordion .contenttable { margin: 7px 10px 15px; }
#container .contenttable tr { border-bottom: dotted 1px #AAAAAA; }
#container .contenttable td {font-size:10px; padding: 5px 9px 3px 0; line-height:140%; }
#container .contenttable th {font-size:10px; padding: 7px 9px 5px 0; line-height:140%; }
#container .contenttable tr.keinborder {border:none;}


table.tabelle { }
table.tabelle td { font-size: 10px; padding-top: 4px; padding-right: 15px; padding-left: 0; padding-bottom: 4px; vertical-align: top;}
table.tabelle th { font-size: 10px; padding-top: 4px; padding-right: 15px; padding-left: 0; padding-bottom: 4px; vertical-align: top;}
table.tabelle a { font-weight: bold; }
td.tabelle { border-top: dotted 1px #AAAAAA; }
#container .tabelle1 { margin-top: 16px; }
table.tabelle1 td, table.tabelle1 th { font-size: 10px; padding-top: 4px; padding-right: 0px; padding-left: 15px; padding-bottom: 4px; vertical-align: top; border-top-width: 2px; border-top-style: solid; border-top-color: #AAAAAA; }
table.tabelle2 { /*margin-top: 16px;*/ margin-bottom: 16px; }
table.tabelle2 td { font-size: 10px; padding-top: 1px; padding-right: 10px; padding-bottom: 1px; vertical-align: top; }
table.tabelle2 th { font-size: 10px; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; vertical-align: top; }
table.tabelle2 a { font-weight: bold; }
td.tabelle2 { border-top-width: 2px; border-top-style: solid; border-top-color: #AAAAAA; }
img.Rand { margin-left: 15px; margin-bottom: 16px; }
#container .link-mager { font-weight: normal; }
#container .menu-randlinie { border-left-width: 1px; border-left-style: solid; border-left-color: #C1C1C1; }
p.Datum { font-size: 10px; margin-bottom: 0px; }

.gruen {color: #6CC83A;}


/* datenaustausch */

#container .datenaustausch td {font-size: 12px; line-height:133%; padding-top:5px; border-top: dotted 1px #AAAAAA; }
#container .datenaustausch p {padding-right:15px; }

/* chronologie */

ul.chronologie {border-bottom: dotted 1px #AAAAAA; padding-bottom:8px; padding-left:16px; margin-left:0; }

/* border danach */

#container .csc-frame-rulerAfter {border-bottom: 1px dotted #AAAAAA; margin-bottom: 10px; }
/*#container .csc-frame-rulerAfter p { font-size: 11px; }
#container .csc-frame-rulerAfter h1 { font-size: 12px; font-weight:bold; }*/