/*------ basic elements -------------------------------------------------------------*/


/*
  body { color: blue; background: white; }
  body { margin-left: 10%; margin-right: 10%; }
  body { font-family: Verdana, sans-serif; }
  
  h1 { margin-left: -8%;}
  h2,h3,h4,h5,h6 { margin-left: -4%;}
  h2.my_subsection { margin-top: 4em; margin-bottom: 3em; }
  h1 { font-family: Garamond, "Times New Roman", serif; }
  h1 { font-size: 200%; }
  h2 { font-size: 150%; }
  h3 { font-size: 100%; }
  pre { font-family: monospace; }
  h1,h2,h3,h4,h5,p,ul { font-family: sans-serif; }
  div.my_thin_box { border: solid; border-width: thin; width: 100%; }
  div.my_box { border: solid; border-right:none; border-top:none; border-width: 3px; width: 100%; }
  div.color {
    background: rgb(204,204,255);
    padding: 0.5em;
    border: none;
*/
/*----------*/
 
 
/* ------------- */    


* 	{ /*all text*/
	font-family: Arial, Helvetica, sans-serif;
        /*font-size:1.2em;*/ /*font-size: large ; */        
	color:#555;
}

html, body, table, a:link{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	border:solid red 0px;
	}
	
table{
	border: solid white 0px; 
	background-color: #FFF;
	background-color:transparent;
	}

image, tr, td{
        /*border: solid blue 10px; */
	background-color: #FFF;
	background-color:transparent;
}        
        
html, body{ 
        border: solid blue 0px;
        font-size:1.2em;/*font-size: large ; */
        font-weight: bold; 
        text-decoration: none ;
        
        color: rgb(0, 0, 0); 
        background-color: transparent;/*rgb(200, 200, 200);*/
        /*background:#AAA;*/
        background-image: url("brick_tile_brighter.jpg"); 
        background-position:-38px 35px;
        /*background-position:-0.1% 0%px;*/
        background-size: 70%;    /*CSS 3*/
        /*margin:30px; padding:10px;*/
        /*background-attachment:fixed;*/
}

a	{
	white-space:nowrap;
	/*border-left: 4px solid #FCC;*/
	}

a:link2{
	color:#555;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding: 0.0em;
	border: 1px solid black;
        border-left-color: white; 
        border-top-color: white;
	}

a:link{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding: 0.0em;
	}

a:visited{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	}

a:hover{        /*menu mouse hover color*/
	text-decoration:none;
	padding-right:0.5em;
	display:block;
	font-weight:bold; 
	color:#FFF; 
	/*background-color: rgb(108, 0, 78); */
        background-color:#802d1b
}

*.selected_menu_color{		/*current selected in nav menu*/
	color: #802d1b; /*rgb(108, 0, 78);*/
	background-color: #FFF;
	font-size: 1.1em;
	display:block;
}

*.archi_col {
	color:#802d1b;/*rgb(108, 0, 78);*/
	font-weight:bolder;
	font-size:1.1em;
	}

*.first-letter { /*First Letter Green*/
	color:rgb(108, 0, 78); 
}

pre{
	color:#000080;
	font-family:monospace;
	}
	
	
/*------ css boxes -------------------------------------------------------------*/
	


#container {    /*top level, all*/
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px; 
        padding: 0px; 
	border: 0px solid blue;
	/*background: #FFF;	---debug---*/
	width: 100%;
	height: 100%;
	overflow:hidden;
	/*overflow:visible;*/
	/*z-index:0;*/
	}


#struck_architektur_rahmen_zeichnung{
	position: absolute;
	left: 0%;
	top: 0%;
	/* margin: 1em 10% 0px 10%; top right bottom left */
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
        /*width: 1000%; no effect ? */
	/*background: #FFF;	---debug---*/
	/*
        width: 70%;
	min-width: 500px;
	height: 152px;
        */
        /* IE 8 */
        /*  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */

          /* IE 5-7 */
        /*  filter: alpha(opacity=50); */

          /* Netscape */
         /* -moz-opacity: 0.5; */

          /* Safari 1.x */
          /* -khtml-opacity: 0.5; */

          /* Good browsers */
          opacity: 0.7; 
	}



#menu_1{/*top level nav menu*/
	position: absolute;
	top: 200px;
	left: 80px;
	margin: 0px; /* äußerer Abstand vom Rand um die box herum*/
	padding-top: 0em;
	padding-right: 0px;
	border: 0px solid #2cc;
	/*background: #FFF;	---debug---*/
	width: 220px;
        /*min-width: 300px;*/
	/*height: 20em;*/
	line-height: 1.5em;
	overflow:show;
	z-index:2;
	}


#seiten_inhalt { 
	position: absolute;
	top: 0px;/*100px;*/
	left: 0px; /*314px;*/
	border:  0px solid red;
        overflow: auto; /*auto: optional scrollbars, requires width and height set*/
        background: #FFF;	
        /*width: 1200px;*/
        /*height: 98%;*/
	/*z-index:1;*/
/*
        white-space: nowrap;
	margin: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	z-index:8;
*/
	}

#page{
    margin-top:80px;
    padding: 20px;
    background:#ffffff;
}	

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;	/*make this big enough for horizontal menue*/
    background-color: #f1f1f1;
}

#menu li a {
    display: block;  /*whole rectangular area is sensstive to mouse hover/click*/
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

/* Change the link color on hover */
#menu li a:hover {
    background-color: #555;
    color: white;
}

/* link flashes during on click */
#menu li a:active {
    background-color: #4CAF50;
    color: white;
}

#menu ul {
    /*border: 10px solid #555;*/
}

#menu li {
    width: 33%;
    display: inline; 	/* Horizontal Navigation Bar */ 
    text-align: center;
    border: 1px solid #555;
}

#menu li:last-child {
    /* border-bottom: none; */	/* Show currently used link */
}

#menu li {
    float: left; 
}

#menu a {
    display: block;
    padding: 16px;
    background-color: #dddddd;
}