/* ================================================ */
/*  Main CSS für Soraya */
/* ================================================ */

/* ================================================ */
/*  Styles für CMS */
/* ================================================ */
table.style1 {
	border-top: #7D6953 1px solid;
	border-left: #7D6953 1px solid;
	font-size: 10pt;
}
table.style1 td {
	border-bottom: #7D6953 1px solid;
	border-right: #7D6953 1px solid;
}

/* ================================================ */
/*  Texte  */
/* ================================================ */
p, span, h1, h2, h3, h4, h5, h6, ul, a {
	font-size: 1em;
	font-family: verdana, helvetica, sans-serif, arial;
	text-decoration: none;
  font-weight: normal;
	text-align: left;
}
a {
	font-size: 1em;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
table, input {
	font-size: 1em;
}

ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
  list-style-type: disc;
	line-height: 1.3em;
}
li {
	font-size: 0.86em;
	padding:  5px 0px 5px 0px;
	margin:  0px 0px 0px 30px;
}

H1 {
  font-weight: bold;
	font-size: 1.2em;	
	font-family: verdana, helvetica, sans-serif, arial;
	letter-spacing: 0.1em;
	padding:  0px 0px 15px 0px;
}
H2 {
	padding:  0px 0px 0px 0px;
  font-weight: bold;
	font-size: 0.8em;		
}
H3 {
	margin:  0px 0px 8px 0px;
	padding:  0px 0px 3px 0px;
  font-weight: bold;
	font-size: 0.8em;
}
H4 {
	margin:  0px 0px 8px 0px;
	padding:  0px 0px 3px 0px;
  font-weight: bold;
	font-size: 0.8em;
}
H5 {
	padding:  0px 0px 0px 0px;
  font-weight: bold;
	font-size: 0.8em;		
}
H6 {
  font-weight: bold;
	font-size: 1em;	
	font-family: verdana, helvetica, sans-serif, arial;
	padding:  0px 0px 15px 0px;
}

table{
	width: 100%;
	font-size: 1em;
}



/* ================================================ */
/*  spezielle Klassen der Seite */
/* ================================================ */

/* =====  Rechts-Links Boxen ohne CMS ===== */
.box-links {
	float: left;
	width: 50%;
	text-align: left;
}
.box-rechts {
	float: right;
	width: 50%;
}
.box-rechts p {
	text-align: right;
}

/* =====  Sprachen ===== */
.main-innen .info  {
	width: 480px;
	float: left;
}
.main-innen .language  {
	width: 40px;
	float: right;
	padding-top: 10px;
}
.main-innen .language img {
	display: block;
	padding: 0px 0px 30px 0px;
}

/* =====  Newsletter ===== */
#newsletter {
	margin: 10px 0px 20px 0px;
}
#newsletter .zeiletext {
	font-size: 0.8em;
}
#newsletter .zeileinput {
	font-size: 0.8em;
}



/* ================================================ */
/* Farben der Seite (farben.css)  */
/* ================================================ */

/*
		#9c2538 Soraya-Schriftzug
		#020236 dunkelblau
		#e9cda6	Hintergrund sandfarben
		#eedfc9 Hintergrund TextContent
		#21214E Menutext Hintergrund blau
		#500b19 Menutext Hintergrund rot
		#ecd8bc Navi Hintergrund
		#7D6953 dunkelbraun

		#8C585A Überschrift bei blau
		#8C585A Überschrift	bei rot
		#707070	Textfarbe Content
		#A47C70	Menutext-farbe aus
		#ebc298 Menutext-farbe an
*/

body {
/* in Standards => CMS */
	background-color: #eedfc9;
}
p, span, h1, h2, h3, h4, h5, h6, li, a {
	color: #404040;
}
a:hover {
	color: #9c2538;
}

h1 {
	color: #8C585A;
}
h2 {
	color: #707070;
}
h3 {
	color: #707070;
	border-bottom: 1px solid  #707070;
}
h4 {
	color: #8C585A;
	border-bottom: 1px solid  #707070;
}
h5 {
	color: #020236;
}
h6 {
	color: #8C585A;
}

#footer .textlinks, #footer .textlinks a, #footer .textlinks p {
	color: #7D6953;
}
#footer .textlinks a:hover{
	color: #B7656D;
}


/* =====  Menu  ===== */ 
#menu-top div {
}
#menu-top a {
	color: #A47C70;
}
#menu-top a:hover {
	color: #ebc298;
}
#menu-top a.an {
	color: #ebc298;
}
.submenu {
	background-color: #22204f;
	border-left: 1px solid #9CA6C7;
	border-right: 1px solid #9CA6C7;
}
.submenu a {
	color: #A47C70;
	border-top: 1px solid #A47C70;
}
.submenu a:hover  {
	color: #ebc298;
}

/* =====  Navigation  ===== */ 
/* a */
#navigate a {
	color: #8C585A;
}
#navigate a.home {
	color: #7D6953;
}
#navigate a.homean {
	color: #8C585A;
}
#navigate a:hover {
	color: #B7656D;
}
#navigate a.aus {
	color: #404040;
}
#navigate a.aus:hover{
	color: #B7656D;
}

#navigate span, #navigate a.an  {
}

/* sub */
#navigate a.sub {
	color: #7D6953;
}
#navigate a.suban {
}

/* =====  Farben Tabellen ===== */ 

/* Zeilen */
div.tb-auftritte table tr.z1, div.tb-auftritte2 table tr.z1, div.tb-neues table tr.z1 {
	background-color: #e9cda6;
}
div.tb-neues table tr.z2, div.tb-auftritte table tr.z2, div.tb-auftritte2 table tr.z2 {
	background-color: #ecd8bc;
}
div.tb-werdegang table tr.z2  {
	background-color: #F1E4D1;
}

div.tb-links table  {
	background-color: #e9cda6;
	border-top: 1px #7D6953 solid;
	border-left: 1px #7D6953 solid;
}
div.tb-links table td {
	background-color: #e9cda6;
	border-bottom: 1px #7D6953 solid;
	border-right: 1px #7D6953 solid;
}

div.tb-werdegang {
	border-bottom: 1px #7D6953 solid;
}

div.tb-videos table td {
	border-bottom: 1px #7D6953 solid;
}


/* =====  Farben Kontaktformular ===== */ 
#kontakt {
}
#kontakt input, #kontakt textarea {
	background-color: #ecd8bc	;
}
#kontakt .zeiletext {
	color: #404040;
}
#kontakt .uschrift {
  border-bottom: 1px solid #cdcbcb;
}
#kontakt .uschrift{
	color:  #404040;
}
#kontakt p {
	color: #404040;
}
.fehlerzeile {
	color: #C63F3E; /* rot */
}
#fehlermeldung {
	BACKGROUND-COLOR: #FFF8F5;
	BORDER: #DE2121 1px solid;
}
#fehlermeldung p {
	color: #DE2121;
}
#fehlermeldung H3 {
	color: #333333;
}

.gasteintrag {
	border-top: 1px solid #cccccc;
}

/* ================================================ */
/*  Tabellen */
/* ================================================ */

table td * {
	margin-top: 0px;
	margin-bottom: 0px;
}

.pressemeldung, .pressemeldung * {
	text-align: center;
}

/* =====  Auftritte  ===== */
div.tb-auftritte, div.tb-auftritte2 {
	overflow: hidden;
	width: 590px;
}
div.tb-auftritte table, div.tb-auftritte2 table {
	BORDER-style: none;
	width: 100%;
}
div.tb-auftritte table td, div.tb-auftritte2 table td {
	vertical-align: top;
}

/* Spalten */
div.tb-auftritte table td.s1 {
	width: 14%;
	padding: 4px 3px 0px 3px;
}
div.tb-auftritte table td.s2 {
	width: 10%;
	padding: 8px 0px 0px 3px;
}
div.tb-auftritte table td.s3 {
	padding: 8px 15px 0px 10px;
}
div.tb-auftritte table td.s4 {
	width: 10%;
	padding: 8px 0px 0px 0px;
}

div.tb-auftritte2 table td.s1 {
	width: 10%;
	padding: 8px 0px 0px 5px;
}
div.tb-auftritte2 table td.s2 {
	padding: 8px 15px 0px 20px;
}
div.tb-auftritte2 table td.s3 {
	width: 10%;
	padding: 8px 0px 0px 0px;
}


/* =====  Werdegang  ===== */
div.tb-werdegang {
	overflow: hidden;
	width: 100%;
	margin-top: 40px;
	padding-bottom: 10px;
}
div.tb-werdegang table {
	BORDER-style: none;
	width: 100%;
}
div.tb-werdegang table td {
	vertical-align: top;
}

/* Spalten */
div.tb-werdegang table td.s1 {
	width: 12%;
	padding: 4px 0px 0px 5px;
}
div.tb-werdegang table td.s2 {
	padding: 4px 15px 0px 20px;
}
div.tb-werdegang table td.s3 {
	padding: 4px 0px 0px 0px;
	width: 40%;
}


/* =====  Neues ===== */
div.tb-neues {
	overflow: hidden;
	width: 100%;
}
div.tb-neues table {
	BORDER-style: none;
	width: 100%;
}
div.tb-neues table td {
	vertical-align: top;
}

/* Spalten */
div.tb-neues table td.s1 {
	width: 12%;
	padding: 8px 0px 0px 5px;
}
div.tb-neues table td.s2 {
	padding: 8px 15px 0px 20px;
}
div.tb-neues table td.s3 {
	padding: 8px 0px 0px 0px;
	width: 30%;
}


/* =====  Links  ===== */
div.tb-links {
	overflow: hidden;
	width: 100%;
}
div.tb-links table {
	width: 100%;
}
div.tb-links table td {
	vertical-align: middle;
	text-align: center;
}
div.tb-links table td * {
	text-align: center;
}

/* Spalten */
div.tb-links table td.s1 {
	width: 50%;
	padding: 12px 0px 12px 0px;
}
div.tb-links table td.s2 {
	padding: 12px 15px 12px 20px;
}


/* =====  Videos  ===== */
div.tb-videos {
	overflow: hidden;
	width: 500px;
}
div.tb-videos table {
	BORDER-style: none;
	width: 100%;
}
div.tb-videos table td {
	vertical-align: top;
}

/* Spalten */
div.tb-videos table td.s1 {
	width: 50%;
	padding: 20px 0px 20px 0px;
}
div.tb-videos table td.s1 img {
	margin: 2px 0px 0px 0px;
}
div.tb-videos table td.s2 {
	padding: 20px 15px 20px 40px;
}


/* ================================================ */
/*  Menuzeile */
/* ================================================ */

/* Obermenugation */
#topmenu1, #topmenu2, #topmenu3, #topmenu4, #topmenu5, #topmenu6 {
	float: left;
}

#menu-top {
	position: absolute;
	top: 251px;
	left: 310px;
	font-size: 0.7em;
	width: 600px;
	font-family: verdana, helvetica, sans-serif, arial;
	text-align: left;
}
#menu-top a {
	TEXT-DECORATION: none;
	display: block;
	padding: 5px 0px 4px 10px;
}

#menu-sub {
	position: absolute;
	top: 273px;
	left: 310px;
	width: 600px;
	font-family: verdana, helvetica, sans-serif, arial;
}

.submenu {
	visibility:hidden;
	z-index:99;
	position: absolute;
	top: 0px;
	font-size: 0.7em;
	text-align: left;
	padding: 0px 16px 0px 6px;
	padding-top: 3px;
}
.submenu a {
	TEXT-DECORATION: none;
	padding: 5px 10px 5px 3px;
	display: block;
}
.submenu a:hover {
	TEXT-DECORATION: none;
}


/* ================================================ */
/*  Navigation   (navigate.css)  */
/* ================================================ */
#navigate {
	font-size: 0.76em;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0px 0px 55px;
	padding: 52px 0px 0px 0px;
	BACKGROUND: url(/img/nav_oben.gif) no-repeat;
}
#navigate a.home, #navigate a.homean {
	padding: 0px 0px 20px 25px;
	display: block;	
}
#navigate a.homean {
	FONT-WEIGHT: bold;
}
#navigate .rahmen{
	BACKGROUND: url(/img/nav_mitte.gif) repeat-y;
	padding: 10px 0px 20px 0px;
}
#navigate .unten {
	BACKGROUND: url(/img/nav_unten.gif) no-repeat bottom left;
	padding-bottom: 20px;
}

#navigate a {
	display: block;	
	text-align: left;
	padding: 6px 0px 5px 25px;
	FONT-WEIGHT: normal;
	text-decoration:none;
}
#navigate a:hover {
	text-decoration:none;
}
#navigate a.an {
	FONT-WEIGHT: bold;
}

#navigate span {
	display: block;	
	text-align: left;
	padding: 6px 0px 5px 10px;
	FONT-WEIGHT: normal;
	text-decoration:none;
}

#navigate a.sub {
	padding-left:  40px;
}
#navigate a.suban {
	padding-left:  40px;
	background-image: url(../img/nav_pfeil.gif);
	background-position: 30px 10px;
	background-repeat:no-repeat;
}




/* ================================================ */
/*  Kontaktformular */
/* ================================================ */

#kontakt {
	margin-top: 20px;
	width: 410px;
	float: left;
}
#kontakt .uschrift {
	padding: 3px 0px 3px 10px;
	FONT-WEIGHT: bold;
}
#kontakt .inhalt {
	width: 400px;
	margin-left: 15px;
}

#kontakt .zeiletext {
	width: 180px; /*  */
	float: left;
	overflow: hidden;
	font-size: 0.8em;
}
#kontakt .zeileinput {
	float: left;
	font-size: 0.8em;
}
#kontakt .textfeld {
	font-size: 0.8em;
	font-family: verdana, helvetica, sans-serif, arial;
	text-decoration: none;
  font-weight: normal;
	text-align: left;
}
#kontakt .fehlerzeile {
	float: right;
	width: 285px;  /*  */
	display: none;
	font-size: 0.76em;
	vertical-align: top;
}
#kontakt .leerzeile {
	clear:both;
	padding-bottom: 0px;
	font-size:10px;
}
#kontakt .sendebutton {
/* width = zeiletext + zeileinput */
	width: 370px;
	text-align: right; 
	padding: 10px 0px 30px 0px;
	font-size: 0.8em;
}

#k-adresse {
	margin-top: 20px;
	width: 150px;
	float: right;
}

/* Kontakte PHP-Fehler */
#fehlermeldung {
	margin: 30px 0px 10px 5px;
	WIDTH: 95%;
}
#fehlermeldung p {
	padding: 0px 0px 10px 10px;
	text-align: left;
	font-weight: bold;
}
#fehlermeldung H3 {
	padding: 20px 0px 0px 10px;
	font-weight: bold;
	text-decoration: none;
	border: none;
}



/* ================================================ */
/*  Gaestebuch */
/* ================================================ */
/* Formular */
#gaestebuch {
	margin-top: 20px;
	width: 100%;
}
#gaestebuch .inhalt {
	width: 560px;
	margin-left: 15px;
}

#gaestebuch .zeiletext {
	width: 100%;
	overflow: hidden;
	font-size: 0.8em;
}
#gaestebuch .zeileinput {
	width: 100%;
	font-size: 0.8em;
}
#gaestebuch .textfeld {
	font-size: 0.8em;
	font-family: verdana, helvetica, sans-serif, arial;
	text-decoration: none;
  font-weight: normal;
	text-align: left;
}
#gaestebuch .fehlerzeile {
	width: 285px;  /*  */
	display: none;
	font-size: 0.76em;
	vertical-align: top;
}
#gaestebuch .leerzeile {
	clear:both;
	padding-bottom: 0px;
	font-size:10px;
}
#gaestebuch .sendebutton {
/* width = zeiletext + zeileinput */
	width: 460px;
	text-align: right; 
	padding: 10px 0px 30px 0px;
	font-size: 0.8em;
}

/* Liste der Einträge */
.gasteintrag {
	width: 580px;
	text-align: left; 
	font-size: 1em;
	margin-bottom: 5px;
}
.gasteintrag .innen {
	text-align: left; 
	padding: 10px 3px 30px 4px;
	font-size: 1em;
	
}
.gasteintrag h2{
	padding-bottom: 5px;
	
}

/* =====  Datenbanktabelle Navigation  ===== */
.dbnavlinks {
	width: 200px;
	float: left;
	margin: 10px 0px 15px 0px;
	font-weight: bold;
	font-size: 1em;	
	display: inline;
}
.dbnavlinks p {
	margin: 0px 0px 0px 5px;
}
.dbnavlinks a {
	text-decoration: underline;
}
.dbnavrechts {
	float: right;
	width: 300px;
	text-align: right;
	margin: 10px 0px 15px 15px;
	font-weight: bold;
	font-size: 1em;	
}
.dbnavrechts p{
	text-align: right;
}
.dbnavrechts a {
	text-decoration: underline;
}
.dbnavrechts img {
	margin: 0px 12px 0px 6px;
	vertical-align: middle;
}


/* ================================================ */
/* CMS Classes */
/* ================================================ */
.cm-links {
	text-align: left;
}
.cm-rechts {
	text-align: right;
}
.cm-mitte {
	text-align: center;
}


/* ================================================ */
/* CSS Standardvorlagen für Blockelemente */
/* ================================================ */

/*
------------------------ 
	Blockelemente Textbausteine 
------------------------
*/
.bl-zentrisch  {
	padding-top: 10px;
	width: 100%;
	text-align: center;
}
.bl-zentrisch * {
	text-align: center;
}

.bl-rechts {
	text-align: right; 
}
.bl-rechts p {
	text-align: right; 
}

.bl-bildtextl  {
	padding: 0px;
	width: 100%;
}
.bl-bildtextl img {
	Float: left; 
	Margin: 0px 20px 0.3em 0px; 
}
.bl-bildtextl p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.bl-bildtextr  {
	padding: 0px;
	width: 100%;
}
.bl-bildtextr img {
	Float: right; 
	Margin: 0px 0px 0.3em 20px; 
}
.bl-bildtextr p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}


/*
------------------------ 
	Blockelemente Tabellen
------------------------
*/
.bl-tbII, .bl-tbIII, .bl-tbIV, .bl-tbIVa, .bl-tbIVb {
	overflow: hidden;
	width: 100%;
}
.bl-tbII table, .bl-tbIII table, .bl-tbIV table, .bl-tbIVa table, .bl-tbIVb table {
	BORDER-style: none;
	width: 100%;
}
.bl-tbII td, .bl-tbIII td, .bl-tbIV td, .bl-tbIVa td, .bl-tbIVb td  {
	vertical-align: top;
}
.bl-tbII p, .bl-tbIII p, .bl-tbIV p, .bl-tbIVa p, .bl-tbIVb p {
	margin: 0px;
}

/* Spalten */
.bl-tbII td {
	padding: 4px 4px 4px 4px;
}
.bl-tbII td.s1 {
}

.bl-tbIII td {
	padding: 4px 4px 4px 4px;
}
.bl-tbIII td.s1 {
}

.bl-tbIV td {
	padding: 4px 4px 4px 4px;
}
.bl-tbIV td.s1 {
}

/* farbig */
.bl-tbIVa td {
	padding: 4px 4px 4px 4px;
}
.bl-tbIVa td.s1 {
}
.bl-tbIVa tr.z1 {
	background-color: #eeeeee;
}
.bl-tbIVa tr.z2 {
	background-color: #f9f9f9;
}

.bl-tbIVb td {
	padding: 4px 4px 4px 4px;
}
.bl-tbIVb table  {
	border-top: 1px #7D6953 solid;
	border-left: 1px #7D6953 solid;
	color: #000000;
}
.bl-tbIVb td {
	border-bottom: 1px #7D6953 solid;
	border-right: 1px #7D6953 solid;
}
.bl-tbIVb td p {
	margin: 0px;
}

.bl-tbIVb tr.z1 {
}




/*
------------------------ 
	Container
------------------------
*/
.bl-contIIa {
	width: 100%;
}
.bl-contIIb {
	width: 100%;
}
.bl-contIIIa {
	width: 100%;
}
.bl-contIIIb {
	width: 100%;
}
.bl-contIIIb .bl-boxmitte {
	margin-left: 5px;
}

/*  Container Box innen */
.bl-boxI {
	width: 100%;
}
.bl-boxII {
	width: 50%;
}
.bl-boxIII {
	width: 33%;
}
.bl-boxIV {
	width: 25%;
}

/*  Container Box innen Ausrichtung */
.bl-boxlinks {
	float: left;
	text-align: left;
}
.bl-boxrechts {
	float: left;
	text-align: right;
}
.bl-boxmitte {
	float: left;
	text-align: left;
}


/*
------------------------ 
	Boxen einfach
------------------------
*/
.bl-box {
}
.bl-box * {
	margin: 0px;
}
.bl-box .innen {
	height: 1%;
}

/* ===== Box Typ A ===== */ 
.bl-boxa {
	border: #cccccc 1px solid;
	background-color:  #f6f6f6;
}
.bl-boxa * {
	margin: 0px;
}
.bl-boxa .innen {
	padding: 15px 15px 15px 15px;
	height: 1%;
}

/* ===== Box Typ B ===== */ 
.bl-boxb {
	border: #cccccc 1px solid;
	background-color:  #ffffff;
}
.bl-boxb * {
	margin: 0px;
}
.bl-boxb .innen {
	padding: 15px 15px 15px 15px;
	height: 1%;
}



/* ================================================ */
/*  Extra Formatierungen Blockelemente */
/*================================================ */
.bl-boxnull * {
	margin: 0px;
}
.bl-boxnull .innen {
}


/*
------------------------ 
	Boxen rund
------------------------
P: padding-bottom verwenden, bei anderem Maß eigene cms_css Datei notwendig
*/

/* ===== Box rund Größe 1, Typ A ===== */ 
.bl-rboxIa  {
	width: 180px;
	margin: 10px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	BACKGROUND: url(/img/kasten_oben.gif) no-repeat;
}
.bl-rboxIa  p {
	font-size: 0.76em;
}
.bl-rboxIa .unten {
	BACKGROUND: url(/img/nav_unten.gif) no-repeat bottom left;
	padding-bottom: 20px;
}
.bl-rboxIa .rahmen{
	BACKGROUND: url(/img/nav_mitte.gif) repeat-y;
	padding: 0px 20px 5px 14px;
}
.bl-rboxIa img {
	margin: 5px 0px 0px 5px;
}