html {
	margin: 0;
	padding: 0px;
	background: #7f7f7f url(../images/bg.gif);
	font: 11px/13px Arial;
	font-weight: bold;
}

#position {
    position: relative;
    margin: 40px auto;
    width: 676px;
	height: 563px;
	border: 1px solid black;
    overflow: hidden;
}

#content {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: 563px;
	height: 563px;
	border-right: 1px solid black;
}
    
    .sqr {
        position: absolute;
        width: 140px;
        height: 140px;
        background: #fff;
    }
    
	#sqr1 {
        top: 0px;
        left: 0px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    
    #sqr2 {
        top: 0px;
        left: 141px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    
    #sqr3 {
        top: 0px;
        left: 282px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    
    #sqr4 {
        top: 0px;
        left: 423px;
        border-bottom: 1px solid #000;
    }
    
    #sqr5 {
        top: 141px;
        left: 0px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    
    #sqr6 {
        top: 141px;
        left: 141px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    
    #sqr7 {
        top: 141px;
        left: 282px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    
    #sqr8 {
        top: 141px;
        left: 423px;
        border-bottom: 1px solid #000;
    }
    
    #sqr9 {
        top: 282px;
        left: 0px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    
    #sqr10 {
        top: 282px;
        left: 141px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    
    #sqr11 {
        top: 282px;
        left: 282px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    
    #sqr12 {
        top: 282px;
        left: 423px;
        border-bottom: 1px solid #000;
    }
    
    #sqr13 {
        top: 423px;
        left: 0px;
        border-right: 1px solid #000;
    }
    
    #sqr14 {
        top: 423px;
        left: 141px;
        border-right: 1px solid #000;
    }
    
    #sqr15 {
        top: 423px;
        left: 282px;
        border-right: 1px solid #000;
    }
    
    #sqr16 {
        top: 423px;
        left: 423px;
    }

#menu {
    position: relative;
    top: 0;
    left: 0;
	float: left;
	width: 112px;
	height: 112px;
	float: left;
}

    #logo {
    	position: relative;
    	top: 0;
    	left: 0;
    	width: 112px;
    	height: 111px;
    }
    
    .button {
    	position: relative;
    	top: 0;
    	left: 0;
    	width: 112px;
    	height: 112px;
    	border-top: 1px solid black;
    }

.content_text {
    margin-top: 2px;
    margin-left: 7px;
    width: 130px;
}

.bclrright {
    border-right: 1px solid #fff !important;
}

.bclrbottom {
    border-bottom: 1px solid #fff !important;
}

img {
    border: 0;
}

p {
    margin: 0px 0px 12px 0px;
    padding: 0px;
}

a.architekt, a:visited.architekt {
    text-decoration: none;
	cursor: pointer;
	color: #329900;
}

a:hover.architekt {
    text-decoration: underline;
	cursor: pointer;
	color: #329900;
}

a.kontakt, a:visited.kontakt {
    text-decoration: none;
	cursor: pointer;
	color: #EE9946;
}

a:hover.kontakt {
    text-decoration: underline;
	cursor: pointer;
	color: #EE9946;
}

ul {
    padding-left: 0px;
}

li {
    list-style: none;
    margin-top: 8px;
}