html {
    font-family: "Helvetica",arial,verdana,serif;
    font-size: 12px;
    padding: 0px;
    background-color: rgb(209, 210, 212);
    color: black;
    margin: 5x;
    height: 99%;
}

/* Allgemeine Formatierungen */
body {
    margin: 5x;
	text-align: center;
}

div.layout {
	position: relative;
        width: 1227px;
	height: 800px;
	text-align: left;
	margin: 0 auto;
}

div.logo {
	position: absolute;
	width: 180px;
	height: 728px;
	background: rgb(255,255,255);
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	font-size: 13px;
	padding:10px;
}

div.bild {
	position: relative;
	left:202px;
	width:1024px;
	height: 160px;
	background: rgb(255,255,255);
	background: rgb(233,233,233);
	border-width: 1px 1px 0px 0px;
	border-style: solid;
}

div.menu {
	position: relative;
	left:202px;
	width:1024px;
	height: 50px;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	background-image: url(../images/menu_bg.gif);
	background-repeat: repeat-x;
}

div.content {
	position: relative;
	left:202px;
	width:1014px;
	height: 526px;
	background: rgb(255,255,255);
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-top:10px;
	overflow:auto;
}

div.footer {
	position: absolute;
	width: 1224px;
	height: 50px;
	bottom: 0px;
	text-align: center;
}

span.mitglied {
	position: absolute;
	bottom: 10px;
	font-size: 13px;
}

a {
    color: rgb(255, 0, 0);
}

a img {
	border: none;
}

a.logo {
    background: url(../images/logo_link.jpg) no-repeat left;
    padding: 0px;
    padding-left: 15px;
    margin: 0px;
    margin-left: 20px;
}

table {
    vertical-align: top;
    padding: 0px;
    border-spacing: 0px;
    empty-cells:hide;
    border-color: black;
}

/* Spezielle Formatierungen */


/* Bildschatten */
.schatten {
    background: url(../images/shadow.gif) no-repeat right bottom;
    padding: 4px 10px 10px 4px;
    border: #eee 1px solid;
    border-right:none;
    border-bottom:none;
    background-color:white;
    margin: 0 auto;
    text-align: center;
}

* html .schatten {
    border-left:    solid 3px #FFFFFF;
    border-right:   ridge 3px #FFFFFF;
    border-top:     solid 3px #FFFFFF;
    border-bottom:  ridge 3px #FFFFFF;
    padding:        0px;
}

/* Horizontale Navigation */
table.haupt_navigation  {
    padding: 0px;
    spacing: 0px;
    margin: 0px;
    border-width: 0px;
    height: 100%;
    width: 100%;
}

td.menu {
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

td.menu_aktiv{
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

table.haupt_navigation  a {
    text-decoration: none;
    font-size: 12px;
    color: rgb(0, 0, 0);
}

/* Bildergalerie */
table.bilder {
    border-spacing: 4px;
    border-collapse:separate;
}

td.text {
    height: 150px;
    width: 150px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    border: none;
}

table.projmenu {
    font-size: 12px;
}

table.projmenu tr td {
    vertical-align: bottom;
    text-decoration: none;
    padding: 0px;
    margin: 0px;
}

table.projmenu tr td h1 {
    margin: 0px;
    padding: 0px;
}

table.projmenu tr td a {
    background: url(../images/logo_link.jpg) no-repeat left;
    padding: 0px;
    padding-left: 15px;
    margin: 0px;
    margin-left: 20px;
    margin-bottom: 10px;
    color: rgb(255,0,0);
    font-decoration: underline;
}