/* Formatierung der Seite */
body{
	font-family : Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	/* Zentrierung im Internet Explorer */
	font-size : 12px;
}
  body{
	background: #353535 url(../images/hintergrund.jpg);
	color: black;
}
div#container {
	/* Seiteninhalt wieder links ausrichten */
	text-align: left;
	/* standardkonforme horizontale Zentrierung */
	margin: 0 auto;
	width: 790px;
	padding: 0;
	background: #FFFFFF;
	border: 2px ridge #535353;
	color : #000000;
}
html>body div#container {
	/* Farbangleichung an den Internet Explorer */
	border-color: #353535;
}
div#index{
	height : 400px;
	width : 500px;
	position : absolute;
	background: #FFFFFF;
}
div#index li{
	list-style-type: none;
}

/* Formatierung der Kopfbereiches */
div#header{
	position:relative; 
	background: #FFFFFF;
	color : #000000;
	width : 790px;
	height : 50px;
}
img.headerimage {
	position:absolute;
	top:5px;
	left: 5px;
	bottom : 5px;
}
ul.sprache {
	display:block;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right : 20px;
}
ul.sprache li {
	float: right;
	margin: 0 0 0 5px;
	list-style-type: none;
}
ul.sprache li {
	float: right;
	margin: 0 0 0 5px;
	list-style-type: none;
}
img.sp {
	bottom : 0;
	border-width : 0;
}
ul.sprache li a {
	text-decoration : none;
	text-transform : none;
	border : thin solid #FFFFFF;
	border-width : 1px;
}
ul.sprache li A:HOVER {
	text-decoration : none;
	text-transform : none;
	border : thin solid #000000;
	border-width : 1px;
}
/* Hauptnavigation */
div#nav {
	position: relative;
	font-size: 10px;
	height: 178px;
	clear: both;
	width: 100%;
}
div#nav navimage {
	position:absolute;
	top:5px;
	left: 5px;
}

ul.navi {
	display:block;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	font-size : 12px;
}
ul.navi li {
	float: left;
	margin: 0 5px 0 0;
	list-style-type: none;
	width : 100px;
}
ul.navi li a {
	display: block;
	font-size: 12px;
	color: #000000;
	background: #CAC4BF;
	text-transform: none;
	text-decoration: none;
	margin: 0;
	padding: 8px;
	border: 4px solid #978B82;
	font-weight: bold;
	border-top: 0;
}
ul.navi li a:hover {
	background: #6C6259 url(../images/hintergrund.jpg);
	color: #FFFFFF;
	text-decoration: none;
	font-weight : bold;
}
ul.navi li.currentpage {
	display:block;
	font-size: 12px;
	color : #000000;
	background: #F5F4F3;
	text-transform: none;
	text-decoration: none;
	margin: 0 5px 0px 0px;
	padding: 8px;
	border: 4px solid #978B82;
	border-top: 0;
	font-weight : bold;
	width : 90px;
}
/* Linke Spalte */
div#leftcol {
	margin : 5px 0 5px 5px;
	padding : 0 15px 10px 10px;
	width : 540px;
	border: #CCCCCC solid;
	border-width: 0 1px 0 0;
	min-height: 330px;
	color : #000000;
	background : #ffffff;
	text-align : justify;
	line-height : 22px;
	float : left;
}
/* Rechte Spalte x */
div#rightcol {
	width: 190px;
	color: #000000;
	background: #F3F1F1;
	padding: 0 5px 5px 5px;
	float: right;
	right: 5px;
	position: relative;
	border: solid #C1BBBB;
	border-width: 0 1px 0 0;
	min-height: 300px;
	top: 15px;
}
div#cont_schliessen{
	clear: both;
	width: 790px;
	margin:0;
	padding: 0;
}
div#footer {
	clear:both;
	padding: 5px;
	margin-top: 0em;
	border: solid #C1BBBB;
	border-width: 1px;
	margin : 15px 5px 5px 5px;
	color : #FFFFFF;
	background-color : #746C6A;
	font-weight : bold;
	text-align : right;
}
div#footer p{
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size : 8px;
	color : #FFFFFF;
}
div#footer a  {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size : 12px;
	text-transform : none;
	text-decoration : none;
	color : #FFFFFF;;
}
div#footer A:HOVER {
	color : #EBE9E9;
	text-decoration : underline;
	text-transform : none;
}
div#leftcol a {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size : 12px;
	text-transform : none;
	text-decoration : none;
	color : #172ECC;
	font-weight : bold;
}
div#leftcol A:HOVER {
	text-transform : none;
	text-decoration : underline;
	color : #8E8686;
	font-weight : bold;
}
div#leftcol h1{
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : 16px;
	padding : 5px 0 5px 8px;
	border: solid #978B82;
	border-width: 0 0 1px 1px;
	background : #F3F1F1;
}
div#leftcol h1 a{
	color : Black;
	font-size : 16px;
	text-decoration : none;
}
div#leftcol h1 A:HOVER{
	color : Black;
	font-size : 16px;
	text-decoration : none;
	font-family : Georgia,"Times New Roman",Times,serif;
}
div#leftcol h2{
	font-family : Georgia,"Times New Roman",Times,serif;
	font-size : 14px;
	padding : 5px 0 5px 8px;
	border: solid #978B82;
	border-width: 0 0 1px 1px;
	background : #F3F1F1;
}
div#leftcol h3{
	font-family : Georgia,"Times New Roman",Times,serif;
	font-size : 12px;
	padding : 5px 0 5px 8px;
	border: solid #978B82;
	border-width: 0 0 1px 1px;
	background : #F3F1F1;
}

div#rightcol h1{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 14px;
	text-align: center;
	padding: 5px 0 5px 8px;
	border: solid #978B82;
	border-width: 0 0 1px 1px;
	background: #F3F1F1;
	color: #000186;
}
div#rightcol h2{
	font-family : Georgia,"Times New Roman",Times,serif;
	font-size : 12px;
	padding : 0px;
}
div#leftcol p {
	font-family : Georgia,"Times New Roman",Times,serif;
	font-size : 12px;
}
div#leftcol ul li {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	background-image: url(../images/punto.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	vertical-align: top;
	list-style-type: none;
}
div#rightcol a {
	font-family : Georgia,"Times New Roman",Times,serif;
	font-size : 10px;
	text-transform : none;
	text-decoration : none;
	color : #172ECC;
	font-weight : bold;
}
div#rightcol A:HOVER {
	text-transform: none;
	text-decoration: none;
	color: #8E8686;
	font-weight: bold;
}
div#rightcol p {
	font-family : Georgia,"Times New Roman",Times,serif;
	font-size : 11px;
}
div#rightcol p.foto {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
}
div#rightcol imagen{
	text-align: center;
}
/*  *****************  Canciones videos **************************** */
div#leftcol span.can_titel{
	float: left;
	text-align: right;
	font-weight: bold;
	width: 20em;
	margin-right: .5em;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	height: 4.6em;
	padding-top: .4em;
	padding-right: .2em;
}
div#leftcol span.can_mus{
	float: left;
}
div#leftcol span.video_titel{
	float: left;
	text-align: right;
	font-weight: bold;
	width: 10.7em;
	margin-right: .5em;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	padding-right: .2em;
}
div#leftcol span.video{
	padding-left: 1em;
	margin: 0;
}
div#leftcol br{
clear: both;
}
/*  *****************  Galeria fotografica ********************** */
/*
div#leftcol td.foto{
	text-align: center;
	width: 160px;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	border: 1px solid #978B82;
	padding: .9em;
}*/
div#foto{
	text-align: center;
	width: 170px;
	border: 1px solid #978B82;
	padding: .6em 0 .6em 0;
	float: left;
	height: 180px;
	margin-right: .9em;
	background : #F3F1F1;
}
div#foto_ce{
	text-align: center;
	width: 170px;
	border: 1px solid #978B82;
	padding: .6em 0 .6em 0;
	float: left;
	height: 180px;
	margin-right: .9em;
	background : #F3F1F1;
}
div#foto_ecke{
	text-align: center;
	width: 170px;
	border: 1px solid #978B82;
	padding: .6em 0 .6em 0;
	float: right;
	height: 180px;
	background : #F3F1F1;
}
div#foto_fin{
	clear: both;
	width: 790px;
	margin: 0;
	padding: 0;
	height: .9em;
}
div#foto p, div#foto_ce p, div#foto_ecke p {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: .8em;
	font-weight: bold;
	color: #9B9B9B;
}
/*  *****************  Kontakt Formular ************************* */
div#leftcol label.left {
	float: left;
	text-align: right;
	width:10em;
	margin-right: .3em;
}
div#leftcol input[type=text]{
	float: left;
}
/*colores de fondo*/
div#leftcol input{
	color: #000;
	background: #F3F1F1;
}
/*Cambiar el color de fondo cuando se hace cklic*/
div#leftcol input:focus, div#leftcol textarea:focus {
	color: #000;
	background: #FFFFFF;
}
div#leftcol input.right {
	float: left;
	width: 100px;
	clear: both;
	margin-left: 11.4em;
	margin-right: .3em;
	font-weight : bold;
}
div#leftcol input[type=checkbox].right,
div#leftcol input[type=radio].right,
div#leftcol input[type=submit].right {
	margin-left: 9.3em;
}
/*Acabar con float*/
div#leftcol form br {
clear: both;
}
/*Cambio de cursor para reconocer que se puede hace cklic en label*/
div#leftcol label,
div#leftcol select,
div#leftcol input[type=checkbox],
div#leftcol input[type=radio],
div#leftcol input[type=button],
div#leftcol input[type=submit] {
	cursor: pointer;
}
/*Para separar los elementos del formulario*/
div#leftcol form {
	line-height: 20px;
	padding : 30px 0 20px 0;
}