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

body, html {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}


html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
width:695px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
border:1px solid #ff6501;
border-right:13px solid #b4b4b4;
margin-top:50px;
} 
 
#header{
 position:relative; 
 height:236px; 
 margin:8px 22px 0px 99px;
 padding:0;
} 
 
#leftcol{
 width:232px; 
 float:left; 
 position:relative; 
 }
 
#maincol{
	float: right;
	display:inline;
	position: relative;
	width:440px;
	margin-right:22px;
 }
 
#wrapper {
background:url(gfx/wrapper_695.gif) repeat-y #FFFFFF;
margin-bottom:50px;

}
 
 /* *** 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:  Arial,Verdana,  sans-serif;
	font-size: 11px;
	color: #000000;
  }

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

h1,h2,h3,h4,h5,h6 {	font-family: Arial, Helvetica, sans-serif;	color:#ff6600; }
h1 { font-size: 26px;  margin: 0 ; padding: 0 0 6px 10px; font-weight:normal; letter-spacing:-1px;  }
h2 { font-size: 20px;  margin: 0 ; padding: 0 0 6px 10px; font-weight:normal;  }
h3 { font-size: 16px;  margin: 0 ; padding: 0 0 6px 10px; font-weight:normal;  }

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

#navi {
	background-color:#ff6501;
	list-style:none;
	padding:10px 0;
	text-align:right;
	margin: 0px 8px 40px 99px;
}
#navi li {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:23px;
padding-right:10px;
letter-spacing: -1px;
font-weight: bolder;
}
#navi li a{color:#FFFFFF; text-decoration:none;}
#navi li a:link{   color: #FFFFFF; text-decoration:none; }
#navi li a:visited {color: #FFFFFF; text-decoration:none; }
#navi li a:focus { color: #000000; text-decoration:none;}
#navi li a:focus { -moz-outline-style: none; }
#navi li a:hover { color: #000000; text-decoration:none; }
#navi li a:active { outline: none; }


#projekteliste { padding:10px 0 0 30px; }
#projekteliste li { margin-left:20px; }
#projekteliste a {	color: #000000;	text-decoration:none; font-weight:normal;} 
#projekteliste a:link{   color: #000000; text-decoration:none; }
#projekteliste a:visited {color: #000000; text-decoration:none; }
#projekteliste a:focus { color: #ff6501; text-decoration:none;}
#projekteliste a:focus { -moz-outline-style: none; }
#projekteliste a:hover { color: #ff6501; text-decoration:none; }
#projekteliste a:active { outline: none; }

.newsliste  { margin-top:40px; }
#newsliste { list-style:none; }
#newsliste li { padding-top:20px; }
#newsliste h2{ padding:0px; }


#accordion { padding-bottom: 20px;  }
#accordion h3 { cursor:pointer; border:1px solid #ffffff;  }
#accordion .active { background-color:#ff6600; padding-top:5px; }
#accordion .accordion_toggle {background-color:#ff6600;	padding-top:5px; border:1px solid #ffffff;  }

 /* swf  */
.layout6 { margin: 10px 10px 10px 40px; }
/* flv */
.layout7 { margin: 10px 0px 20px 40px; }
/* mp3 */
.layout9 { margin: 10px 0px 20px 40px; }

 /* text - bild 120  */
.layout10 { margin: 10px 0px 10px 40px;  }
.layout10-text {  float:left;  width:260px;  margin: 0px 0px 0px 0px; padding:0;  }
.layout10 img { float:right; margin: 10px 0px 0px 15px; border:1px solid #ff6600;  }
 
 /* bild 120 - text */
.layout11 { margin: 10px 0px 10px 40px;}
.layout11-text {float:right; width:260px;  margin: 0px 0px 0px 0px; padding:0;  }
.layout11 img { float:left;  margin: 10px 15px 0px 0px; border:1px solid #ff6600;  }

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

 /* bilder */
.layout13 {  padding:0px 0 0 30px; background-color:inherit;}
.layout13 img { border:1px solid #ff6600; margin-bottom:10px; margin-left:11px; }
.layout20 {  padding:0px 0 0 30px;}
.layout20 img { border:1px solid #ff6600; margin-bottom:10px; margin-left:11px; }

.layout14 {  padding:10px 0 10px 40px;}
.layout14 img { border:0px solid #ff6600; }
.layout15 {  padding:10px 0 10px 40px;}
.layout15 img { border:0px solid #ff6600; }

 /* 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;}

/* adminbereich */
.titel { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#ff6600; 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 #ff6600; margin-bottom:10px; margin-right:10px; }
 
.button {
border:1px solid #b4b4b4;
background-color:#FF6600;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
cursor:pointer;
}
.button:hover {
border:1px solid #b4b4b4;
background-color:#FFFFFF;
color:#FF6600;
font-size:16px;
font-weight:bold;
cursor:pointer;
}
 
.input_field {
font-size:14px; 
color:#FF6600;
font-weight:bold;
margin-top:15px;
width:440px;
}
.info { font-size:11px; font-weight:normal; float:right; width:350px; padding-top:20px; }

.layoutbutton {
height:20px;
width:50px;
border: 1px solid #ff6600;
}
.first {font-size:18px; color:#FF6600;  }
.second {font-size:14px; color:#FF6600;  }
.third {font-size:12px; color:#FF6600; float:left; width: 150px; padding: 5px;  }
 
 /* MOOTOOLS TIPS  */
.tip {
	text-transform:uppercase;
	max-width:400px;
	border: 1px solid #ffffff;
	background-color: #FF6600;
	padding: 2px;
}
.tip-title {
	color: white;
	background-color: #FF6600;
	font-size: 20px;
	padding: 2px;
}
.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;}
}