/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
html { overflow-y:scroll;}

body {
background-color: #000000;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#c3c1c1;
padding:0;
margin:0;
}

a:link  {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; line-height:12px; letter-spacing:1px; color: #e4e2e1}
a:visited {text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size : 10px; font-weight:bold; line-height:12px; letter-spacing:1px; color: #97989a}
a:active {text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size : 10pxt; font-weight:bold; line-height:112px; letter-spacing:1px; color: #c0d5c9}
a:hover {font-family:Arial, Helvetica, sans-serif; font-size : 10px; font-weight:bold; line-height:12px; letter-spacing:1px; color: #c7f85d}

.titelweiss {
font-family : Arial, verdana, helvetica; font-size:16px; font-weight:bold; letter-spacing:1px; line-hight:8px; padding-top:1px; color: #FFFFFF}
/* titelweiss */

.titel1 { font-family : Arial, verdana, helvetica; font-size:14px;  font-weight:bold; letter-spacing:1px; line-hight:18px; color: #c2c2be; text-align: center;}
	/* tiel1*_grau*/
	
.zitat { font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:14px; font-weight:lighter; letter-spacing:1px; color: #FFFFFF}
       /* Fliesstext fur zitate*/

.fliess2 { font-family : Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; font-weight:lighter; letter-spacing: 0px; color: #FFFFFF} 
        /* Fliesstext mit mehr durchschuss, linehight*/

ul.colums-two {
   list-style-type: none;
   margin: 0;
   padding: 0 0 20px 0; }

li.innen {
   width: 200px;
   font-weight: bold;
   float: left;
   margin: 0px 0px 0px 80px;
   padding: 0 50px 10px 0; }
      
li.aussen {
   float: left;
   margin: 0;
   padding: 0 0 10px 0;
   width: 200px; }
 li.aussenhand {
   float: left;
   margin: 0;
   padding: 0 0 10px 0;
   width: 250px; }

li.clr {
   display: inline;
   margin: 0;
   padding: 0;
 }

br.clr {
   clear: left;
   width: 1px;
   font-size:1px;
   margin: 0;
   padding: 0;
   overflow:hidden;
 }



h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #000000;
padding:5px 15px;
text-align: center;
margin:0 }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout und HG f box links und rechts-------------- */
#container {
width: 900px;
background-image: url(../images/hg.jpg);
background-repeat: repeat-y;
margin-bottom: 10px;
margin:0 auto;
background-color: #000000;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #000000;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 

/* -----------------Inhalt--------------------- */
#content {
background-color: #000000;
padding: 0;
margin: 0 150px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0;
}

/* --------------left right box------------- */
#left {
float: left;
width: 150px;
margin: 0px;
padding: 0px;
}
#right {
	float: right;
	width: 150px;
	margin: 0;
	padding: 0;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: center; }


#photobox ul {
background: #f4f4ec url(../images/back.gif);
padding: 4px 0 !important;
border-width: 1px;
border-style: solid;
border-color: #fff #d8d8d0 #d8d8d0 #fff;
float: right;
}

#photobox img {
background: #fbfbf7;
padding: 1px;
margin: 5px;
border-width: 0px;
border-style: solid;
border-color: #ddd #aaa #aaa #ddd;
}

#photobox a:hover {
background-color: #c7f85d;
}

#photobox {
text-align: center;
}

.img { 
border-width: 0px;
border-style: 0px;
}