body {
background: none;
}
* {
  background: transparent !important;
}
a, a:visited {
color: #000000;
background-color: transparent;
text-decoration: none;
}

a:hover { 
text-decoration: underline; 
}

h2 {
color: #000000;
font-size: 1.2em;
border-bottom: 1px solid #969696;
padding: 4px 5px 4px 5px;
margin: 0;
background: none;
}

.node h2 {
margin: 0 -5px;
background: none;
}

label { 
color: #000000; 
}

h3 { 
margin: 0;
font-size: 1em; 
}

li {
list-style: url(/g/list_bullet.jpg);
line-height: 15px;
}

input, select {	
font-size: 9px; 
}

.clearer { 
clear: both;	
height: 0; 
line-height: 0;
font-size: 0;
padding: 0; 
width: 0; 
}

.clear3 { 
clear:both; 
line-height:3px; 
font-size:3px; 
height:3px;
}

.button {
height: 20px;
font-size: 0.8em;
font-weight: bold;
color: #000000;
border: 1px solid #cc0001;
background: url(/g/input_button_pattern.jpg) top left repeat-x #cc0001;
text-transform: uppercase;
}

/* 
	Beiinhaltet jeglichen Content und zentriert ihn 
*/
#container {
position: absolute;
width:  100%;
left: 0;
margin: 0;
}

.funktionen_header {
overflow: hidden; 
width: 0px; 
height: 0px
}

.barrierefrei {
overflow: hidden; 
width: 0px; 
height: 0px
}

.barrierefrei a, 
.barrierefrei a:visited,
.schriftgroesse {
color: #000000;
}

.schriftgroesse {
	display: none;
}

/* 
	Header image und Haupt Navigations leiste 
*/
#head {
	display: none;
}

#image_container img { 
margin: 4px 0 0 0; 
}

#main_navigation ul, 
#main_navigation2 ul,
#top_navigation ul,
#main_navigation li,
#main_navigation2 li,
#top_navigation li { 
overflow: hidden; 
width: 0px; 
height: 0px;
}


#top_navigation ul {
overflow: hidden; 
width: 0px; 
height: 0px;
}

#top_navigation li {
overflow: hidden; 
width: 0px; 
height: 0px;
}

#top_navigation li a {
overflow: hidden; 
width: 0px; 
height: 0px;
}

#top_navigation li a.active {
overflow: hidden; 
width: 0px; 
height: 0px;
}

#top_navigation div { 
overflow: hidden; 
width: 0px; 
height: 0px;
}

#top_navigation #search { 
overflow: hidden; 
width: 0px; 
height: 0px;
}

#top_navigation #search input.button {
overflow: hidden; 
width: 0px; 
height: 0px;
}

/* 
	nun der content div 
*/
#content {
  position: absolute;
  width: 100%;
  float: none;
}
#content #left { 
position: relative;
left: 30px;
margin: 0;
width: 100%; 
float: none !important;
}
#content #right { 
	display: none;
	float: none;
}

.node  {
margin: 10px 0 0 0;
padding: 5px 10px 10px 10px;
min-height: 10px;
background-color:#fff;
color: #000000;
}

#content #left .node { 

min-height: 180px; 
}

.node .meta {
display: none !important;
}

.node .meta a {	
margin: 0 0 0 5px; 
color: #000000; 
}

.node .meta a img {	
border: 0; 
}

#path {
background: url(/g/main_nav_pattern.jpg) 5px 0px repeat-x #fff;
border-bottom: 1px dashed #ccc;
padding: 10px 0 5px 5px;
margin: 0 -5px 15px -5px;
color: #000000;
font-size: 0.9em;
}

#path a, .meta a { 
color: #000000; 
}
#path a.active { 
color: #000000; 
font-weight: bold; 
}

#footer { 
overflow: hidden; 
width: 0px; 
height: 0px

/*padding: 10px 0 10px 0; */
}

#footer, #footer a, #footer a:visited {	
color: #000000;	
background-color: transparent; 
}

/* 
	wechselt links gegen rechts und rechts gegen links, wenn der container die class .flip hat 
*/
#content #left .node h2 {
margin-left: -10px;
margin-right: -10px;
}


.flip #content #left .node h1, 
.flip #content #left .node h2, 
.flip #content #left .node h3,
.flip #content #left .node h4{
color: #000000;
background: none;
border: 0;
margin: 0;
padding: 0;
}

.textblock {
  width: 100%;
  margin: 0;
  float: none;
}
.textblock, .textblock_wichtig {
margin-bottom: 10px;
}

.textblock_wichtig {
background-color: #F2F2F2;
}

.textblock p, .textblock_wichtig p {
margin: 0;
padding: 0;
}


/*
.texkblock p p {
margin: auto;
padding: auto;
}
*/


.flip #content #left .node h1{	
font-size: 1.3em; 
padding: 8px 0 0 0; 
}

.flip #content #left .node h2 {	
font-size: 1.1em; 
padding: 0 0 0 0; 
}

.flip #content #left .node h3{	
padding: 0 0 0 0px; 
}

.flip #content #left .node h4 {	
font-size: 0.9em;
margin: 0; 
}

.flip #content #left .node p { 
padding: 0 0 10px 0; 
}

.flip #content #left .node ul {	
margin: 5px 0 5px 25px;	
padding-left: 0; 
}

/* 
	Fuer listung mit drei spalten 
*/
.listung_3_column {
	margin: 0 -10px;
}
.listung_3_column .list_item {
width: 179px;
padding: 0 4px;
margin: 0px 0px 0px 0px;
float: left;
border-right: 1px dashed #aaa;
}

.list_item strong,
#content #left .node .list_item h3,
.last strong {
color: #000000;
margin: 0;
padding: 0;
}

.listung_3_column .last {
position: relative;
width: 179px;
height: 10px;
padding: 0 4px;
margin: 5px 0px 5px 2px;
float: left;
}

.listung_3_column .list_item img, 
.listung_3_column .last img{
width: 178px;
margin: 0 0 5px 0;
padding: 0;
}

/* Listung mit zwei spalten */


.listung_2_column,
.listung_2_columnaz{
margin: 10px -10px 10px -11px;
padding: 0;
background: none;

}

.listung_2_column .list_item,
.listung_2_columnaz .list_item {
position: relative;
width: 270px;	
min-height: 65px;
float: left;
padding: 0px 5px 0px 5px;
margin-bottom: -5px;
*margin-bottom: -15px;
}


.listung_2_columnaz .list_item {
/* Ok, es gibt keinen wert auto fuer min-height, mein Fehler. also nehmen wir 1% */
min-height: 1%;
}


.listung_2_column .list_item div,
.listung_2_columnaz .list_item div {
float: left;
}

.listung_2_column .item_bild,
.listung_2_columnaz .list_item {
float: left;
}

.listung_2_column .list_item img,
.listung_2_columnaz .list_item img { 
margin: 0px 4px;	
float: left; 
}

.list_item p {
	margin: 0;
}
.flip .listung_left, .flip .listung_right {	
width: 302px; 
}

.flip .list_item, .flip .list_item { 
width: 290px; 
} 

#main_navigation li.last,
#main_navigation2 li.last { 
	border-right: 0px; 
	border: 0; 
}

#content #right .node {
	background-color: #fff;
	padding:  5px;
	margin: 10px 0 10px 0;
}
#content #right .node h2 {
 margin-top: -5px;
}

#content #right .node form {
	border: 1px solid #ccc;
	padding: 0 5px 0 5px;
	margin: 0;
	margin-top: 6px;
}
#content #right .node p {
	margin: 8px 0;
}

#content #right .node li,
#content #right .node ul { 
padding: 0;	
margin: 0; 
}

#content #right .node li {
	list-style: none;
	background-image: url(/g/list_bullet.jpg);
	background-position: 0px 4px;
	*background-position:  0px 2px;
	
	background-repeat:  no-repeat;
	margin: 5px 2px;
	line-height: 10px;
	padding: 0px 5px 2px 10px;
}


#content #right .node ul.submenu  { 
margin: 0; 
}
#content #right .node .submenu { 
	margin: 0px; 
}

#content #right .node .submenu li {
	list-style: none; list-style-image: none;
	background-image: url(/g/list_bullet_red.gif);
	background-repeat: no-repeat;
	background-color: #cc0001;
	background-position: 4% 8px;
	border: 1px solid #eb9d9e;
	padding-right: 2px;
	margin: 0;
	border-bottom: 1px solid #7e0001;
	border-right: 1px solid #7e0001;
}
#content #right .node .submenu li a {
	padding: 2px 0px 1px 5px;
	min-height: 12px;
	line-height: 15px;
	display: block;
}

#content #right .node .submenu li.active {
	background-color: #A40001;
}
.themen_header { 
	margin: 5px 0 20px 0; 
}

#content #left .node .themen_header h1 { 
	margin: 0 0 20px 0; 
}

.submenu a, .submenu a:visited {
	background-color: transparent;
	color: #000000;
	line-height: 20px;
	padding: 3px 70px 4px 15px;
}

.gallerie { 
	padding: 10px; 
}

.gallerie_pic {
	padding: 5px 5px 5px 5px;
	width: 135px;
	height: 130px;
	text-align: center;
	float: left;
}

.gallerie_pic img {	
max-width: 130px; 
max-height: 80px; 
}

.dtstart, .dtend { 
border: 0; 
}

#image_container {
padding-left: 
}

#imagecontainer_left{
float: left;

margin: 1px 0 0px 0;
*margin: 2px 0 1px 0;
}


#imagecontainer_right{
	float: right;
	text-align: right;
	margin: 1px 0 0px 0;
	*margin: 2px 0 1px 0;
	
}

#beitrag  .list_item , #beitrag  .list_item  img{
 border: 0;
}

#head.with_content {
height: 250px;

}

a.button {
	padding: 3px; padding-left: 6px; padding-right: 6px;
	font-size: 1em; 
	color: #000000;
	cursor: default;
}

a.button:hover {
	text-decoration: none;
	cursor: default;
}

a.button:visited {
	color: #000000;
	background-color: #cc0001;
}

.bildcontainer-rechts { 
	float:right;
}

.bildcontainer p {
width: 135px;
padding: 0;
margin: 0;
}

.bildcontainer-links { 
float:left;
}
#beitrag #footer {
 padding-top: 22px;
}
#beitrag .listung_2_column {
 margin-left: -15px;
 margin-right: -15px;
}

.item_bild {
position: relative;  margin: 0; 
padding: 0px; float:left; bottom: 0;
}

/* Definitionen Mario B. */

div.clearboth {
clear: both;
}

div.listung-dotted {
border-bottom:1px dotted #DDDDDD;
font-size:1px;
height:1px;
line-height:1px;
}

.color {
background-color:#F2F2F2;
}

.spacer10 {
height:10px; 
line-height:10px; 
font-size:10px;
}

.spacer15 {
height:15px; 
line-height:15px; 
font-size:15px;
}

.spacer25 {
height:25px; 
line-height:25px; 
font-size:25px;
}

div.hide {
position: absolute; 
width: 0px; 
height: 0px;
}

div.klein {
margin: 0;
margin-left: 3px;
font-size: 10px;
}

.shadow-beitrag {
margin-top: 0;
}

#main_navigation2 ul li a {
background-color: transparent;
}

.listung_bg {
*margin: 10px 0 7px 0;
background: none; 
}

.metathema li {
list-style-image:none;

list-style: none;	
background-image: url(/g/list_bullet.jpg);
background-position: 5px 5px;
background-color: #f2f2f2;
background-repeat: no-repeat;
font-size: 0.9em;
margin: 1px 0 0 -25px;
padding-left: 15px;
}

.metathema ul {
margin: 0;
}

.listung-links-text {
float:left;
width:480px;
}

.listung-bild-rechts {
float:right;
width:100px;
}

.listung-rechts-text {
float:left;
width:480px;
}

.listung-termin-links {
float:left;
width:100px;
}

div.beitrag-gastro {
float: left;
width:100%;
background-color:#F2F2F2;
}

div.beitrag-links-gastro {
float: left;
width: 90px;
}

div.beitrag-rechts-gastro {
float: left;
}


#right li{
list-style:none;
list-style-image:none;
}


*{
	color: #000 !important;	
}
