/* 	SCREEN-stylesheet v25.06.2006
	PLANUM
	                                                     
                                                        ,M3:::MM,
                                                       ;3:    :3\         :
                                                       M3_ 3  _3M      :: ::
                                              .,;:     M3/PM2M\MM    .:33 38
                                             33:::3:   M3'2M:M'MM   33333MMM
                                            .33M3:333  M33 ;:,  M 333M333MMM
                                            ;33M3:MMM3 Mq: "MM :M:MMMM138MMM
                                            'M3MF23'MMM831:M3M3MMMMM7 ;MMM3M
                                             MM3331  ':MM33211:3MMM7',MMMM3M
                                             MM8332    'MM3:_:33F7'  7MMM33M
                                             PM83j3;    ?MRMMMMM"   .PMMM33F
                                             "MMMMM3a,. ;FMMMMMFa.,.iMMM233'
                                             'GMMMF3: :::;13 : ::3;  TMMMFF
                                              PMMM:::     "33331;:'   "MM1
                                              "MMF:::     .:33;::'     ;M"
                                               "M3:       ;.§          M"
                                                 M;.(#)    :  :   (#).:M
                                                 \3 "'   7.  :§   '": M"
                                                  MMMM3:33    :3MM3::33
                                                  3MMMM3P'  :. 'F3M33M'
                                                  "3MM3P"   ':  'PMMMF
                                                   1MP:::  .::.   "MMF
                                                    F:33::.::::. :."F
                                                   ,31:3::::::::. ::1;
                                                   aM3M3\:::::733332:3
            ______________________________________;PM3337;:::::2332:23\_____ source by )|( 
*/



/*  ALLGEIMENE HTML ELEMENTE ANSPRECHEN */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #808080;
	color: #FF9900;                  /* KONTROLLFARBE */
	font-size: 11px;
}

a {color: #555555;}                /* KONTROLLFARBE */

/* HOVEREFFEKT FÜR BILDER IN EINER ANCHOR-BOX - CSS2 (EXPLORER 6 NUR MIT csshover.htc (javascript)) */

a img:hover {
	-moz-opacity:0.60; 
	filter:alpha(opacity=60);
	-khtml-opacity:0.60;
}

/*  SPEZIELLE KLASSEN UND IDs ANSPRECHEN  */
/*  ID MENU:  vertikal pos. liste (EXPLORER 6 NUR MIT csshover.htc (javascript)) */

#menu {
width: 139px; /*  weite des menues */
background: #515151;
} 

#menu ul { /* listenpunkte entfernen */
list-style: none;
margin: 0;
padding: 0;
}

/* style, farbe, größe und uberschriften */
#menu a, #menu h2 {
	font: bold 12px/18px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #515151 #515151 #515151 #515151;
	margin: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#menu h2 {  /* ist fürn arsch - wird durch tennlinien ersetzt..... - ggf ID für  linien-weite (gif) zurordnen */
color: #fff;
background: #515151;
text-transform: uppercase;
}

#menu a {
	color: #fff;
	background: #515151;
	text-decoration: none;
	text-align: right;
	padding-right: 10px;
}
#sub a {background: #666666;
	-moz-opacity:0.90; 
	filter:alpha(opacity=90);
	-khtml-opacity:0.90;}


#menu a:hover {
color: #8FE80B;

}

#menu li {
/*  list elemente als block für eingebettete listen */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* rechts zum übergeordeneten block - ähm-bzw links zum untergeordneten ;-)) */
width: 100%; /* width basiert auf übergeortnetem block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* HAUPTBOX */
#wrap {
background-color:#FFFFFF;    /* tzzz ich weiss immer noch nicht wozu ich das gemacht habe.... */
}


/* INHALTSBOXEN */
/* WEICHCODIERUNG DER TABELES FÜR BARRIEREFREIE BREITE */

.width_border_left {
width:226px;
height:2px;
}
.width_border_white {
width:2px;}

.width_border_right {
width:652px;
height:2px;
}
.height_border_copy {
width:2px;
height:173px;}

.height_border_imprss {
width:2px;
height:40px;}

.height_border_foot {
width:2px;
height:17px;}

#width_left_green {
	width:226px;
	height:17px;
	background-color: #B7FF4A;
}

#width_right_green {
width:652px;
height:17px;
background-color: #B7FF4A;}


#head_slogan {
	background-image: url(Bilder/planum_slogan.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.copy_content {
	width:520px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	list-style-image: url(Bilder/green-dot.gif);
	list-style-type: none;
}

.copy_content a  {
color: #666666;}

.copy_content a:visited  {
	color: #888888;
	text-decoration: none;
}

.copy_content a:hover  {
	color: #aaaaaa;
	text-decoration: none;
}
#copy_width {width: 640px;}

#copy_scroll  {
	overflow: auto;
	height: 250px;
	width: 620px;
	scrollbar-base-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #cccccc;
	padding-right: 20px;
}

.copy_content h1, .copy_content h2 {font-size: 12px;}

#copy_left_subcontent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #333333;
	text-align: left;
	
}
#copy_left_subcontent, #copy_left_subcontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #333333;
	text-align: left;
	padding-left: 20px;
}

#copy_left_subcontent a {
	color: #666666;
	text-decoration: none;
}

#copy_left_subcontent a:hover {
	color: #999999;
	text-decoration: none;
	text-decoration: underline;
}

#copy_bild_border {
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #777777;
	border-right-color: #515151;
	border-bottom-color: #515151;
	border-left-color: #515151;
}
/* projektnavi wohnungsbau sanierung, gewerbe */
.copy_subnavi h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #FFFFFF;
}




.copy_subnavi a {
	color: #ffffff;
	text-decoration: none;
}

.copy_subnavi a:hover {
	color: #333333;
	text-decoration: none;
}



.subnavi_projekt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #bbbbbb;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
	
	/*
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #FFFFFF;
	*/
}

.subnavi_projekt a {
	color: #515151;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}

.subnavi_projekt a:hover {
	color: #ffffff;
	text-decoration: none;
}


.subnavi_projekt_main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;

}

.subnavi_projekt_main a {
	color: #333333;
	text-decoration: none;
}

.subnavi_projekt_main a:hover {
	color: #ffffff;
	text-decoration: none;
}



#copy_gallery {
	width: 582px;
	height: 263px;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 40px;
	overflow: auto;
	scrollbar-arrow-color: #808080;
	
/* scrollbar design - nicht offizielelr standard - funktioniert nur auf explorer */
scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #cccccc;
}

.gallery_thumbwidth {
 width: 330px;}
.gallery_thumb {143px}

.gallery_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 197px;
	text-align: left;	
}

.gallery_text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

.gallery_text a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: underline;
}


#footer_navi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
	padding-left: 22px;
}

#footer_navi a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;

	text-decoration: none;
}

#footer_navi a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;

	text-decoration: underline;
}

#footer_nav_rechts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	padding-right: 22px;

}

#footer_nav_rechts a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;

	text-decoration: none;
}

#footer_nav_rechts a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;

	text-decoration: underline;
}




/* DIESE KLASSE IST VORRANGIG FÜR DIE ADRESSE IM FOOTER DES HTML-CODES GEDACHT - WIRD NUR IM DRUCK-CSS AUSGEGEBEN */
.print {
display:none;}



/*Formulare */

.formbutton {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold;	
	color: #333333;
	border-width: 1px;
	padding: 1px;

}


.formtabelle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	letter-spacing: 1px;
	word-spacing: 3px;
	text-transform: none;
	display: run-in;


}
textarea  {
	background-color: #FFFFFF;
	font-family: Courier New, Courier, mono;
	color: #666666;
	font-size: 11px;
	cursor: hand;
	cursor: hand;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	cursor: pointer; cursor: hand;
}
input    {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 8pt;
	font-style: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-color: #293A4C;
	border-right-color: #293A4C;
	border-bottom-color: #999999;
	border-left-color: #293A4C;
	cursor: pointer; cursor: hand;


}

font {
	font-size: 11px;
}