/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *


        Stylesheet fuer die Webseite von Marco Flierl 
        > http://www.marco-flierl.de

        Code & Kommentare   :   Mareike Hybsier
        Erstellt            :   April 24, 2006
        Letzte Aenderung    :   June 26, 2006
        Homepage			:   http://www.o-rangen.de (Mareike Hybsier & Frank Joachim)
        						http://www.die-programmiererin.de (Mareike Hybsier)

	
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


body {
	background-color: #cccccc;
	/* text-align: center; */
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

div#rahmen {
	position: absolute;
	left: 50%;
	width: 800px;
	margin-left: -400px; /* negative Haelfte von width: 800px */
	top: 50%;
	height: 600px;
	margin-top: -300px; /* negative Haelfte von height: 600px */
	background: url(../hintergr.png) no-repeat 0px 0px;
}

div#home {
	width: 380px;
	height: 102px;
	border: 0px solid red;
}


/* * *  Inhaltstabelle  * * */

/* Durch die Inhaltstabelle wird das Floating verhindert, und die Site kommt
   diesmal hoffentlich ohne Hacks aus
*/

table {
	width: 800px;
	height: 498px;
	position: relative;
	/* top: 102px; */
	border: 0px solid blue;
}

table td#subnav {
	width: 696px;
	height: 35px; /* 11px Schrift + 14px Rand nach oben + 9px Rand nach unten */
	font-size: 11px;
	text-align: right;
	vertical-align: top;
	padding-right: 48px;
	border: 0px solid blue;
}

table td#content {
	width: 696px;
	height: 362px;
	font-size: 9px;
	text-align: center;
	vertical-align: center;
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
}

table td#mainnav {
	width: 104px;
	font-size: 12px;
	text-align: right;
	vertical-align: top;
	padding-top: 8px;
	/* padding-right: 7px; */
	border: 0px solid green;
}

table td#bottomnav {
	height: 100px;
	padding-left: 15px;
	vertical-align: top;
	border: 0px solid orange;
}


/* * *  Horizontale Subnavigation oben  * * */

ul#sub_nav {
	margin: 14px 0px 9px 0px;
	padding: 0px;
	border: 0px solid green;
}

ul#sub_nav li {
	display: inline;
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 0px solid red;
}

ul#sub_nav li a.sub {
	text-decoration: none;
	color: red;
	margin-left: 24px;
	padding: 4px 6px 4px 6px;
	border: 1px solid white;
}

ul#sub_nav li a.sub_active {
	text-decoration: none;
	color: red;
	margin-left: 24px;
	padding: 4px 6px 4px 6px;
	border: 1px solid darkblue;
}


ul#sub_nav li a.sub:hover,
ul#sub_nav li a.sub:focus {
	border: 1px solid darkblue;
}

ul#sub_nav li a.sub:visited {
	color: red;
}


/* * *  Vertikale Hauptnavigation  * * */

ul#main_nav {
	width: 90px;
	margin: 0px 14px 0px 10px;
	padding: 0px;
}

ul#main_nav li {
	/*height: 22px;*/
	list-style: none;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	/*padding-top: 6px;
	padding-right: 6px;
	border: 1px solid green;*/
}

ul#main_nav li a.main {
	display: block;
	width: 84px;
	height: 14px;
	text-decoration: none;
	color: darkblue;
	margin: 0px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	border: 1px solid white;
}

ul#main_nav li a.main_active {
	display: block;
	width: 84px;
	height: 14px;
	text-decoration: none;
	color: darkblue;
	margin: 0px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	border: 1px solid red;
}

ul#main_nav li a.main:hover, ul#main_nav li a.main:focus {
	border: 1px solid red;
}

ul#main_nav li a.main:visited {
	color: darkblue;
}


/* * *  Inhalt  * * */

table td#content img {
	margin: 0px;
	padding: 0px;
	/*margin-bottom: 24px;
	vertical-align: text-bottom;*/
	border: 0px solid blue;
}

table td#content img.left {
	margin: 0px 14px 0px 20px;
}

table td#content img.right {
	margin: 0px 20px 0px 14px;
}


/* * *  Horizontale Subnavigation unten  * * */

/* Achtung: Beim Rollover Transparenz zuruecksetzen! */

a.bottom img {
	width: 68px;
	height: 68px;
	margin-top: 15px;
	margin-right:10px;
	border: 0px;
}

a.bottom img.bottom_nav {
	position: relative;
    opacity: 0.5;
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    filter:alpha(opacity=50);
}

a.bottom:hover img.bottom_nav {
    opacity: 1.0;
    -moz-opacity:1.0;
    -khtml-opacity:1.0;
    filter:alpha(opacity=100);
}


/* * *  Helpers  * * */

div.float_right {
	float: right;
}

p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }