@CHARSET "ISO-8859-1";

/***************** Basic setup **********************/

* { padding:0; margin:0; }

body { font-family: "Trebuchet MS", Helvetica, Verdana, Arial; font-size: 10pt; color: rgb(51,51,51); background-color: white; background-image:url(../papier3.jpg); }

a { color: inherit; text-decoration:underline; font-weight:bold; }
a:focus,
a:hover,
a:active { text-decoration:underline; }
a:after { content:url(../blatt.gif); border:0; }

div { width:auto; display: block; }
img { border:0; }
/* rgb(0,104,55); */
h1,h2,h3,h4,h5,h6 { font-weight:bold; font-variant:small-caps; margin: 1.5em 0 0.25em 0; color:rgb(0,146,69); }
h1 { margin-bottom:0.5em; font-size: 220% }                        
h2 { font-size: 150% }
h3 { margin-top:1em; font-size: 10pt; font-weight: bold; color: #555555; }                        
h4 { font-size: 100% }                     
h5 { font-size: 100% }                     
h6 { font-size: 100%; font-style:italic; } 

p { line-height: 1.5em; margin-bottom: 1em; }

ul, ol, dl { line-height: 1.5em; margin-bottom:0.5em; }
li { margin-left: 0.5em; line-height: 1.5em; list-style: circle inside; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

textarea, input, select { border:1px solid gray; }

cite, blockquote { font-style:italic; }
blockquote { margin: 0 0 1em 1.5em; }

strong,b { font-weight: bold; }
em,i { font-style:italic; }

pre, code { font-family: monospace; font-size: 1.1em; }

acronym, abbr { letter-spacing: .07em; border-bottom: .1em dashed #c00; cursor: help; }

.note { background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; }
.important { background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted; }
.warning { background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
.center { text-align:center; margin: 0.5em auto; }

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }

th,td { padding: 0.5em; }
thead th { background: #444; color: #fff; }
tbody th { background: #ccc; color: #333; }
tbody th.sub { background: #ddd; color: #333; }

hr { color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #000 solid; }

/******** make floats resize outer divs *************/

.cx:after, .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#ie_clearing {
  position:static;
  display:block;
  \clear:both;
  width: 100%;
  font-size:0px;
  margin: -2px 0 -1em 1px;
}

* html #ie_clearing { margin: -2px 0 -1em 0; }

.cx, .clearfix { display: block; }
.cx, .clearfix { display: inline-block; }  
.cx, .clearfix { display: block; }      
* html .cx, * html .clearfix { height: 1%; }   

#ie_clearing { display: none; }


/**************** project **********************/

/* colors:
 * theblue: rgb(0,97,161)
 * thered: rgb(189,18,19)
 * 
 * 
 *
*/


/* ********** master-box ********* */
div.master-box { margin:2em auto 0 5em; width: 800px; }
div.master-box { background-image: url(../langbaum.gif); background-repeat: no-repeat; }

/* ********** navi-box *********** */

div.navi-box { margin-top:0; height: 90px;   }
div.navi-box .hmenu { margin-top:4px; }
ul.hmenu { position:relative; margin:0; list-style:none; }
ul.hmenu li { display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; white-space:nowrap; padding-right: 0.5em; margin-left:0; margin-right: 0.5em; border-right: 2px solid rgb(189,18,19); }
ul.hmenu li:last-child { border-right: 0px; }
ul.hmenu li a {  }
ul.hmenu li a:hover { font-weight: bold; }
ul.hmenu li.active { font-weight: bold; } 

/* ********** navi-dropdrown ******* */

ul.hmenu li ul {display:none; z-index:9; position:absolute; top:1em; padding-top:0.5em; left:0;}
ul.hmenu li:hover ul, 
ul.hmenu li a:hover ul {display:block; }
ul.hmenu li:hover ul li:hover a, 
ul.hmenu li a:hover ul li a:hover {font-weight: bold;}

/* ********** tab-menu ********** */

ul.htabs { position:relative; margin:0; list-style:none; display:block; border-bottom: 1px solid gray; }
ul.htabs li { display:inline; z-index:10; list-style-image:none; list-style-position:outside; list-style-type:none; white-space:nowrap; padding: 0.2em 1em 0.2em 1em; margin-left:0; margin-right: 0.5em; border-left:1px solid silver; border-top:1px solid silver; border-right:1px solid silver;  }
ul.htabs li:last-child {  }
ul.htabs li a {  }
ul.htabs li a:hover { font-weight: bold; }
ul.htabs li.active { font-weight: bold; background-color: white; border-color: gray; }

.content-navi ul.htabs { margin-bottom:1em; } 

/* ********* columns ********** */
div.row3c { clear:left; }
div.row3c .col13,
div.row3c .col23,
div.row3c .col33 { min-height:50px; margin-right:0.5em; padding-right:0.5em; padding-top:1em; }	
div.row3c .col13 { float:left; width:31%; border-right: 1px dotted gray; }
div.row3c .col23 { float:left; width:31%; border-right: 1px dotted gray; }
div.row3c .col33 { float:none; width:auto; margin-left:66%; }

div.row2c { clear:left; }
div.row2c .col12 { float:left; width:49%; }
div.row2c .col22 { margin-left: 50%; width: auto; }

div.row1c { clear:left; }
div.row1c .col11 { margin-right:0.5em; padding-right:0.5em; padding-top:1em; }
div.row1c, div.row3c { margin-top:0.5em; padding-top:0.5em; padding-bottom: 0.5em; }

div.dottedtop { border-top: 1px dotted gray; }

div.row1c h2,
div.row3c h2 { position:relative; top:-0.5em;}

/* ********** footer-box *********** */
div.footer-box { height:50px; background-repeat: no-repeat; background-position: top left; }
div.footer-box .hmenu { margin-top:4px; margin-left:auto; margin-right:auto; text-align: center; }
div.footer-box p { margin-left:130px; padding-top: 20px;}

div.content-box { margin: 70px 0 0 130px; }

p.less { color:#AAAAAA; }

div.bild { margin:1em 0 2em 0; }