/* CSS Document */

body {	
	height:100%;
	margin:0px;
	padding:0px;
	text-align:left;
	background-image:url(../grafik/hg.gif);
	color:#4c4c4c;
	}
	
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

a {
	text-decoration:none;
}


img {
	border:0px;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#4c4c4c;
}

/* roter Balken */
#iconleiste {
	position:fixed;	
	left:0px;
	top:0px;	
	height:100%;
    width:40px;
	background-image: url(../grafik/icon.gif);
	background-repeat: no-repeat;
    background-position: bottom;    
	margin:0px;
    padding:0px;
	z-index:30;
	float:left;
	clear:right; 
}


/* Page */
#page {
	position:absolute; top:0px; left:120px; width:690px;	
	float: right;
	clear: left;
}
/* Content */
#content {
	position:relative; top:0px; left:0px; width: 500px;	
	float: left;
	
}
	
/* Header */
#header {
 	position:relative; height:100px; width:500px; left:0px; top:0px;
	
}


/* Titel */
#titel {
position:relative; height:20px; left:0px; top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#999999;
float:left;
padding: 10px 0;
}


/* Styleswitch */
#styleswitch {       
    position:relative; height:20px;	top:0px;
	float:right;
	padding: 10px 0;		
}

.style {
	padding: 0 0 0 2px;
}



/* text */
#textbox {
	position: relative; left:0px; top:0px; width:460px; height:auto;
	float:none;
	clear:both;	
	background-color: #ffffff;
	border: 1px dashed #999999;
	padding: 10px 20px;		
	}

.text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	padding: 10px 0;
}

.unterstrichen{
	text-decoration:underline;
}

/* zeittafel*/
.zeilea, .zeilea:link, .zeilea:visited, .zeilea:active {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 3px 0px 3px 20px;
	background-color: #e5e5cc;
	color:#4c4c4c;	
}
.zeileb, .zeileb:link, .zeileb:visited, .zeileb:active {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 3px 0px 3px 20px;
	background-color: #ffffff;
	color:#4c4c4c;	
}

/* gebäudedaten*/
.reihe1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 3px 10px 3px 10px;
	background-color: #e5e5cc;
	color:#4c4c4c;	
}
.reihe2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 3px 10px 3px 10px;
	background-color: #ffffff;
	color:#4c4c4c;	
}

/* layer bildhintergrund*/
#bildhg{
	background-color: #e5e5cc;
	overflow:hidden;	
}

/* skizze und text für rundgang*/
.skizze {
	float:right;
}
.skizze_txt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:160px;
	font-size:16px;
	text-align:left;
	padding: 0px 5px 0px 0px;
	color:#4c4c4c;	
}



/* footer*/
#footer{
	position:relative;
	left: 0px;
	top: 0px;
	height: 20px;
	padding: 20px 0; 
}



/*navigation in der seite (weiter, Seitenanfang,...)*/

.linknav:link, .linknav:visited, .linknav:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4c4c4c;
}
.linknav:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:14px;
	color:#4c4c4c;
}



/* Navigation */

#navigation{	
	position:relative;	
	left:0px;
	top:0px;
	float: left;	
	}

#menumain {	
	width: 157px;
	margin:140px 0 0 30px;
}
.menuitem{
	display:block;
	font-family:Arial, Helvetica, sans-serif;			
	font-size: 14px;	
	color:#999999;
	padding: 0px 10px;				
}

.menuitem:hover{
	background-color:#e5e5e5;
	color:#4c4c4c;		
}

#menuitemselect, #menuitemselect:hover {
	background-color:#e5e5e5;
	color:#4c4c4c;
}

#menusub{
	display:block;
	font-family:Arial, Helvetica, sans-serif;			
	font-size: 14px;	
	color:#999999;
	padding: 5px 0px;				
}

.menuitemsub{
	display:block;
	font-family:Arial, Helvetica, sans-serif;			
	font-size: 14px;	
	color:#999999;
	padding: 0px 20px;		
		
}

.menuitemsub:hover{
	background-color:#e5e5e5;
	color:#4c4c4c;

}