/* CSS Document */

/* This controls the width of the fixed width layouts */

div.fixed
{
width: 800px !important;
}

/* Basic Stuff */

*
{
margin: 0em;
padding: 0em;
}

body
{
background: #fff url("background.jpg");
font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
color:#484234;
line-height:120%;
}

h1,h2,h3,h4,h5,h6
{
font-weight:bold;
letter-spacing: -1px;
color:#484234;
}

h1,h2
{
font-size:11pt;
}

h5
{
font-size:11pt;
text-decoration:underline;
}

h1
{
text-transform:uppercase;
}

h1 span
{
font-weight: bold;
}

h2 span
{
font-weight: bold;
}

h3 span
{
font-weight: bold;
}

h4 span
{
font-weight: bold;
}

br.clear
{
clear: both;
}

img
{
margin: 2px;
}

img.floatTL
{
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
margin-top: 0em;
}

img.floatTR
{
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
margin-top: 0em;
}

img.floatTR2
{
float: right;
margin-bottom: 1.5em;
margin-top: 0em;
}

img.floatZ
{
margin: 0 auto;
}

/* Header */

#header
{
width:100%;
height:115px;
/*background: #fff url("background.jpg") repeat-x;*/
}

#header_inner
{
position: relative;
width: 800px;
height:110px;
background-image:   url("images/logo_skurril.png");
background-repeat: no-repeat;
margin: 0 auto;
}

/*
	Menue-styles fuer non-IEs
	Achtung:
	Fuer non-IEs gilt das Stylesheet 'dropdown.css'!
	Fuer IE gilt das Stylesheet 'fix-ie.css' (per CC)!
*/

#menuebox {
position: relative;
height: 50px;
}

#menuebox2 {
position: relative;
width:800px;
height: 50px;
margin:0 auto;
}

.stupidie {
display: none;
}
#menue {
position:absolute;
width: 100%;
top: 100px;
left: 0px;
z-index: 200;
font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
color: #484234;
font-size:10pt;
text-transform: lowercase;
border-top: dotted #484234;
}


#menue a, #menue2 a {
text-decoration: none;
color: #484234;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: auto;
margin-right: 5em;
padding: 0 4px;
height: 1.3em;
text-align: center;
}

#menue .aussen-drop {
float: left;
display: block;
overflow: hidden;
width: auto;
margin-right: 5em;
height: 1.3em;
text-align: center;
/*background-color: #dec79a;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;*/
}

#menue .aussen-active {
float: left;
display: block;
overflow: hidden;
width: auto;
margin-right: 5em;
padding: 0 4px;
height: 1.3em;
text-align: center;
height: auto;
background: url("images/active01.jpg") repeat-x;
}

#menue .aussen:hover {
height: auto;
background: url("images/active01.jpg") repeat-x;
/*background-color: #624617;
color: #fff;*/
}

#menue .aussen-drop:hover {
height: auto;
background: url("images/active01.jpg") repeat-x;
/*background-color: #624617;
color: #fff;*/
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: auto;
padding: 2px;
text-decoration: none;
font-weight: normal;
border-bottom: 2px dotted #484234;
background-color: #fffff5;
color: ##484234;
height: 1.2em;
}
/*a:visited.innen,
a:visited.innen-1 {*/
/*background-color: #ecd8ae;*/
/*color:#555;
}*/
a:hover.innen,
a:hover.innen-1 {
background: url("images/active01.jpg") repeat-x;
color: ##484234;
}

#menue2 {
position:absolute;
width: 100%;
top: 20px;
z-index: 300;
font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:10pt;
text-transform: lowercase;
background-color:#484234;
}

#menue2 a {
text-decoration: none;
color: #FFFFFF;
}

#menue2 .aussen {
float: left;
display: block;
overflow: hidden;
width: auto;
margin-right: 7.25em;
padding: 0 2px;
text-align: center;
}

#menue2 .aussen-active {
float: left;
display: block;
overflow: hidden;
width: auto;
margin-right: 7.25em;
padding: 0 2px;
height: 1.3em;
text-align: center;
height: auto;
background: url("images/active01.jpg") repeat-x;
}

#menue2 .aussen:hover {
height: auto;
background: url("images/active01.jpg") repeat-x;
/*background-color: #624617;
color: #fff;*/
}

span.menutag {
display: block;
cursor: pointer;
}

p
{
line-height: 1.8em;
}

p span
{
font-size:10px;
color:#31839b;
}

/* Main */

#main
{
/*background: #fff url("background.jpg") 0px 0px repeat-x;*/
}

#main_inner
{
position: relative;
width: 800px;
margin: 0 auto;
padding-top: 3.0em;
}

#main_inner p
{
text-align: left;
padding-bottom: 2.0em;
font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
color:#484234;
font-size:9pt;
line-height:120%;
}

#main_inner ul
{
margin-bottom: 2.0em;
}

#main_inner h1,h2,h3,h4
{
font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
color:#484234;
font-size:10pt;
line-height:120%;
position: relative;
}

#main_inner h2
{
text-transform:lowercase;
}

#main_inner h3
{
font-size: 2.1em;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
}

#main_inner h4
{
font-size: 1.2em;
padding-bottom: 0.175em;
margin-bottom: 1.4em;
margin-top: 0.95em;
}

#main_inner .construction
{
position:relative;
width:725px;
height:470px;
margin-left:51px;
}

#main_inner .news
{
	position:relative;
	background: url("images/zettel_neu.png") no-repeat;
	width:560px;
	height:500px;
	margin:0px 0px 0px 0px;
}

#main_inner .newstext
{
	position:relative;
	width:215px;
	height:370px;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#4d4949;
	
	line-height:120%;
	overflow: scroll;
}


#main_inner .newstext a img
{
border-width:0px;
text-decoration:none;
color:#4d4949;
}

#main_inner .newstext p
{
width:200px;
margin-bottom:10px;
font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#4d4949;
border-bottom: 2px dotted #4d4949;
}

#main_inner .newstext p a
{
text-decoration:none;
}

#main_inner .text
{
width:306px
}

#main_inner .post
{
position: relative;
}

#main_inner .post h3
{
position: relative;
font-size: 1.7em;
padding-bottom: 0.4em;
}

#main_inner .post h2
{
position: relative;
font-size: 2.1em;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
}

#main_inner .post ul.post_info
{
list-style: none;
position: absolute;
top: 3em;
font-size: 0.8em;
}

#main_inner .post ul.post_info li
{
background-position: 0em 0.2em;
background-repeat: no-repeat;
display: inline;
padding-left: 18px;
}

#main_inner .post ul.post_info li.date
{
background-image:   url("images/n5.gif");
}

#main_inner .post ul.post_info li.comments
{
background-image:   url("images/n6.gif");
margin-left: 1.1em;
}

#frames
{
margin: 0 auto;
}

/* Animationen */

#animation
{
	width: 800px;
	margin: 0 auto;
	padding: 0px;
	z-index: 100;
}

#animation2
{
	width: 940px;
	margin-bottom: 1em;
	padding: 5px;
	border: solid 1px #e1e1e1;
}


/* Footer */

#footer
{
width: 100%;
/*background: #fff url("background.jpg") 0px 0px repeat-x;*/

}

#footer_inner
{
width:800px;
clear: both;
margin: 0 auto;
padding-top: 1.0em;
text-transform: lowercase;
}

#footer_inner p
{
text-align: right;
padding-bottom: 2.0em;
font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
color:#484234;
font-size:9pt;
line-height:180%;
border-top:dotted #484234; 
}

#footer_inner a
{
text-decoration:none;
color:#484234;
}

#footer_inner a.active
{
background: url("images/active01.jpg") repeat-x;
color: #484234;
}

#footer_inner a:hover
{
background: url("images/active01.jpg") repeat-x;
color: #484234;
}

/* kontaktformular styles: */
form#kontaktformular { padding:0; width:370px;}
form#kontaktformular fieldset{ padding:0; border:0;}
form#kontaktformular label { width:120px; height:22px; margin-top:10px; display:block; float:left; }
form#kontaktformular .eingabe { width:248px; height:20px; margin-top:10px; border:1px #c4c4c4 solid; color:#ffffff; float:left; background:#5f5343; }
form#kontaktformular .checkbox { margin-top:10px; float:left; margin-right: 20px; margin-left: 0px;}
form#kontaktformular textarea { width:248px; height:98px; border:1px #c4c4c4 solid; margin-top:10px; font-family:arial; font-size:12px; color:#ffffff; float:left; background:#5f5343; } 
form#kontaktformular input.button { height: 23px; width: 98px; margin-top:10px;  margin-left: 272px; background:#5f5343; color:#ffffff; border:1px #c4c4c4 solid; }
form#kontaktformular br { clear:both; }