/*       STEINHÄUSER        */
/* Webdesign by site-RAHMEN */

html, body, table, td, ul {
	font-family : arial, sans-serif;
	font-size : 14px;
	color : rgb(255,255,255);
	margin : 0;
	}
body {
	background-color : #e5e5e5;
	}
#head {
	position : absolute;
	top : 0;
	left : 0;
	height : 125px;
	width : 1000px;
    background-image : url('images/navigation.gif');
    background-repeat : repeat-y;
	}
#firma {
	position : absolute;
	top : 0;
	left : 0;
	height : 125px;
	width : 375px;
	}
#navi {
	position : absolute;
	top : 0;
	left : 375px;
	height : 125px;
	width : 625px;
	}
td.navigation {
	width : 125px;
	height : 125px;
    vertical-align : bottom;
    padding-bottom : 10px;
	}
.headtitel {
	width : 100%;
	height : 125px;
    vertical-align : bottom;
    padding-bottom : 8px;
	}
.kachel {
	width : 125px;
	height : 125px;
	}
#main {
	position : absolute;
	left : 0;
	top : 125px;
	width : 100%;
	height : 500px;
	background-color : rgb(0,0,90);
	}
#left {
	position : absolute;
	left : 0;
	top : 0;
	width : 125px;
	height : 500px;
    background-image : url('images/fliese.jpg');
    background-repeat : no-repeat;
    background-color : #e5e5e5;
	}
#left2 {
	position : absolute;
	left : 125px;
	top : 0;
	width : 125px;
	height : 500px;
    background-image : url('images/fliese-dunkel2.gif');
    background-repeat : no-repeat;
    background-position : bottom;
    background-color : rgb(0,0,90);
	}
#oben {
	position : absolute;
	left : 250px;
	top : 0;
	width : 750px;
	height : 125px;
    background-image : url('images/oben.gif');
    background-repeat : no-repeat;
	}
#rechts {
	position : absolute;
	left : 625px;
	top : 125px;
	width : 375px;
	height : 250px;
    background-image : url('images/rechts.gif');
    background-repeat : no-repeat;
	}
#content {
	position : absolute;
	left : 250px;
	top : 125px;
	width : 625px;
	height : 375px;
	}
#contentpic {
	position : absolute;
	left : 260px;
	top : 115px;
	width : 615px;
	height : 365px;
	}
#contentbeton {
	position : absolute;
	left : 250px;
	top : 304px;
	width : 550px;
	height : 320px;
	}
#w3clogo {
	position : absolute;
	left : 875px;
	top : 375px;
	width : 125px;
	height : 125px;
    background-image : url('images/fliese-dunkel2.gif');
	}
td {
	vertical-align : top;
	}
td.rechts {
	text-align : right;
	}
a:link {
    font-style : italic;
    color : #000090;
    text-decoration : none;
    font-weight : bold;
    }
a:visited {
    font-style : italic;
    color : #000090;
    text-decoration : none;
    font-weight : bold;
    }
a:active {
    font-style : italic;
    color : #000090;
    text-decoration : none;
    font-weight : bold;
    }
a:hover {
    font-style : italic;
    color : #db815b;
    text-decoration : underline;
    font-weight : bold;
    }
.aktiv {
    font-style : italic;
    color : #db815b;
    text-decoration : underline;
    font-weight : bold;
    }
a:link.text {
    font-style : italic;
    color : #FFFFFF;
    text-decoration : underline;
    font-weight : normal;
	}
a:visited.text {
    font-style : italic;
    color : #FFFFFF;
    text-decoration : underline;
    font-weight : normal;
    }
a:active.text {
    font-style : italic;
    color : #FFFFFF;
    text-decoration : underline;
    font-weight : normal;
    }
a:hover.text {
    font-style : italic;
    color : #DBB15B;
    text-decoration : underline;
    font-weight : normal;
    }
/* ------------------- Schriften ------------------ */
span.klein {
	font-size : 12px;
	}
h1 {
	font-size : 14px;
	font-weight : bold;
	}
.fname {
	font-size : 30px;
	color : rgb(0,0,90);
	font-style : italic;
	font-weight : bold;
	}
.fbez {
	font-size : 18px;
	color : #db815b;
	font-style : italic;
	font-weight : bold;
	}
img {
	border : none;
	border-width : 0;
	}