html,body, #frame
{
	background-color: #ffffff;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

* 
{
	font-size: 100%;
}

/*Contenido Texteditor*/
a, a:link, a:hover, a:active
{
	color: #484849;
	font-family: Arial, Verdana, Sans serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 15px;
	text-decoration: underline;
}

/*Bildnavigation 'Projekte'*/
 a.picnavi, a.picnavi:link
{
	color: #484849;
	font-family: Arial, Verdana, Sans serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 15px;
	text-decoration: none;
}

/*Bildnavigation 'Projekte'*/
a.picnavi:hover, a.picnavi:active
{
	color: #7e7b1e;
	font-family: Arial, Verdana, Sans serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 15px;
	text-decoration: none;
}

/*Zentrierung der "Inhaltstabelle" */
#frame 
{
	border: 0;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	vertical-align: middle;
}

/*Zentrierung der "Inhaltstabelle" */
#core 
{
	border: 0;
	height: 600px;
	margin: 0 auto;
	padding: 0;
}

#contentwrapper
{	
	border: 0;
	color: #484849;
	font-family: Arial, Verdana, Sans serif;
	font-size: 11px;
	float: left;
	height: 600px;
	letter-spacing: 0.015em;
	line-height: 15px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 950px;
}

#logo
{
	border: 0;
	float: left;
	margin: 0; 
	padding: 36px 0px 37px 24px;
}

div.menucontainer
{
	border: 0;
	float: left;
	margin: 0;	
	padding: 0px 0px 0px 23px;
	text-align: left;
}

div.menu
{
	border: 0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	float: left;
	margin: 0;	
	padding: 0;
	width: 902px;
}

#vpnavigation 
{
	border: 0;
	float: left;  
	margin: 0;
 	padding: 0;
 	/*width: 100%;*/
}

#langmenu
{
	border: 0;
	float: right;
	margin: 0;	
	padding: 6px 21px 7px 0px;
}

/*Diashow auf der Startseite*/
#gallery
{
	border: 0;
	float: left;
	margin: 0; 
	padding: 0;
}

#contentframe
{
	border: 0;
	float: right;
	height: 385px;
	margin: 0; 
	padding: 0;
	width: 927px;
}

#contentleft
{
	border: 0;
	float: left;
	margin: 0; 
	padding: 24px 0px 0px 0px;
	width: 143px;
}

#contentright
{
	border: 0;
	float: right;
	margin: 0; 
	padding: 0;
	width: 779px;
}

/*Mittlerer Inhaltsbereich - Bildergalerie Projekte*/
#picgallery
{
	border: 0;
	float: left;
	height: 327px;
	margin: 28px 0px 0px 0px;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 455px;
}

/*Mittlerer Inhaltsbereich - Bildergalerie Projekte - Editiermodus*/
#picgalleryedit
{
	border: 0;
	float: left;
	margin: 28px 0px 0px 0px;
	padding: 0;
	text-align: right;
	vertical-align: top;
	width: 455px;
}

/*Mittlerer Inhaltsbereich - Projekte - Editiermodus*/
div.picgalleryeditinner
{
	border: 0;
	margin: 0;
	padding: 0px 50px 20px 0px;
	text-align: left;
}

/*Mittlerer Inhaltsbereich - Bildnavigation noscript*/
#picmenu
{
	border: 0;
	clear: both;
	margin: 0;
	padding: 8px 0px 0px 0px;
	text-align: left;
	width: 455px;
}

/*Mittlerer Inhaltsbereich - Bildergalerie Projekte "Wohnhaeuser"*/
#galleryoverview
{
	border: 0;
	float: left;
	margin: 28px 0px 0px 0px;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 455px;
}

/*Mittlerer Inhaltsbereich - schmales Bild*/
#smallpic
{
	border: 0;
	float: left;
	margin: 28px 0px 0px 0px;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 239px;
}

/*Rechter Inhaltsbereich Projekte*/
#picgallerytxt
{
	border: 0;
	float: right;
	margin: 28px 0px 0px 0px;
	padding: 0;
	text-align: left;
	width: 313px;
}

/*Rechter Inhaltsbereich Projekte - Editiermodus*/
#picgallerytxtedit
{
	border: 0;
	height: 330px;
	float: right;
	margin: 25px 0px 0px 0px;
	overflow: auto;
	position: relative;
	padding: 0;
	text-align: left;
	width: 313px;
}

/*Scrollbereich Text*************/
#scroll-container 
{
	border: 0;
	height: 330px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 313px;
}

/*'overflow', 'width' werden per Javascript in HTML-Datei überschrieben*/
#scrollwrapper
{
	border: 0;
	height: 330px;
	left: 0;
	margin: 0;
	position: absolute;
	overflow: auto;
	padding: 0;
	top: 0;
	width: 313px;
}

/*'clip' wird per Javascript in HTML-Datei gesetzt, 'padding' und 'width' überschrieben*/
#content 
{
	border: 0;
	/*clip: rect(0px, 292px, 292px, 0px);*/
	left: 0;
	margin: 0;
	position: absolute;
	padding: 0px 10px 0px 0px;
	top: 0;
	overflow: hidden;	
	width: 272px;
}

#content p:first-child 
{	
	margin-top: -3px;
}
	
#track 
{
	border: 0;
	display: none;
	position: absolute;
	left: 300px;
	top: 15px;
	width: 16px;
	height: 239px;
	background: #ffde9f;
}
	
#handle 
{
	border: 0;
	display: none;	
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 10px;
	background: #ffa600;
}

/*'display' wird per Javascript in HTML-Datei überschrieben*/
#button-up 
{
	background: url(../art/btn-scroll-up.gif) top left no-repeat;
	border: 0;
	display: none;
	cursor: pointer;
	position: absolute;
	top: 308px;
	left: 292px;
	width: 13px;
	height: 7px;
}

/*'display' wird per Javascript in HTML-Datei überschrieben*/	
#button-down 
{
	background: url(../art/btn-scroll-down.gif) top left no-repeat;
	border: 0;
	display: none;
	cursor: pointer;
	position: absolute;
	top: 320px;
	left: 292px;
	width: 13px;
	height: 7px;
}

/*Ende Scrollereich**********************************/



/*Rechter Inhaltsbereich - breit*********/
#txtlarge
{
	border: 0;
	float: right;
	margin: 25px 0px 0px 0px;
	padding: 0;
	text-align: left;
	width: 529px;
}

/*Rechter Inhaltsbereich - breit - Editiermodus*/
#txtlargeedit
{
	border: 0;
	height: 330px;
	float: right;
	margin: 28px 0px 0px 0px;
	overflow: auto;
	position: relative;
	padding: 0;
	text-align: left;
	width: 529px;
}

/*Scrollbereich Text - breit*************/
#scroll-container-large
{
	border: 0;
	height: 330px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 529px;
}

/*'overflow', 'width' werden per Javascript in HTML-Datei überschrieben*/
#scrollwrapper-large
{
	border: 0;
	height: 330px;
	left: 0;
	margin: 0;
	position: absolute;
	overflow: auto;
	padding: 0;
	top: 0;
	width: 529px;
}

/*'clip' wird per Javascript in HTML-Datei gesetzt, 'padding' und 'width' überschrieben*/
#content-large
{
	border: 0;
	/*clip: rect(0px, 292px, 292px, 0px);*/
	left: 0;
	margin: 0;
	position: absolute;
	padding: 0px 10px 0px 0px;
	top: 0;
	overflow: hidden;	
	width: 328px;
}

#content-large p:first-child 
{	
	/*margin-top: -3px;*/
}
	
#track-large 
{
	border: 0;
	display: none;
	position: absolute;
	left: 300px;
	top: 15px;
	width: 16px;
	height: 239px;
	background: #ffde9f;
}
	
#handle-large
{
	border: 0;
	display: none;	
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 10px;
	background: #ffa600;
}

/*'display' wird per Javascript in HTML-Datei überschrieben*/
#button-up-large
{
	background: url(../art/btn-scroll-up.gif) top left no-repeat;
	border: 0;
	display: none;
	cursor: pointer;
	position: absolute;
	top: 311px;
	left: 508px;
	width: 13px;
	height: 7px;
}

/*'display' wird per Javascript in HTML-Datei überschrieben*/	
#button-down-large 
{
	background: url(../art/btn-scroll-down.gif) top left no-repeat;
	border: 0;
	display: none;
	cursor: pointer;
	position: absolute;
	top: 323px;
	left: 508px;
	width: 13px;
	height: 7px;
}

/*Ende Scrollereich**********************************/

div.floatleft
{
	border: 0;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

div.floatright
{
	border: 0;
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}

div.clearboth
{
	border: 0;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #inline {
	display: inline;                                
}
/* End hide from IE5/mac */

/*Bildnavigation 'Projekte'*/
span.picnavihi
{
	color: #7e7b1e;
	font-family: Arial, Verdana, Sans serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 15px;
	text-decoration: none;
}

p
{	
	margin:	0;
	padding: 0;
}

/*IE < 8 img-Bug beheben*/
img
{	
	border: 0;
	display: block;
	margin:	0;
	padding: 0;
	vertical-align: top;
}

/*in den Bildgalerien kann keine Korrektur vorgenommen werden, da ansonsten 
im Firefox hochformatige Bilder nicht zentriert werden*/
#picgallery img
{	
	border: 0;
	display: inline;
	margin:	0;
	padding: 0;
	vertical-align: top;
}


br
{
	letter-spacing: 0;
}

#contentwrapper table
{
	border: 0;	
	color: #484849;
	font-family: Arial, Verdana, Sans serif;
	font-size: 11px;
	letter-spacing: 0.015em;
	line-height: 15px;
	margin:	0;
	padding: 0;
}

#content table td
{
	border: 0;
	margin:	0;
	padding: 0px 14px 2px 0px;
}

#content-large table td
{
	border: 0;
	margin:	0;
	padding: 0px 12px 15px 0px;
}


/*Navigation************************/
/*Hauptnavigation*******************/
 /* alle Listen */
#vpnavigation ul 
{
 	list-style: none;
	line-height: 1; 
	margin: 0;
   	padding: 0;
   	text-align: left;
}

#vpnavigation ul li 
{
	border: 0;
	display: block;
   	float: left;
	margin: 0;
	padding: 0;
}

/* all list items */
#vpnavigation ul li:hover a, #vpnavigation ul li.sfhover a 
{
	color: #7e7b1e;	
}

#vpnavigation ul li a 
{
	border: 0;
	/*background: url(../art/bg-menu.gif) no-repeat bottom left;*/
	display: block;
	color: #7a7a7b;
   	font-family: Arial, Verdana, Sans serif;
   	font-size: 10px; 
   	font-weight: bold;
   	letter-spacing: 0.02em;
   	line-height: 14px;
   	margin: 0;
	padding: 6px 0px 7px 0px; 
	text-decoration: none;	
}

#vpnavigation ul li#active a 
{ 
	color: #7e7b1e;
}

#vpnavigation ul li.activepath a 
{
	color: #7e7b1e;
}

/* Listen 2. Ebene */
#vpnavigation ul li ul 
{ 
	border: 0;
	border-bottom: 1px solid #f8f7f3;
 	position: absolute;
   	left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
   	margin: 0;
   	padding: 0;
   	width: 148px;
   	z-index: 100;
}

#vpnavigation ul li ul li 
{
	background: url(../art/bg-menu.gif) repeat-x top left;
	border: 0;
	clear: both;
	font-family: Arial, Verdana, Sans serif;
	font-size: 10px; 
	letter-spacing: 0.02em;
	line-height: 13px;
	margin-right: 1px;
	padding: 1px 0px 0px 0px;
}

#vpnavigation ul li ul li a 
{
	background-color: #f8f7f3;
	border: 0;
	color: #484849 ! important;
	display: block;
	font-family: Arial, Verdana, Sans serif;
	font-size: 10px; 
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 13px;
	margin: 0px;
	padding: 4px 0px 5px 0px;
	text-align: left;
	text-decoration: none;
	/*width: 130px;*/
	width: 100%;
}

#vpnavigation ul li ul li a:hover 
{
	border: 0;
	background-color: #f8f7f3;
	color: #7e7b1e ! important;
	font-size: 10px; 
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 13px;
}

#vpnavigation ul li ul li#active 
{
	background: url(../art/bg-menu.gif) repeat-x top left;
	display: block;
	margin: 0;
	padding: 1px 0px 0px 0px;
}

#vpnavigation ul li ul li#active a 
{
	border: 0;
	background-color: #f8f7f3;
	color: #7e7b1e ! important;
	font-weight: bold;
	letter-spacing: 0.02em;
}

#vpnavigation ul li ul li.activepath 
{
	background: url(../art/bg-menu.gif) repeat-x top left;
	display: block;
	margin: 0;
	padding: 1px 0px 0px 0px;	
}

#vpnavigation ul li ul li.activepath a 
{
	border: 0;
	background-color: #f8f7f3;
	color: #7e7b1e ! important;
	font-weight: bold;
}

/* Listen 3. Ebene und weiter */
#vpnavigation ul li ul ul 
{ 
  	 margin: -1em 0 0 10em;
}

#vpnavigation ul li:hover ul ul, #vpnavigation ul li.sfhover ul ul 
{
   	left: -999em;
}

/* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
#vpnavigation ul li:hover ul, #vpnavigation ul li li:hover ul, 
#vpnavigation ul li.sfhover ul, #vpnavigation ul li li.sfhover ul 
{ 
   	left: auto;
   	margin-right: 1px; /*IE7 überlisten*/
}

/*Hauptmenuepadding rechts*/
#vpnavigation a span.navspacer
{
	border: 0;
	display: block;
	margin: 0;
	padding: 0px 0px 0px 2px;
}

/*Submenuepadding links*/
#vpnavigation a span.subnavspacer
{
	border: 0;
	display: block;
	margin: 0;
	padding: 0px 0px 0px 10px;
}

/*Contentmenue********************/
#contentleft ul.contentmenu
{
	border: 0;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 2px;
}

#contentleft ul.contentmenu li
{
	border: 0;
	color: #484849;
	font-family: Arial, Verdana, Sans serif;
	font-size: 10px; 
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 14px;
	margin: 0;
	padding: 0px 0px 4px 0px;
	text-align: left;
	text-decoration: none;
}

#contentleft ul.contentmenu li a
{
	border: 0;	
	color: #484849;
	font-family: Arial, Verdana, Sans serif;
	font-size: 10px; 
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 14px;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
}

#contentleft ul.contentmenu li.hi, #contentleft ul.contentmenu li.hi a
{
	border: 0;	
	color: #7e7b1e;
	font-family: Arial, Verdana, Sans serif;
	font-size: 10px; 
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 14px;
	margin: 0;
	padding: 0px 0px 4px 0px;
	text-align: left;
	text-decoration: none;
}

#contentleft ul.contentmenu li a:hover
{
	color: #7e7b1e;
	font-weight: bold;
}

/*Sprachmenue********************/
#langmenu ul.langmenu
{
	border: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#langmenu ul.langmenu li
{
	border: 0;
	float: left;
	font-family: Arial, Verdana, Sans serif;
	font-size: 11px; 
	font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 14px;
	margin: 0;
	padding: 0;
}

#langmenu ul.langmenu li a
{
	border: 0;	
	color: #484849;
	font-family: Arial, Verdana, Sans serif;
	font-size: 11px; 
	font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 14px;
	margin: 0;
	padding: 0;
	text-align: right;
	text-decoration: none;
}

#langmenu ul.langmenu li.hi
{
	border: 0;	
	color: #7e7b1e;
	font-family: Arial, Verdana, Sans serif;
	font-size: 11px; 
	font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 14px;
	margin: 0;
	padding: 0;
	text-align: right;
	text-decoration: none;
}
#langmenu ul.langmenu li a:hover
{
	color: #7e7b1e;
	font-weight: normal;
}