@charset "utf-8";
/* CSS Document */

html, body {

background-image:url(grafik/bg.png);
background-repeat:repeat-x;
background-attachment:fixed;
margin : 0;
padding : 0;
height:100%;

}

p {
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; 
text-align:justify; 
}

a img { border:0; margin: 2px;}

h1 {
font-size: 1.8em;

}

h2 {
font-size: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0; 
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #61930e;
	
	 
}

blockquote {
	border-left: 5px solid #e95e2b;
	padding-left: 2em; 
	width: 500px; 	
}


body {
font : 14px/24px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-align : left;
overflow-y:scroll;
}

.container { 
background-color: #fcfaf3; 
background-image:url(grafik/hg-container.gif);
background-repeat:repeat-x;
width: 1055px; 
margin-right: auto; 
margin-left: auto; 
margin-top: -65px; padding: 0; }


/* Main Navigation */
#nav {
    margin-top: 40px;
	margin-left: 38px;
	padding-bottom: 40px;
}
 
ul#navigation {
    margin:0px auto;
    position:relative;
    float:left;
    
}
 
ul#navigation li {
	font-family:'PT Sans', sans-serif;
    display:inline;
    font-size:14px;
    margin:0;
    padding:0;
    float:left;
    position:relative;
   
}
 
ul#navigation li a {
    padding:5px 10px;
    color:#748f8c;
    text-decoration:none;
    display:inline-block;
    
}
 
ul#navigation li a:hover {
    background:red;
   }
 
ul#navigation li:hover > a {
    background:#a6b7c1;
	color: #ffffff;
}

ul#navigation li a.current  { 
color: #ffffff;
background-color: #a6b7c1; }

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}
 
ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:180px;
    background:#fcfaf3;
    
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}
 
ul#navigation ul {
    top: 34px;
    left: 0px;
}
 
ul#navigation ul li ul {
    top: -15px;
    left: 181px; /* strong related to width:180px; from above */
}
 
ul#navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px dotted #748f8c;
}
 
ul#navigation ul li a {
    background:none;
    padding:5px 15px;
    color:#748f8c;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:150px;
}


#header
{
width : 900px;
height: 245px;
margin : 0 auto;
background-repeat:no-repeat;
}

#right{ background-color: none; position: relative; left: 0px; width: 260px; float: right; padding: 30px 85px 15px 15px; display: block;overflow:hidden; }

#projekte
{
width: 230px;
background-color: #f8f4ec;
padding: 20px;
margin-bottom:10px;
text-align:left;
font-size: 12px;
line-height: 140%;
color: #28280a;
}

div#projekte a {
color:#e95e2b;
font-size:12px;
text-decoration:underline;
}

div#projekte a:hover{
text-decoration:none;
}

#news
{
width: 230px;
background-color: #f8f4ec;
padding: 20px;
margin-bottom:10px;
text-align:left;
font-size: 12px;
line-height: 140%;
color: #28280a;
}

div#news p {
	text-align:left;
}

div#news a {
color:#28280a;
font-size:12px;
text-decoration:none; 
}

div#news a:hover {
text-decoration:none; 
}

#links
{
width: 260px;
background-color: #f8f4ec;
padding:6px;
text-align:center;
font-size: 12px;
line-height: 140%;
color: #28280a;
}

div#links p {
	text-align:center;
}

div#links a {
color:#e95e2b;
font-size:12px;
text-decoration:none; 
}

div#links a:hover {
text-decoration:underline; 
}

#main
{
width : 590px;
margin : 0 auto;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
background-color: none;
padding-right: 310px;
color : #56443b;
}

a:link
{
color: #e95e2b;
text-decoration: underline;
}

a:visited {
	color: #e95e2b;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #e95e2b;
}


#footer
{
width : 1055px;
height: 30px;
background-color: #a6b7c1;
color: #40474b;
text-align:center;
font-size: 12px;
margin : 0 auto;
padding-top: 10px;
z-index: 99;
}

div#footer a {
color:#40474b;
font-size:11px;
text-decoration:underline; 
}

div#footer a:hover {
text-decoration:none; 
}

/* FORMULAR */
.button { color: #666666; background-color: #f9f7f4; margin-top: 5px; margin-bottom: 15px; border: solid 1px; cursor:pointer }
.inputarea { color: #666666; font-family: arial, Helvetica, Geneva, sans-serif, Swiss, SunSans-Regular; line-height: 130%; text-align: left; margin: 2px 0 5px; padding: 2px; border: solid 1px; }
form { background-position: left 0; width: 500px; display: inline; }

.pdfvorschau { border: solid 1px #404040; padding: 2px; float: left; margin-left: 20px; margin-right: 20px; margin-bottom: 40px; }