html {
	background-color: #000;
}

body {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #000;
}

h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
/*
	border:1px solid #000;
	padding:.5em;
*/
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
	line-height: 1.5em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:20em;*width:11.9em;}

#header {
	position: relative;
	width: 896px;
	height: 176px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 5px;
	background-image: url(/fileadmin/templates/laola_2008/images/laola-header.gif);
}

#header ul
{
	margin: 0
}

#header li
{
	float: left;
	padding-right: 4px;
	padding-left: 4px;
	margin-top: 4px;
	list-style: none;
	color: #023200;
	font-size: 85%;
}

#header .showsplit {
	border-right: 1px solid #023200;
}

#header a {
	position: relative;
	text-decoration: none;
	font-weight: bold;
	color: #023200;
}

#header p {
	margin: 0;
}

#header .active {
	text-decoration: underline;
}

#mainNavigation {
	position: relative;
	top: 105px;
	left: 340px;
	width: 500px;
}

#subNavigation {
	position: relative;
	top: 130px;
	left: -50px;
	width: 850px;
}

#container_top {
	background-image: url(/fileadmin/templates/laola_2008/images/laola_top_bg.gif);
	height: 12px;
	width: 900px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 0;
        text-align: left;
}

#container {
	width: 900px;	
        /* Centering for IE6+ in strict mode,
          Firefox, and other modern browsers */
	margin-right:auto;
	margin-left:auto;
        /* Don't center every line of text -
          we inherited this setting from body */
        text-align: left;
	background-image: url(/fileadmin/templates/laola_2008/images/laola_middle_bg.gif);
}

#container_bottom {
	background-image: url(/fileadmin/templates/laola_2008/images/laola_bottom_bg.gif);
	height: 14px;
	width: 900px;
	margin-right:auto;
	margin-left:auto;
        text-align: left;
}

#news, #user-box, .tx-mininews-pi1 {
	float: left;
	margin-top: 1em;
	padding: 0 5px 0 5px;
	width: 140px;
}

#content {
	float: left;
	padding: 0 14px 0 13px;
	width: 570px;
 	min-height: 652px;
 	height:auto !important;  /* für moderne Browser */
  	height: 652px;  /*für den IE */
}

#footer {
	width: 896px;
	padding: 10px;
	text-align: center;
        margin: auto;
	color: #FFF;
	font-weight: bold;
	font-size: 88%;
}

#footer p {
	margin-bottom: .1em;
}

#footer a {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

.clearer {
	clear: both;
}

.start-double-teaser {
	margin-top: 1em;
	width: 100%;
	height: auto;
	color: #707070;
}

.start-double-teaser .left {
	float: left;
	margin-left: 10px;
	width: 265px;
}

.start-double-teaser .right {
	float: right;
	margin-right: 10px;
	width: 265px;
}




.start-double-teaser h1,
.start-double-teaser h2,
.start-double-teaser h3,
.start-double-teaser p,
.start-double-teaser div {
	margin: 0;
}

.start-double-teaser h2 {
	height: 24px;
	background-color: #fff200;
	color: #000;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
	text-transform: uppercase;
	font-size: 108%;
}

.start-double-teaser a {
	text-decoration: none;
	color: #6fa313;
	font-weight: bold;
}

.hr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	color: #59a737;
	margin-top: 5px;
	margin-bottom: 10px;
}

.news-list-date {
	font-size: 87%;
	font-weight: bold;
	color: #983201;
}

#news .datetime {
	font-size: 100%;
	font-weight: bold;
	color: #983201;
}

.news-list-item {
	color: #666666;
}

.news-list-item,
.news-latest-item {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-color: #59a737;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.align-justify {
	text-align: justify;
}

label {
	display: block;
	width: 150px;
}