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

/* generated by csscreator.com */ 
html, body{ 
	margin:0; 
	padding:0; 
	/*text-align:center; */
	background-color:#cccccc; 
} 

#pagewidth{ 
	width:975px; 
	text-align:left;  
	margin-top:20px;
	margin-left:auto; 
	margin-right:auto;  
	background-color:#999999; 

border:#efefef 2px solid;
-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);

} 
#logo { background:url(gfx/gruenplan.gif) no-repeat; }

#wrapper{

	padding:20px 30px 0px 20px;
}

#leftcol{
	width:290px; 
	float:left; 
	position:relative; 
	background-color:none; 

}

#maincol{
	background-color:none;
	float: right;
	display:inline;
	position: relative;
	width:625px;
}

#footer{
	height:35px; 
	border-top:2px solid #FF9900; 
	clear:both;
	padding: 10px 30px 10px 20px;
	font-size:9px;
} 

#footer a {	color: #4c4c4c;	text-decoration:none; font-weight:normal;} 
#footer a:link{   color: #4c4c4c; text-decoration:none; }
#footer a:visited {color: #4c4c4c; text-decoration:none; }
#footer a:focus { color: #ffffff; text-decoration:none;}
#footer a:focus { -moz-outline-style: none; }
#footer a:hover { color: #ffffff; text-decoration:none; }
#footer a:active { outline: none; }




/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



body, td{
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#3C3C3C;
  }

/*  p { margin: 1em 0 1em 0;  } */
 p { margin: 0.25em 0 1em 0;  } 
 

h1,h2,h3,h4,h5,h6 {	font-family:  Verdana, Arial,Helvetica,sans-serif;	color:#FF9900; }
h1 { font-size: 2em;  margin: 0 ; padding: 0.25em 0 0.1em 0; font-weight:normal;   }
h2 { font-size: 1.6em;  margin: 0 ; padding: 0.25em 0 0.1em 0; font-weight:normal;  }
h3 { font-size: 1.4em;  margin: 0 ; padding: 0.25em 0 0.1em 0; font-weight:normal;  }
h4 { font-size: 1.2em;  margin: 0 ; padding: 0.25em 0 0.1em 0; font-weight:normal;  }

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a {	color: #FF9900;	text-decoration:none; font-weight:bold;} 
a:link{   color: #FF9900; text-decoration:none; }
a:visited {color: #FF9900; text-decoration:none; }
a:focus { color: #ffffff; text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:hover { color: #ffffff; text-decoration:none; }
a:active { outline: none; }
 
/* ul { margin:0; padding:0;  } */

#navi {
	list-style:none;
	padding:0;
	margin: 0px 0px 40px 0px;
	font-size:11px;
}


#navi li {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-left:100px;
line-height:1.35em;
}
#navi li a{ font-weight:normal; color:#4c4c4c; text-decoration:none;}
#navi li a:link{   color: #4c4c4c; text-decoration:none; }
#navi li a:visited {color: #4c4c4c; text-decoration:none; }
#navi li a:focus { color: #ffffff; text-decoration:none; }
#navi li a:focus { -moz-outline-style: none; }
#navi li a:hover { color: #ffffff; text-decoration:none; }
#navi li a:active { outline: none; }

#navi li.menutitle { width:100px; text-align:right; margin-top:25px; margin-left:-100px; }
#navi li.menutitle  a{ font-weight:bold; color:#FF9900; text-decoration:none;}
#navi li.menutitle a:link{ color: #FF9900; text-decoration:none; }
#navi li.menutitle a:visited {color: #FF9900; text-decoration:none; }
#navi li.menutitle a:focus { color: #ffffff; text-decoration:none;}
#navi li.menutitle a:focus { -moz-outline-style: none; }
#navi li.menutitle a:hover { color: #ffffff; text-decoration:none; }
#navi li.menutitle a:active { outline: none; }



/* image text titel */
.layout1 {   }
.layout1 img{ border:0px solid #dedede; float:left; margin: 0 20px 10px 0; }
.layout1 h1 { font-size: 2em;}
.layout1 .text { font-size: 1em; }

/* image text titel */
.layout2 {   }
.layout2left { float:left;   width:275px; margin: 0  75px 10px 0;  }
.layout2right { float:left;   width:275px; margin: 0  0px 10px 0;  }
.layout2 img{ border:0px solid #dedede; margin: 0 0 10px 0; }
.layout2 h1 { font-size: 2em;}
.layout2 .text { font-size: 1em; }

/* image text titel */
.layout3 {  }
.layout3left { float:left;  ; width:175px; margin: 0  50px 10px 0;  }
.layout3middle { float:left;  width:175px; margin: 0  50px 10px 0;  }
.layout3right {	float:left;	 width:175px;	margin: 0 0px 10px 0px; }
.layout3 img{ border:0px solid #dedede; margin: 0 0 10px 0; }
.layout3 h1 { font-size: 2em;}
.layout3 .text { font-size: 1em; }


 /* swf  */
.layout6 { margin: 10px 10px 10px 35px; }

 /* text - bild 120  */
.layout10 { margin: 10px 0px 10px 0px; }
.layout10-text {  float:left;  width:325px;  margin: 0px 0px 0px 0px; padding:0; }
.layout10 img { float:right; margin: 5px 0px 0px 15px; border:0px solid #FF9900; }
 
 /* bild 120 - text */
.layout11 { margin: 10px 0px 10px 0px;}
.layout11-text {float:right; width:305px;  margin: 0px 15px 0px 0px; padding:0; }
.layout11 img { float:left;  margin: 5px 15px 0px 0px; border:0px solid #FF9900; }

 /* text */
.layout12 { margin: 10px 0px 10px 25px; }

 /* bilder */
.layout13 {  padding:0px 0px 0px 0px;}
.layout13 img { border:0px solid #FF9900; margin-bottom:10px; margin-left:25px; float:right; cursor:pointer;}
.layout13beschreibung {  clear:both; width:475px; overflow:hidden; margin-left:150px; padding:15px 0 15px 0;  }
.layout14 {  padding:10px 0px 10px 0px;}
.layout14 img { border:0px solid #FF9900; }
.layout20 {  padding:10px 0px 10px 0px;}
.layout20 img { border:0px solid #FF9900; margin-bottom:10px; margin-right:30px; }

 /* projekte */
.layout27 { margin: 0px 10px 10px 50px; }
.layout27 ul {	margin: 5px 0 15px -10px;  } 
.layout27 a {	color: #000000;	text-decoration:none; font-weight:normal; } 
.layout27 a:link{   color: #000000; text-decoration:none; }
.layout27 a:visited {color: #000000; text-decoration:none; }
.layout27 a:focus { color: #ff6501; text-decoration:none;}
.layout27 a:focus { -moz-outline-style: none;text-decoration:none; }
.layout27 a:hover { color: #ff6501; text-decoration:none; }
.layout27 a:active { outline: none; text-decoration:none;}


.proliste { clear:both; float:right;   width:475px; }
.proliste img { float:right; border:0px solid #FF9900; margin-bottom:10px; margin-left:10px; cursor:pointer; }
.proliste h1 { font-size:1em; text-align:right; }
.proliste h1 a{  color:#FF9900; }
.proliste h1 a:hover{  color:#ffffff; }
.proliste .text{ text-align:right; margin-right:110px; }

#proliste { list-style:none;}
#proliste li { clear:both;  }
#proliste a{ display:block;   color:#FF9900; height:75px; margin-bottom:25px; }
#proliste a:hover{    color:#ffffff; }
#proliste img { float:right; border:0px solid #FF9900; margin-bottom:10px; margin-left:10px; cursor:pointer; }
#proliste h1 { font-size:1em; font-weight:bold; text-align:right; }
#proliste a h1 {  color:#FF9900; }
#proliste a:hover h1 {  color:#ffffff; }
#proliste a .text{  color:#4c4c4c; font-weight:normal; text-align:right; margin-right:110px; }
#proliste a:hover .text{  color:#ffffff; font-weight:normal;  text-align:right; margin-right:110px; }


.projekt { clear:both; float:right;  width:625px; }
.projekt img { float:right; border:0px solid #FF9900; margin-bottom:20px; margin-left:16px; cursor:pointer; }
.projekt .projekttext {clear:both; margin-top:100px;   }
.projekt h1 { font-size:1em; text-align:right; }
.projekt h1 a{  color:#FF9900; }
.projekt .text{ clear:both; text-align:right; margin-right:0px;   } /* margin-right:466px; */



/* adminbereich */
/* adminbereich */
/* adminbereich */
.titel { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#FF9900; font-size: 26px;  margin: 0 ; padding: 0 0 6px 0; font-weight:normal; letter-spacing:-1px; 
 }

.imageliste { padding:0px 0 0 35px; }
.imageliste img { border:1px solid #FF9900; margin-bottom:10px; margin-right:10px; }

.adminmenu {
	width:100px; text-align:right;
	margin-top:25px;

}
 
label { display:block; width:150px; margin:0 0 0 10px; }

.button {
border:1px solid #b4b4b4;
background-color:#FF9900;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
cursor:pointer;
}
.button:hover {
border:1px solid #b4b4b4;
background-color:#FFFFFF;
color:#FF9900;
font-size:16px;
font-weight:bold;
cursor:pointer;
}
 
.input_field {
font-size:16px; 
color:#4c4c4c;
font-weight:bold;
margin:5px 10px 15px 10px; 
width:600px;
}
.layoutbutton {
height:20px;
width:49px;
border: 1px solid #FF9900;
}
.info { font-size:11px; font-weight:normal; float:right; width:500px; padding-top:20px; }

.first {font-size:18px; color:#4c4c4c;  }
.second {font-size:16px; color:#4c4c4c; margin-top:10px;  }
.third {font-size:14px; color:#4c4c4c;  }
 
  /* MOOTOOLS TIPS  */
.tip {
	text-transform:uppercase;
	max-width:400px;
	border: 1px solid #ffffff;
	background-color: #FF9900;
	padding: 2px;
}
.tip-title {
	color: white;
	background-color: #FF9900;
	font-size: 16px;
	padding: 0px;
}
.tip-text {
	text-align:left;
	color: white;
	padding: 2px;
}

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}