/* GLOBAL */
* {
margin: 0;
padding: 0;
}

a img {
border: 0;
}

h1 {
margin-bottom: 1em;
}

h1 {
letter-spacing: 2px;
font-size: 2.2em; 
font-family: "trebuchet ms";
font-weight:400;
color: #000;
text-align: left;
letter-spacing: 0px;
line-height: 1.2em;
}

h2 {
font-size: 1.4em;
font-family: arial;
color: #444;
margin: 0 0 5px 0;
}

h3 {
font-size: 1.1em;
font-family: arial;
color: #000;
margin: 0 0 5px 0;
}

/* TAGS */

body {
font-size: 0.7em;
font-family: "trebuchet ms", arial, sans-serif;
line-height: 1.7em;
background: #9f9ea3 url(../pict/layout/tile.gif);
text-align:left;
}

a {
color: #ff0000;
}

hr {
background-color: #eee;
size: 1px;
border:none;
width: 99%;
height: 1px;
margin: 1.5em auto;
line-height: 1px;
}

#leftcontent table {
margin-top: 1em;
}

/* AREAS */
#wrapper {
width: 970px;
margin: 0px auto;
text-align:left;

}

#head {
border: solid #000;
border-width: 0 0 2px 0;
background: url(../pict/layout/spielfiguren.gif) left top no-repeat;
height: 158px;
background-color: #fff;
}

#metanav {
position:relative;
width: 500px;
top: 125px;
left: 65px;
float:left;
}

ul li.metanav {
display:inline;
float:left;
text-transform:uppercase;
font-size: 1.1em;
letter-spacing: 1px;
margin-right: 5px;
}

li.metanav a {
text-decoration:none;
}

li.metanav a:hover {
text-decoration:underline;
}

#logo {
position: relative;
float:right;
top: 42px;
right: 20px;
}

#shadow {
height: 55px;
background: url(../pict/layout/schatten.gif) repeat-x;
}

#mainarea {
min-width: 880px;
padding: 0px 10px 0 45px;
width:expression(document.body.clientWidth < 1010? "915px": "auto" );
background-color: #ff0000;
}

#navigation {
width: 150px;
float:left;
background-color: transparent;
}

#navigation ul {
color: #fff;
line-height: 2em;
list-style-type:none;
}

#navigation ul li ul {
margin-left: 20px;
line-height: 1.4em;
}

li.nav {
padding: 4px 0;
}

li.navAkt {
padding: 4px 0;
}

li.nav a {
font-size: 14px;
color: #fff;
text-decoration:none;
font-weight: normal;
letter-spacing: 1px;
}

li.nav a:hover {
text-decoration:underline;
}

li.navAkt a {
font-size: 14px;
color: #fff;
text-decoration:underline;
font-weight: normal;
letter-spacing: 1px;
}

*html li.nav a, *html li.navAkt a {
font-weight:bold;
}

li.navAkt a:hover {
text-decoration:underline;
}

li.subnav, li.subnavAkt {
padding: 2px 0;
list-style-type:none;
list-style-image:none;
}

li.subnavAkt {
list-style:disc;
}

li.subnav a, li.subnavAkt a {
font-size: 11px;
color: #fff;
text-decoration:none;
font-weight:normal;
}

li.subnav a:hover, li.subnavAkt a:hover {
text-decoration:underline;
}

#contentarea {
float:right;
width: 716px;
}

#contentarea ul, #contentarea ol {
margin: 10px 0 10px 20px;
}

#leftcontent {
float:left;
width: 468px;
}

#leftcontent p {
margin-bottom: 1em;
}

#rightcontent {
float:right;
width: 160px;
}

#rightcontent h1 {
font: italic 1.2em georgia;
color: #9F9EA3;
background: url(../pict/layout/pixrow.gif) bottom repeat-x;
padding-bottom: 0.5em;
}

#rightcontent p {
margin: -0.5em 0 2em 0;
}

#contenthead {
background-image: url(../pict/layout/contenthead.gif);
background-repeat: no-repeat;
height: 16px;
}

*html #contenthead {
margin: 0px;
padding: 0px;
font-size: 1px;
line-height: 0.01em;
height: 16px;
}

#content {
background: url(../pict/layout/contentbg.gif) repeat-y;
padding: 10px 35px 10px 25px;
}

#contentfoot {
height: 19px;
background: url(../pict/layout/contentfoot.gif) no-repeat;
}



#footer {
clear:both;
color: #fff;
text-align:right;
font-size: 10px;
font-family: arial;
padding-right: 20px;
}

#footer a {
text-decoration:none;
color: #fff;
}

/* CLASSES */
td img.bildlinks {
margin-right: 20px;
}
td img.bildrechts {
margin-left: 20px;
}

.clear {
clear:both;
height: 1px;
line-height: 0.01em;
font-size: 1px;
}


/* FORMULAR */

.formular fieldset {
	border: 1px solid #ff0000;
	margin-top: 10px;
	padding: 5px;
	}

legend {
	vertical-align:middle;
	margin:5px;
	color: #ff0000;
	}
	
.formular input[type=text], textarea {
	margin: 2px 0px 2px 0px;
	padding:2px;
	width: 200px;
	border: 1px solid #9F9EA3;
	font-family: arial, verdana;
	font-size: 11px;
	background: url(/pict/layout/bgverlauf.gif) repeat-x;
	}
	
.formular select {
	font-size:11px;
	margin: 2px 0px 2px 0px;
	}
	
.formular input[type=radio] {
	margin: 2px 0px 2px 0px;
	vertical-align: middle;
	}
	
.formular {
	margin:0;
	padding:0px;
}

.formular label.left	{
	clear:both;
	float:left;
	width:150px;
	margin-right:10px;
	text-align:right;
}

.formular .cbox {
float:left;
vertical-align:middle;
margin-left: 10px;
}

.formular label.cbright	{
display:block;
margin-left:30px;
}


.formular form p	{
margin:0 0 10px 0;
line-height:150%;
clear:both;	
}


.formular input[type=submit] {
width:auto;
}

.submitbutton {
margin: 5px 5px 5px 160px;
}

#note1 {
margin: 5px 5px 5px 0;
}