body {
	background-color:#f3e3c9;
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:left;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,div,fieldset,legend,img,table,td,tr{
	border:0;
	margin:0;
	padding:0;
	text-align:left;
	border-spacing:0;
	vertical-align:top;
}

input, select, textarea, button {
        border: #522304 1px solid;
        color: #67411C;
        background-color: #F3E3C9;
        font-size:10px;
}

* {
	font-family:verdana, arial, sans-serif, monospace;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color:#67411C;
	direction:ltr;
}

/* 
 *  sehr hell FFEBCB
 *  hell F3E3C9 --> seiten BG
 *  etwas hell E7CCB4 --> normal BG
 *  mittel D6B89E
 *  fast dunkel 67411C --> text, a
 *  dunkel 522304 --> normal rand
 * 
 *  irgendwie anders dunkel BAA480
 */

.header {
	position:relative;
	top:30px;
	bottom:10px;
	left:30px;
	min-width:170px;
	max-width:500px;
	height:32px;
	padding:0px 0px 0px 0px;
}

.header * {
        position:relative;
        text-align:left;
	vertical-align:baseline;
	bottom:0px;
        left:0px;
}


/* normaler Hintergrund
* Adaptionen fŸr die Hauptseite, die beiden Movies und das Feedback*/

div.bg {
	position:relative;
	z-index:0;
	top:40px;
	left:60px;
	text-align:left;
	width:500px;
	min-height:150px;
	padding:6px 5px 12px 10px;
        background-color:#E7CCB4;
	border:1px solid;
	border-color:#BAA480;
}

div.bg#home {
        background:url("./bilder/home_bg.jpg");
        background-repeat:no-repeat;
        background-position:top center;
        background-attachment:scroll;
        padding:0;
        height:333px;
}

div.bg#feed {
        background:url("./bilder/feed_bg.jpg");
        background-repeat:no-repeat;
        background-position:top center;
        background-attachment:scroll;
        padding:0;
        height:333px;
}

div.bg#movie {
        background:url("./bilder/movie_bg.jpg");
        background-repeat:no-repeat;
        background-position:top center;
        background-attachment:scroll;
        padding:0;
        height:333px;
}

/* Wenn Titel im bg, dann hierrein verschachteln */
div.title {
        position:absolute;
        top:25px;
        width:320px;
        left:25px;
        right:auto;
}

/* die eins fŸrn Home und die zwei fŸr alles andere */
div.content {
	position:relative;
	z-index:1;
	top:-30px;
	left:30px;
	text-align:left;
	width:400px;
	min-height:50px;
	padding:6px 5px 12px 10px;
	background-color:#F3E3C9;
	border:1px solid;
	border-color:#BAA480;
}

div.content2 {
	position:relative;
	z-index:1;
	top:-110px;
	left:90px;
	text-align:left;
	width:370px;
	min-height:50px;
	padding:6px 5px 12px 10px;
	background-color:#F3E3C9;
	border:1px solid;
	border-color:#BAA480;
}

div.nav {
	z-index:2;
	position:relative;
	top:-35px;
	right:20px;
	float:right;
	width:100px;
	background-color:#F3E3C9;
	border:1px solid;
	border-color:#522304;
	padding:4px 12px 2px 8px;
}

.nav * {
        font-weight:500;
	font-size:12px;
        vertical-align:middle;
}

.nav p {
	background: url("./bilder/nav_bg.gif");
	background-repeat:no-repeat;
	background-position:bottom left;
	background-attachment:scroll;
	padding:0px 0px 0px 16px;
	font-weight:700;
	font-size:12px;
        vertical-align:middle;
}

.nav button {
        border:0px;
        height:18px;
        width:90px;
        text-align:left;
        font-size:12px;
}

/* Footer wieder allgemein, dann mit varianten fŸr movieseite, mit contentbox und ohne */
div.footer {
        position:relative;
	top:0px;
	left:60px;
	text-align:left;
	height:31px;
	width:500px;
}

div.footer#movie {
	top:-90px;
}

div.footer#w_con {
	top:0px;
}

div.footer#wo_con {
	top:60px;
}

div.footer * {
        position:relative;
	margin-left:10px;
        left:0px;
        bottom:0px;
        vertical-align:bottom;
	text-align:left !important;
}

/* Extraoption fŸr kleine schrift */
.rechte {
	font-family:sans-serif, monospace;
	font-size:8px;
	font-style:normal;
	font-weight:normal;
	color:#67411C;
	direction:ltr;
}

/* einrŸcken von text */
.indent {
        margin-left:15px;
}

/* grosser link fŸr startseite */

a:link#biglink, a:visited#biglink {
	font-size:120%;
   	line-height:2.25em;
   	font-weight:bold;
   	letter-spacing:0.2em;
   	text-decoration:none;
	color:#67411C;
	font-style:normal;
	background: url("./bilder/nav_bg.gif");
	background-repeat:no-repeat;
	background-position:center left;
	background-attachment:scroll;
	padding:0px 0px 0px 23px;
}

h1 {
   	font-size:120%;
   	line-height:2.25em;
   	font-weight:bold;
   	letter-spacing:0.1em;
}

h2 {
        margin-top:1em;
	margin-bottom:0.5em;
}

table {
        margin:5px auto 20px auto;
}

h2, th {
   	font-size:110%;
   	line-height:1.25em;
   	font-weight:700;
  	letter-spacing:0.1em;
}

td, th {
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

h3 {
	line-height:1.3em;
	font-weight:600;
}

p {
	margin-bottom:0.5em;
}

b {
	font-weight:bold;
}

i {
	font-style:italic;
}


a:link,a:visited {
   	text-decoration:none;
	color:#67411C;
	font-family:inherit;
	font-size:inherit;
	font-style:italic;
}
   
a:hover,a:focus {
   	text-decoration:underline;
	color:#522304;
}


/* ein div fŸrs video mit button*/
div.movie {
	position: relative;
	z-index:5;
        top:-20px;
        margin-top:0px;
        margin-bottom:50px;
        margin-right: auto;
        margin-left: auto;
}

div.movie button {
        margin-top:2em;
        height:20px;
}