/*
Farben:

Hintergrund: rgb(234,199,177)
dunkles Braun: rgb(183,103,60)
helles Braun: rgb(198,129,93)
Test: rgb(183,103,60)
*/



/*Grundaufbau*/

* {
	margin:0;
	padding:0;
}

html, body {
	text-align:center;
}

html {
	background-color:rgb(234,199,177);
}

body {
	background-color:rgb(234,199,177);
	background-image:url(grafik/verlauf.png);
	background-repeat:repeat-x;
	background-position:35px 35px;
}

body, div {
	color:#000;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:100.01%;
}

#container {
	text-align:center;
	width:850px;
	background-color:rgb(183,103,60);
	border:2px solid #fff;
}

div, img {
	border-style:none;
}

/*Schatten*/
#schatten_oben {
	float:right;
}

#schatten {
	margin:auto;
	text-align:left;
	width:879px;
	background-image:url(grafik/schatten_rechts.png);
	background-position:right;
	background-repeat:repeat-y;
}

#schatten_unten {
	margin-right:-3px;
}

/*Oben*/

#b_oben {
	width:100%;
	height:35px;
	background-color:rgb(198,129,93);
}

#oben {
	background-image:url(grafik/oben.jpg);
	background-repeat:no-repeat;
	width:850px;
	height:185px;
}

#navi_oben {
	position:relative;
	top:155px;
}

#navi_oben a {
	float:right;
	height:26px;
	background-color:rgb(198,129,93);
	text-decoration:none;
	border-style:solid;
	border-color:#fff;
}

#navi_oben_impressum, #navi_oben_impressum:visited {
	border-width:2px;
	background-image:url(grafik/impressum.png);
	background-position:top;
	width:100px;
}

#navi_oben_impressum:hover, #navi_oben_impressum:active {
	background-position:bottom;
}

#navi_oben_kontakt, #navi_oben_kontakt:visited {
	border-width:2px 0 2px 2px;
	background-image:url(grafik/kontakt.png);
	background-position:top;
	width:100px;
}

#navi_oben_kontakt:hover, #navi_oben_kontakt:active {
	background-position:bottom;
}

#navi_oben_home, #navi_oben_home:visited {
	border-width:2px 0 2px 2px;
	background-image:url(grafik/home.png);
	background-position:top;
	width:100px;
}

#navi_oben_home:hover, #navi_oben_home:active {
	background-position:bottom;
}	

/*Hauptseite*/

#content {
	padding:15px;
	background-color:#fff;
	text-align:left;
	margin-left:200px; /*oder:overflow:hiddenmargin-left:200px*/
}

#content:after {
	content:"clear";
	clear:left;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
}


/*Links*/

#links {
	width:200px;
	float:left;
	text-align:center;
	background-color:rgb(183,103,60);
	color:#fff;
	font-size:0.9em;
	border-style:solid;
	border-color:#fff;
	border-width:2px 0 0 0;
}

#auftritt {
	color:#fff;
	padding:3px;
	background-color:rgb(198,129,93);
}

#auftritt h1 {
	margin:0;
	font-size:0.6em;
	color:#000;
	font-weight:700;
}

#auftritt a, #auftritt a:visited {
	text-decoration:underline;
	color:#fff;
}

#auftritt a:hover, #auftritt a:active {
	text-decoration:none;
	color:#fff;
}

#nav {
	border-style:solid;
	border-color:#fff;
	border-width:2px 0 0 0;
	padding-top:10px;
}

#nav a {
	text-decoration:none;
	border-style:solid;
	border-color:#fff;
	border-width:2px 0 2px 0;
	margin-bottom:10px;
	display:block;
	height:26px;
}

#musikanten_links, #musikanten_links:visited {
	background-image:url(grafik/musikanten_links.png);
	background-position:top;
}

#musikanten_links:hover, #musikanten_links:active {
	background-position:bottom;
}

#termine, #termine:visited {
	background-image:url(grafik/termine.png);
	background-position:top;
}

#termine:hover, #termine:active {
	background-position:bottom;
}

#rueckblick, #rueckblick:visited {
	background-image:url(grafik/rueckblick.png);
	background-position:top;
}

#rueckblick:hover, #rueckblick:active {
	background-position:bottom;
}

#CD, #CD:visited {
	background-image:url(grafik/CD.png);
	background-position:top;
}

#CD:hover, #CD:active {
	background-position:bottom;
}

#Galerie_und_Presse, #Galerie_und_Presse:visited {
	background-image:url(grafik/Galerie_und_Presse.png);
	background-position:top;
}

#Galerie_und_Presse:hover, #Galerie_und_Presse:active {
	background-position:bottom;
}

#media, #media:visited {
	background-image:url(grafik/media.png);
	background-position:top;
}

#media:hover, #media:active {
	background-position:bottom;
}

#Fuer_Veranstalter, #Fuer_Veranstalter:visited {
	background-image:url(grafik/Fuer_Veranstalter.png);
	background-position:top;
}

#Fuer_Veranstalter:hover, #Fuer_Veranstalter:active {
	background-position:bottom;
}

#links_links, #links_links:visited {
	background-image:url(grafik/links_links.png);
	background-position:top;
}

#links_links:hover, #links_links:active {
	background-position:bottom;
}

#kontakt_links, #kontakt_links:visited {
	background-image:url(grafik/kontakt_links.png);
	background-position:top;
}

#kontakt_links:hover, #kontakt_links:active {
	background-position:bottom;
}

#nav_flaggen {
	border-style:solid;
	border-color:#fff;
	border-width:2px 0;
	float:none;
	text-align:left;
	padding:4px 8px;
	background-color:rgb(198,129,93);
}

#nav_flaggen a {
	height:20px;
	width:26px;
	text-decoration:none;
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
}

#en {
	background-image:url(grafik/flaggen/en.gif);
}

#ie {
	background-image:url(grafik/flaggen/ie.gif);
}

#fr {
	background-image:url(grafik/flaggen/fr.gif);
}

#cz {
	background-image:url(grafik/flaggen/cz.gif);
}

#ru {
	background-image:url(grafik/flaggen/ru.gif);
}

#bg {
	background-image:url(grafik/flaggen/bg.gif);
}

#hr {
	background-image:url(grafik/flaggen/hr.png);
}

#es {
	background-image:url(grafik/flaggen/es.gif);
}

#pt {
	background-image:url(grafik/flaggen/pt.gif);
}

#lt {
	background-image:url(grafik/flaggen/lt.gif);
}

#it {
	background-image:url(grafik/flaggen/it.gif);
}

#pl {
	background-image:url(grafik/flaggen/pl.gif);
}

#at {
	background-image:url(grafik/flaggen/at.gif);
}

#by {
	background-image:url(grafik/flaggen/by.gif);
}

#ch {
	background-image:url(grafik/flaggen/ch.gif);
}

#si {
	background-image:url(grafik/flaggen/si.gif);
}

#fra {
	background-image:url(grafik/flaggen/fra.gif);
}

#in {
	background-image:url(grafik/flaggen/in.gif);
}

#se {
	background-image:url(grafik/flaggen/se.gif);
}

#nl {
	background-image:url(grafik/flaggen/nl.gif);
}

#hu {
	background-image:url(grafik/flaggen/hu.gif);
}

#cn {
	background-image:url(grafik/flaggen/cn.gif);
}

#jp {
	background-image:url(grafik/flaggen/jp.gif);
}

#no {
	background-image:url(grafik/flaggen/no.gif);
}

#cat {
	background-image:url(grafik/flaggen/cat.gif);
}

#lug {
	background-image:url(grafik/flaggen/lug.gif);
}

#fi {
	background-image:url(grafik/flaggen/fi.gif);
}

#sa {
	background-image:url(grafik/flaggen/sa.gif);
}

#est {
	background-image:url(grafik/flaggen/est.gif);
}

#ma {
	background-image:url(grafik/flaggen/ma.gif);
}

#fblikebox {
	border-style:solid;
	border-color:#fff;
	border-width:2px 0 2px 0;
	margin-top:10px;
	background-color:rgb(198,129,93);
}

/*Allgemein*/
.cbo {
	clear:both;
}

li {
	margin:1em;
}

p, li, td, .andere_musikanten a {
	font-size:0.9em;
}

p a, table a, li a {
	text-decoration:underline;
	color:#000;
}

p a:hover, table a:hover, li a:hover {
	text-decoration:none;
}

#content p {
	margin:1em 0 1em 0;
}

h1 {
	font-size:1.3em;
	margin:1.7em 0 1em 0;
	color:rgb(183,103,60);
	font-weight:500;
}

h2, th {
	font-size:0.95em;
	text-align:left;
	margin:1.7em 0 1em 0;
	color:rgb(183,103,60);
}

.zentriert {
	text-align:center;
}

.kursiv {
	font-style:italic;
}

.fett {
	font-weight:700;
}

/*Sprachen*/

#uebersetzer {
	text-align:right;
}

#in_text {
	width:100%;
	height:201px;
	background-image:url(grafik/flaggen/in_text.png);
	background-repeat:no-repeat;
}

#jp_text {
	width:100%;
	height:239px;
	background-image:url(grafik/flaggen/jp_text.png);
	background-repeat:no-repeat;
}

#ma_text {
	width:100%;
	height:655px;
	background-image:url(grafik/flaggen/ma_text.jpg);
	background-repeat:no-repeat;
}

/*Musikanten*/

.musikanten_oben {
	height:19em;
}

.musikanten_foto {
	float:left;
}

.musikanten_tabelle {
	padding-left:1em;
}

.musikanten_tabelle td {
	padding:4px;
	vertical-align:top;
}

.musikanten_be {
	float:left;
	width: 295px;
}

.andere_musikanten {
	padding-top:1em;
	text-align:right;
}

.andere_musikanten a, .andere_musikanten a:visited {
	padding-bottom:0.3em;
	text-decoration:none;
	color:rgb(183,103,60);
	display:block;
}

.andere_musikanten a:hover, .andere_musikanten a:active {
	text-decoration:underline;
}


/*Termine*/

.termine_tabelle {
	table-layout:fixed;
	border-collapse:collapse;
}

.termine_tabelle td, .termine_tabelle th {
	padding:4px;
	vertical-align:top;
	border:1px solid black;
	overflow:hidden;
}


/*normlinks*/


.normlinks a, .normlinks a:visited {
	text-decoration:none;
	color:#000;
}

.normlinks a:hover, .normlinks a:active {
	text-decoration:underline;
}

/*Fotoalbum*/

.fotoalbum_ul a, .fotoalbum_ul a:visited {
	text-decoration:none;
	color:#000;
}

.fotoalbum_ul a:hover, .fotoalbum_ul a:active {
	text-decoration:underline;
}

#albumfotos {
	margin:0 1em;
	text-align:center;
}

#albumfotos img {
	margin:10px;
	border:2px solid #000;
	-webkit-transition: -webkit-transform .3s;
}

#albumfotos img:hover {
	opacity:0.75;
	-webkit-opacity:1;
	-webkit-transform: scale(1.2);
	-webkit-box-shadow: 0 0 1em #000;
}

/*Media*/

.audiovorschau {
	float:left;
	width:35px;
	margin:10px 5px;
	overflow:hidden;
}

.videovorschau {
	float:left;
	width:210px;
	margin:10px 50px;
	overflow:hidden;
}

.videovorschau img {
	border:2px solid #000;
}

.videovorschau img:hover, .liederbuch img:hover {
	opacity:0.75;
}

.videovorschau h2, .audiovorschau h2 {
	margin:0;
}

.videovorschau h3 {
	font-size:0.9em;
	font-weight:500;
}

.liederbuch {
	margin:0 1em;
}

/*CD*/

#cd_tabelle td {
	padding:0 0.6em;
}

.formular {
	width:80%;
	margin-top:1em;
}

#digipack {
	text-align:center;
}

#digipack a {
	text-decoration:none;
	color:rgb(183,103,60);
}