/* colors: 
Grün:	#006D2C
*/

* {
	font-family: arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	}
body {
	background-color: #ccc;
	font-size:12px;
	}

/* +++  */
li {
	margin-left: 15px;
	padding: 0px;
	}
	
#container {
	position: absolute;
	left: 50%;
	margin-left: -425px; /* half the width of the div */
	top: 50%;
	margin-top: -300px;
	width: 900px;
	height: 600px;
	max-height: 600px;
	min-height: 600px;
	/* background-image: url(images/hg_900x600.jpg); */
	background-repeat: no-repeat;
	border: 1px solid white;
	display: inline;
	}

/* ---------------- CONTENT ------------------- */
#content_back {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	width: 600px;
	height: 434px;
	background-color:#fff;
	float: left;
	margin-top: -344px;
	margin-left: 132px;
	}
	html>body #content_back { /* diese childs werden nur von moz-basierten interpretiert */
	margin-top: -353px;
	margin-left: 262px;
	width: 612px;
	height: 442px;
	}
	
#content {
	float: left;
	overflow: hidden;
	position: relative;
	margin-top: -434px;
	margin-left: 132px;
	width: 600px;
	height: 434px;
	border: 2px solid white;
	z-index:2;
	padding: 10px;

	}
	html>body #content { /* diese childs werden nur von moz-basierten interpretiert */
	margin-left: 262px;
	margin-top:-443px;
	width: 590px;
	height: 420px;
	}
	
/* ---------------- LOGO ---------------------- */

#logo_back {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	position:relative;
	background-color:#fff;
	width: 200px;
	height: 85px;	
	left: 35px;
	top: 30px;
	}
	html>body #logo_back {
	width: 202px;
	}

span#logo {
	position:relative;
	width: 200px;
	height: 85px;	
	background-image: url(./images/logo_signet.gif);
	background-repeat: no-repeat;
	left: 35px;
	top: 30px;
	display: block;
	border: 2px solid white;
	margin-top: -85px;
	z-index:2;
	}
	html>body #logo {
	margin-top: -87px;
	}

/* ---------------- LANGUAGE ---------------------- */

#lang_back {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	position:relative;
	left: 805px;
	top: 7px;
	background-color:#fff;
	width: 58px;
	height: 25px;	
	}
	html>body #lang_back {
	width: 62px;
	left: 812px;
	}

#lang {
	position:relative;
	width: 60px;
	height: 25px;	
	background-repeat: no-repeat;
	left: 805px;
	top: 38px;
	display: block;
	border: 2px solid white;
	margin-top: -56px;
	z-index:2;
	text-align: center;
	}
	html>body #lang {
	margin-top: -58px;
	left: 811px;
	}
	
/* ---------------- MENU Container ------------ */

#menu_back {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	width: 200px;
	height: 220px;
	border: 0px;
	text-align: left;
	background-color:#fff;
	position: relative;
	left: 35px;
	top: 50px;
	}
	html>body #menu_back { /* diese childs werden nur von moz-basierten interpretiert */
	left: 37px;
	top: 52px;
	}

div#menu {
	position:relative;
	margin-top:-220px;
	width:200px;
	height:220px;
	left: 35px;
	z-index:2;
	border: 2px solid white;
	top: 50px;
	}
	/* ------------- MENU Formatierungen ---------- */
	
ul.menu {
	margin-left: 10px;
	}	
	
.li_menu_no, .li_menu_ro, .li_menu_act {
	display: inline;
	list-style-type: none;
	margin-left: 0;
	}

.li_menu_no a, .li_menu_no a:link, .li_menu_no a:visited, 
.li_menu_act a, .li_menu_act a:link, .li_menu_act a:visited {
	color: #000;
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding-top: 6px;
	margin-left: 0;
	}
.li_menu_no a:hover, .li_menu_no a:active {
	color: #777;
	margin-left: 0;
	}
.li_menu_act a, .li_menu_act a:link, .li_menu_act a:visited, .li_menu_act a:hover, .li_menu_act a:active {
	color: #006D2C;
	}
	li.sub_menu, li.sub_menu_act {
	list-style-type: none;
	padding-top: 4px;
	color: #000;
	margin-left: 20px;
	}
	.sub_menu {
	color: #000;
	}
a.sub_menu:hover, .sub_menu a.sub_menu:active {
	color: #777;
	}

/* Submenu (ex NEWS) */
ul.news {
	margin-left: 0px;
	}	
	li.sub_news, li.sub_news_act {
	list-style-type: disc;
	padding-top: 4px;
	color: #000;
	margin-left: 20px;
	}


/* ---------------- Default Links ------------ */
a, a:link, a:visited {
	color: #006D2C;
	text-decoration: none;
	}	
a:hover, a:active {
	text-decoration: underline;
	}

/* ---------------- NEWS Container ------------ */


#news_back {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	width: 200px;
	height: 110px;
	border: 0px;
	text-align: left;
	background-color:#fff;
	position: relative;
	left: 35px;
	top: 70px;
	}
	html>body #news_back { 
	left: 37px;
	top: 72px;
	}

div#news {
	position: relative;
	margin-top: -110px;
	width:200px;
	height:110px;
	left: 35px;
	z-index:2;
	border: 2px solid white;
	top: 70px;
	padding: 5px;
	}
	html>body #news { 
	width:190px;
	height:100px;
	}

/* ---------------- CONTACT Container ------------ */


#contact_back {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	background-color:#fff;
	border: 0;
	width: 200px;
	height: 65px;
	position: relative;
	left: 35px;
	top: 90px;
	}
	html>body #contact_back { 
	left: 37px;
	top: 90px;
	}

div#contact {
	border: 2px solid white;
	z-index:2;
	text-align: center;
	padding-top: 5px;
	position: relative;
	margin-top: -65px;
	width: 200px;
	height: 65px;
	left: 35px;
	top: 91px;
	}
html>body #contact {
	height: 65px;
	top: 90px;
	height: 58px;
	}



/* ---------------- NEWS Typographie ------------ */	
.news-latest-ueber {
	font-weight: bold;
	margin-left: 5px;
	}
.news-latest-item {
	margin-top: 3px;
	margin-left: 10px;
	}
	

.news-list-browse {
	text-align: left;
	margin-left: 220px;
	}	

.tx-ttnews-browsebox {

	}

td.tx-ttnews-browsebox-SCell {
	text-decoration: underline;
	}
.content_table {
	border-spacing:5px;
	vertical-align: top;}

.content_table tr {
	vertical-align: top;}
.content_table td {
	cellpadding: 3px;}
	
h1 {
	font-weight: bold;
	font-size: 16px;
	color: #006D2C;
	}
.uschrift {
	font-size: 11px;
	}
	
/* Formular 
input.name
input.email

teaxarea.message {}*/

input, textarea {
	width: 250px;
	}
input.submit {
	width: 100px;
	margin: 3px;
	margin-left: 153px;
	}

/* RTE */
.align-center {
	text-align: center;
	}
.align-right {
	text-align: right;
	}

/* ----------------- TYPOGRAPHIE ------------------- */

.spacer-gif {
	height: 0px;
	}

#flaggen {
	margin-top: 5px;
	margin-left: 4px;
	}
html>body #flaggen {
	margin-top: 6px;
	}
#flaggen a {
	padding-right: 5px;
	}
