/*
	Style-Sheet für neue Website Session 2009/2010h
*/



body {
	color: black;
  margin: 0px;
  padding: 0px;
/*  background-color: rgb(246,219,237); */
  background-color: ;
  font-family: Tahoma,Verdana,sans-serif;
}
img {
	border: 0px;
}

.LV_validation_message{
    /*font-weight:bold;*/
    margin-top:2px;
	margin-bottom:3px;
	font-size:8pt;
}

.LV_valid {
    color: #00FF00;
}
	
.LV_invalid {
    color: #FF0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    /*border: 0px solid #00CC00;*/
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	/*background-image: url(/img/bg_input_error.gif);*/
   border: 1px solid #FF0000;
}


td.content {
	background-color: rgb(179,183,194);
}
textarea,input,select { 
	font-family: Tahoma,Arial,Helvetica,Bodoni,Balloon,sans-serif,Verdana;
	font-size:   10pt;
	font-weight: bold;
	color: 		rgb(130,130,139);
/*	background: white url(/bilder/bg_inputfield.gif) top left no-repeat; */
	border: 2px solid rgb(130,130,139);
}
input[type=radio],input[type=button],input[type=submit] {
	background: none;
}
input[type=radio], input[type=image] {
	border: 0px;
}

.border1 {
	border: 2px solid rgb(130,130,139);
	font-weight: normal
 } 

input.submit { 
	font-family: Tahoma,Arial,Helvetica,Bodoni,Balloon,sans-serif,Verdana;
	font-size:   8pt;
}

form {
	margin-top: 0px;
	marginwidth: 0px;
	border: 0px;
	margin-bottom: 0px;
}


p  {
	font-family : Tahoma,Arial,Verdana,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 10pt;
	color       : black;
	text-align  : left;
/*	margin-bottom : 1px;
	margin-top  : 1px;
	margin-right: 10px; */
}

h1 {
	font-family : Tahoma,Trebuchet MS,Verdana,sans-serif;
	font-size   : 22pt;
/*	text-transform:uppercase; */
	color:		rgb(191,42,42); 
	font-weight : bold;
	margin-bottom :1px;
	padding-left: 20px;
	margin-top  : 5px; 
	margin-left: 10px;
	letter-spacing: 2pt;
}

h2 {
	font-family : Tahoma,Arial,Helvetica,sans-serif;
	font-size   : 16pt;
	font-weight : bold;
	color	    : black;
	margin-bottom : 5px;
	margin-top  : 0px;
	margin-left:	30px;
	letter-spacing: 1pt;
}

h3 {
	font-family : Trebuchet MS,Tahoma,Arial,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 14pt;
	color	    : black;
	margin-bottom : 7px;
	margin-top  : 0px;
/*	font-style:	italic; */
}

h4 {
	font-family : Tahoma,Arial,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 10pt;
	color:		rgb(208,63,68);
	/* color	    : #8B8A8F; */
	margin-bottom : 0px;
	margin-top  : 0px;
} 

.bg {
	background-color : #FFD69B;
	border-width : 2px;
  	border-style : solid;
	border-color : black;
	border-collapse : collapse;
	border-spacing: 2px;
}

a {
	color:		rgb(208,63,68);
	text-decoration : underline; 
	font-weight     : bold;
	font-family 	: Tahoma,Verdana,Arial,Helvetica,Bodoni,Balloon,sans-serif;
/*	font-size       : 10pt; */
  }
.st,a.st,a.st:visited {
    background		: url('/bilder/a.gif') 0px 0px no-repeat;  
	background-position: 0px 3px;
    padding-left	: 13px;
  }  


a:visited {
/*	color	  : #8B8A8F; */
	font-family : Tahoma,Verdana,Arial,Helvetica,Bodoni,Balloon,sans-serif;
  }

a:hover {
	color	  : black;
	text-decoration: none;
	font-family : Tahoma,Verdana,Arial,Helvetica,Bodoni,Balloon,sans-serif;
}

a.klein {
    font-size: 8pt;
}

li  {
	font-family : Tahoma,Arial,Verdana,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 10pt;
	color       : black;
}

ul {
	padding-left: 13px;
	margin : 0px;
	font-family	: Tahoma,Arial,Verdana,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 10pt;
}

ul.zitat {
	margin-bottom : 12px;
	margin-top  : 12px;
	font-weight     : bold;
	font-style 	: italic;	
	font-family	: Tahoma,Verdana,Arial,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 10pt;

}
	
div.u {
	text-indent	: 0px;
	font-family	: Tahoma,Verdana,Arial,Helvetica,Bodoni,Balloon,sans-serif;
	font-size		: 8pt;
	font-weight	: normal;
	color	    	: gray;
	margin-bottom : 0px;
	margin-top		: 0px;
	margin-right	: 0px;
	cursor			: default;
}

.thinborder {
	background-color : white;
	border-style:solid; 
	border-width:1px;
}

.navigationtext {
 
}

.navigationselectedtext {
	color	  : #8B8A8F; 
	text-decoration : none; 
	font-weight: bold;
	font-family : Verdana,Arial,Helvetica,Bodoni,Balloon,sans-serif;

}

.commandtext {
	font-family : Verdana,Helvetica,Bodoni,Balloon,sans-serif;
	color		  : black;
}

pre {
	text-indent : 0px;
	font-family : Tahoma,Verdana,Arial,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 10pt;
	color       : black;
	text-align  : justify;
	alignment   : justify;
	margin-bottom : 1px;
	margin-top  : 1px;
	margin-right: 10px;
	width 		  : 20;
	white-space : normal;
}

textarea {
	text-indent : 0px;
	font-family : Tahoma,Arial,Verdana,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 10pt;
	color       : black;
	margin-bottom : 1px;
	margin-top  : 1px;
	margin-right: 10px;
}

img.r {
  border-width : 2px;
  border-style : solid;
  border-color : #FFD69B;
}
a.grau {
	color:	gray;
	font-size   : 8pt;
}
.q {
	font-family : Tahoma,Arial,Verdana,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 8pt;
	font-weight:  normal;
	color	    :  black;
}
tr, td {
	font-family	: Tahoma,Arial,Verdana,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 10pt;
	vertical-align: top; 
}

table {
	font-family	: Tahoma,Arial,Verdana,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 10pt;
}

.titel {
	font-family	: Tahoma,Arial,Verdana,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   	: 14pt;
	font-weight 	: bold;
}

.gridtext {
	text-indent : 0px;
	font-family : Tahoma,Arial,Verdana,Helvetica,Bodoni,Balloon,sans-serif;
	font-size   : 8pt;
	text-align  : justify;
	alignment   : justify;
	margin-bottom : 1px;
	margin-top  : 1px;
	margin-right: 0px;
}
.maintextlink {
	font-size   : 8pt;
}
.newsblock a {
	text-decoration: underline;
	font-weight: bold;
}
/*
.newsblock a:hover {
	text-decoration: none;
}
*/

.newsblock .q {
	font-size:	8pt;
}


/* "Boxen-Layout" */
.dummy {
	padding:0.1%;
	width: 100%;
}

div {
	margin: auto;
	padding: 0px;
    font-family: Tahoma,Verdana,sans-serif;	
}

div.ro {
	background:url(/bilder2/box/ro11.jpg) top right no-repeat;
	width: 96%;
}

div.lo {
	background:url(/bilder2/box/lo11.jpg) top left no-repeat; 
}

div.ru {
	background:url(/bilder2/box/ru11.jpg) bottom right no-repeat; 
}

div.lu {
	background:url(/bilder2/box/lu11.jpg) bottom left no-repeat;
}

.inhalt {
	margin:0px;
	padding: 45px 25px 45px 25px;
}

.inhalt p {
	margin:0px;
	padding:0px;
}

.bg1 {
/*  background-color: rgb(235,235,235); */
}

.bg0 {
  background-color: transparent;
}

.bg0 td {
background-image: url(/bilder2/td-bg0.jpg); 
background-repeat: repeat-x; 
background-position: bottom left;
}

#subnavi a, {
	text-decoration: none;
}

a.o, a.o:hover, a.o:visited {
 padding-left: 0px;
 background: none;
}
 
th {
 font-weight: bold;
 text-align: left;
 background-color: rgb(220,220,220);
}

.newsbild_rechts_klein,.newsbild_rechts_mittel,.newsbild_rechts_gross {
/* background-color: rgb(249,228,242); */
 border: 0px solid rgb(179,183,194);
 float: right;
 margin: 5px;  
 padding: 3px;
/* clear: right; */
 width: 105px;
 font-size: 8pt; 
 font-weight: bold;
}
.newsbild_links_klein,.newsbild_links_mittel,.newsbild_links_gross {
/*background-color: rgb(249,228,242);*/
 border: 0px solid rgb(179,183,194);
 float: left;
 margin: 5px;  
 padding: 3px;
/* clear: left; */
/* width: 105px;*/
}

.newsbild_links {
/* background-color: rgb(249,228,242);*/
 border: 0px solid rgb(179,183,194);
 float: left;
 margin: 5px;  
 padding: 3px;
}


.newsbild_zentriert_klein,.newsbild_zentriert_mittel,.newsbild_zentriert_gross {
/* background-color: rgb(249,228,242); */
 border: 0px solid rgb(179,183,194);
 float: none;
/* clear: both; */
 margin-left: auto;
 margin-right: auto;
 padding: 3px;
 width: 105px;
}
.newsbild_rechts_mittel, .newsbild_links_mittel, .newsbild_zentriert_mittel {
 width: 220px;
 font-size: 10pt;
}
.newsbild_rechts_gross, .newsbild_links_gross, .newsbild_zentriert_gross {
 width: 350px;
 font-size: 10pt;
}




/* GALERIE */


.hintergrund1 {
	/* background-color:	rgb(251,236,246); */
	background-color:	rgb(233,234,237);
}

.thumb_caption {
	font-size: 	8pt;
	font-weight: bold;
}

.thumbnails {
	background-color:	rgb(233,234,237);
	padding: 		5px;
}

.admin_menu {
	background-color:	rgb(233,234,237);
}


.infobox { background-color: rgb(208,63,68); padding: 10px; color: white; }

#video_wrapper {
width:100%;

}

#youtube {
float:left;
width:65%
}
#video_kommentar {
float:left;
width:35%;
}

#single_video {
width:32%;
float:left;
}
html {
	width: expression(document.body.clientWidth < 1100? "1100px" : document.body.clientWidth+"px");
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	width: expression(document.body.clientWidth < 1100? "1100px" : document.body.clientWidth+"px");
}


div#listContainer, div#listContainer2 {
	width: 400px;
	border: 2px solid #336699;
	background: #dddddd;
	}
	div#listContainer div, div#listContainer2 div {
		height: 40px;
		border: 1px solid #336699;
		margin: 5px;
		padding: 3px 5px;
		background: #eeeeee;
		font-weight: bold;
		cursor: move;
	}

/* --- 2010 --- */

#container {
	width: expression(document.body.clientWidth < 1100? "1100px" : document.body.clientWidth+"px");
	margin: 0 auto;
	
  	 min-height:810px;
  	 height:auto !important;  /* für moderne Browser */
	 height:810px;  /*für den IE */
	 
	 
}

#bg1 {
	background: transparent;
	background: url("/bilder/funky-background.jpg") no-repeat;
	height: 100%;
	width: 1317px;	
	margin: 0 auto;
	*background-position: 0px 0px;
}
/*
:root #bg1 {
	background: transparent;
	background: url("/bilder/funky-background.jpg") no-repeat;
	height: 100%;
	width: 1317px;	
		margin: 0 auto;
}
*/

/*#bg2 {
	background: url("/bilder/page_bg.jpg") repeat-y;
	height: 100%;	
	*background-position: -1px 0px;
		margin: 0 auto;
}
*/



#header {
	height: 369px;
	width: 1000px;
	background: url("/bilder/header.jpg") no-repeat;
}

#content {
	width: 1000px;
	padding-top: 7px;
	text-align: left;

}

#navigation {
 border: 0px solid black;
 padding-top: 15px;
	width: 979px;
/*
	width: 979px;
	height: 23px;
	border-top: 1px solid #420c0c;
	margin-left: -2px;
	margin-top: 345px;
	border-left: 1px solid #3e3e3e;
	*/
}

#navigation ul {
	width: 979px;
	list-style:  none;
	margin: 0px;
	padding: 0px; 
}

#navigation ul li {
	float: left;
}

#navigation a {
	height: 22px;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	background: url("/bilder/navi-weiss.gif") repeat-x;	
	border-right: 0px solid #3e3e3e; 	
	float: left;
}

#navigation ul li.active {

}

#navigation a.active {
	height: 22px;
	margin: 0px;
	background: #fff;
	background: url("/bilder/navi-rot.gif") no-repeat;
	border-left: 0px solid black;
	border-right: 0px solid black;	
}

#left {
	width: 225px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
}

#middle {
	width: 490px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#right {
	width: 230px;
	margin: 0;
	padding: 0px;
	float: left;
	text-align: right;
}

* html #right {
	width: 228px;
}

#termine {
	width: 225px;
	text-align: left;
}

#termine #top {
	width: 225px;
	height: 29px;
	background: url("/bilder/termine_top.jpg") no-repeat;	
}

#termine #text {
	width: 225px;
	background: url("/bilder/box_bg.jpg") repeat-y;	
	padding: 10px 0px 10px 0px;
}

#termine #bottom {
	width: 225px;
	height: 8px;
	background: url("/bilder/box_bottom.jpg") no-repeat;	
}

#termine li {
	width: 160px;
	background: url("/bilder/stern_gross.jpg") no-repeat;
	
	color: #545454;
	font-size: 13px;
	font-family: Tahoma, sans-serif;
	
	padding-left: 26px;
	
	list-style: none;
	
  	min-height:30px;
  	height:auto !important;  /* für moderne Browser */
	height:30px;  /*für den IE */	
}

.trennerneu {
	background: url("/bilder/termine_trenner.jpg") repeat-x;
	height: 2px;
	width: 90%;
	margin: 8px 0px 8px 0px;
}

#termine .trenner {
	background: url("/bilder/termine_trenner.jpg") no-repeat;
	height: 1px;
	width: 225px;
	margin: 8px 0px 8px 0px;
	*margin-left: -25px;
}

#videos .trenner {
	background: url("/bilder/termine_trenner.jpg") no-repeat;
	height: 1px;
	width: 225px;
	margin: 8px 0px 8px 0px;
	*margin-left: -25px;
}




* html #termine .trenner{
	_margin-left: -24px;
	_margin-bottom: -4px;	
}

#termine li h4 {
	color: #545454;
	font-size: 13px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;	
}



#videos {
	width: 225px;
	margin-top: 10px;
	text-align: left;
}

#videos #top {
	width: 225px;
	height: 29px;
	background: url("/bilder/videos_top.jpg") no-repeat;	
}

#videos #text {
	width: 225px;
	background: url("/bilder/box_bg.jpg") repeat-y;	
	padding: 10px 0px 10px 0px;
	text-align: center;
}

#videos #bottom {
	width: 225px;
	height: 8px;
	background: url("/bilder/box_bottom.jpg") no-repeat;	
}


#tagebuch {
	width: 230px;
	text-align: left;
}

#tagebuch #top {
	width: 230px;
	height: 29px;
	background: url("/bilder/tagebuch_top.jpg") no-repeat;	
}

#tagebuch #text {
	width: 230px;
	background: url("/bilder/box_bg230.jpg") repeat-y;	
	padding: 10px 0px 10px 0px;
}

#tagebuch #bottom {
	width: 230px;
	height: 8px;
	background: url("/bilder/box_bottom230.jpg") no-repeat;	
}


#jukebox {
	width: 230px;
	text-align: left;
}

#jukebox #top {
	width: 230px;
	height: 29px;
	background: url("/bilder/jukebox_top.jpg") no-repeat;	
}

#jukebox #text {
	width: 230px;
	background: url("/bilder/box_bg230.jpg") repeat-y;	
	padding: 10px 0px 10px 0px;
}

#jukebox #bottom {
	width: 230px;
	height: 8px;
	background: url("/bilder/box_bottom230.jpg") no-repeat;	
}



#galerie {
	width: 230px;
	margin-top: 10px;
	text-align: left;
}

#galerie #top {
	width: 230px;
	height: 29px;
	background: url("/bilder/galerie_top.jpg") no-repeat;	
}

#galerie #text {
	width: 230px;
	background: url("/bilder/box_bg230.jpg") repeat-y;	
	padding: 10px 0px 10px 0px;
	text-align: center;
}

#galerie #bottom {
	width: 230px;
	height: 8px;
	background: url("/bilder/box_bottom230.jpg") no-repeat;	
}



#news {
	width: 490px;
	text-align: left;
	overflow: hidden;
	margin: 0px;
	margin-left: 0px;
}

#news #top {
	width: 490px;
	height: 29px;
	background: url("/bilder/news_top.jpg") no-repeat;	
}

#news #text {
	width: 458px;
	background: url("/bilder/news_bg.jpg") repeat-y;	
	padding: 10px 10px 10px 22px;
}

#news #bottom {
	width: 490px;
	height: 8px;
	background: url("/bilder/news_bottom.jpg") no-repeat;	
}

#news .newsbild {
	border: 0px solid #c12323;
	float: left;
	margin: 0px;	
	margin-right: 10px;
}

#news .news_entry {
	width: 445px;
	overflow:hidden;
	padding-bottom: 15px;
	clear: left;
	margin: 0px;
}

#news h4, #news p {
/*	color: #3c3c3c;*/
	font-size: 13px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	margin-left: 10px;	
	margin-bottom: 15px;
}

#main_news {
    font-size: 13px;
}

#news h4 {
	font-weight: bold;
}

#news a {
	font-weight: normal;
	text-decoration: underline;
}

#news .trenner {
	background: url("/bilder/trenner.jpg") repeat-x;
	height: 1px;
	width: 458px;
	margin: 5px 0px 17px -6px;	
}

#stern1 {
	background: transparent;
	position: relative;
	top: 329px;
	left: -189px;
	*left: -190px;
	width: 119px;
	height: 101px;
}

#stern1:hover {
	background: url("/bilder/stern1.png") no-repeat;	
}

#stern2 {
	background: transparent;
	position: relative;
	top: 207px;
	left: -98px;
	*left: -99px;
	width: 119px;
	height: 101px;
}

#stern2:hover {
	background: url("/bilder/stern2.png") no-repeat;	
}

#stern3 {
	background: transparent;
	position: relative;
	top: 95px;
	left: -1px;
	*left: -2px;
	width: 119px;
	height: 101px;
}

#stern3:hover {
	background: url("/bilder/stern3.png") no-repeat;	
}

#stern4 {
	background: transparent;
	position: relative;
	top: 3px;
	left: 99px;
	*left: -98px;
	width: 119px;
	height: 101px;
}

#stern4:hover {
	background: url("/bilder/stern4.png") no-repeat;	
}

#stern5 {
	background: transparent;	
	position: relative;
	top: -77px;
	left: 190px;
	*left: -20px;
	width: 119px;
	height: 101px;
}

#stern5:hover {
	background: url("/bilder/stern5.png") no-repeat;	
}

#homebutton {

	position: relative;
	width: 81px;
	height: 27px;
	left: 130px;
	top: 340px;
	cursor: pointer;
}

#ueberunsbutton {
	position: relative;
	width: 120px;
	height: 27px;
	top: 340px;
	left: 0px;
	cursor: pointer;
}

#jukeboxbutton {
	position: relative;
	width: 100px;
	height: 27px;
	top: 315px;
	left: 433px;
	cursor: pointer;
}



#funkybox {
	width: 350px;
	position: static;	
}

#funkybox #top {
	width: 100%;
	height: 27px;
	background: url("/bilder/box_top_middle.jpg") repeat-x;	
	position: relative;
}

#funkybox #top #left {
	height: 27px;
	width: 9px;
	background: url("/bilder/box_top_left.jpg") no-repeat;	
	position: absolute;
	left: 0px;
	top: 0px;
}

#funkybox #top #right {
	height: 27px;
	width: 9px;
	background: url("/bilder/box_top_right.jpg") no-repeat;	
	position: absolute;
	right: 0px;
	top: 0px;
}

#funkybox #top #text {
	height: 27px;
	padding: 4px 12px 0px 12px;
	text-align: center;
	overflow: hidden;
	
	font-family: "Tahoma", sans-serif;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.2pt;

}

#funkybox #middle {
	width: 100%;
	background-color: #fff;
	position: relative;
	_margin-top: -4px;
}

#funkybox #middle #text {
	padding: 4px 14px 3px 14px;
	text-align: left;
	overflow: hidden;
	background-color: #fff;
	color: #3c3c3c;
	font-size: 13px;
	font-family: Tahoma, sans-serif;
}

#funkybox #middle #left {
	width: 9px;
	height: 100%;
	background: url("/bilder/box_left.jpg") repeat-y;	
	position: absolute;
	left: 0px;	
	top: 0px;
 	margin: 0px;

}

#funkybox #middle #right {
	width: 9px;
	height: 100%;
	background: url("/bilder/box_right.jpg") repeat-y;	
	position: absolute;
	right: 0px;	
	top: 0px;
	margin: 0px;
}



#funkybox #bottom {
	width: 100%;
	height: 8px;
	background: url("/bilder/box_bottom_middle.jpg") repeat-x;	
	position: relative;
	float: left;
}

#funkybox #bottom #left {
	width: 9px;
	height: 8px;
	background: url("/bilder/box_bottom_left.jpg") no-repeat;	
	position: absolute;
	left: 0px;	
	top: 0px;
}

#funkybox #bottom #right {
	width: 9px;
	height: 8px;
	background: url("/bilder/box_bottom_right.jpg") no-repeat;	
	position: absolute;
	right: 0px;	
	top: 0px;
}

#homebutton {
	width: 81px;
	height: 27px;
	position: absolute;
	margin-left: 50px;
}

.box2010 {
	margin-left: 0px;
	padding-left: 35px;
	padding-right: 35px; 
	padding-bottom: 20px; 
	margin-bottom: 20px; 
	background-image: url(/bilder/background-kasten_links.jpg); 
	background-position: bottom right; 
	background-repeat: repeat-x;
}



/* Sonderfälle Unterseiten */

#main_news .box2010, #main_termine .box2010, #main_funkymarys .box2010, #main_kontakt .box2010, #main_gaestebuch .box2010 { 
	background: url("/bilder/termine_trenner.jpg") repeat-x;
	background-position: bottom left;
}

#main_news .box2010 { 
	background: url("/bilder/termine_trenner.jpg") repeat-x;
	background-position: top left;
	padding-top: 20px;
}

#main_galerieneu .box2010, #main_videogalerie .box2010 {
	background: transparent;
}
.tableh1, .tableh1 h2, #main_videogalerie h2 {
padding-left: 0px;
margin-left: 0px;
}

#main_onlinestore h2 { padding-left: 0px; margin-left: 0px; }


#main_news div h3 {
color: #d03f44; 
}