md@charset "UTF-8";
/* CSS Document */

*{margin:0px; padding:0px;}
/*body{ background-color:#ae9b63}*/
body{ background-image:url(verlauf_grau.jpg);
	background-color: #303030;
	background-size: 100% 100%;
	background-repeat: repeat-y;}


/* STARTSEITE 2017 */ 
#header_zitat{float:left; width:600px; margin-left:15px; height:170px; overflow:hidden; 
animation:fadein 0.5s;-moz-animation:fadein 1.0s;-webkit-animation:fadein 0.5s;}

.header-zitat {font-family: 'Marcellus', serif; font-size:17px; color:#988b65;letter-spacing:0em;padding-top:58px;
}
.header-autor {font-family: 'Marcellus', serif; font-size:12px; color:#898989;letter-spacing:0.1em; float:right;
}
#logo_start{padding: 24px 87px 7px 15px; width:206px;float:left;}
#lang_start_neu{ list-style-type:none; padding-left:0px; height:25px; padding-bottom:0px;}
#lang_start_neu li{ display:inline;}
#menue_start {width:960px; height:46px; margin: 12px 0 12px 0;
font-family: 'Marcellus', serif; text-transform: uppercase; font-size:15px; color:white;letter-spacing:0.05em;
}
#menue_start a {text-decoration: none; color:white;
}
.ipf_button {width: 265px; margin-right: 9px;
float:left; background-color:#5e573e; height: 33px; padding-top:13px; text-align:center;border-radius: 3px;}
.idpp_button {width: 390px; margin-right: 9px;
float:left; background-color:#5e573e; height: 33px; padding-top:13px; text-align:center;border-radius: 3px;}
.ipfmm_button {width: 117px; margin-right: 9px;
float:left; background-color:#5e573e; height: 33px; padding-top:13px; text-align:center;border-radius: 3px;}
.sc_button {width: 160px;
float:left; background-color:#5e573e; height: 33px; padding-top:13px; text-align:center;border-radius: 3px;}
.ipf_button:hover {background-color:#978951;}
.idpp_button:hover {background-color:#978951;}
.ipfmm_button:hover {background-color:#978951;}
.sc_button:hover {background-color:#978951;}
.ipf_button_active {width: 265px; margin-right: 9px;
float:left; background-color:#978951; height: 33px; padding-top:13px; text-align:center;border-radius: 3px;}
.idpp_button_active {width: 390px; margin-right: 9px;
float:left; background-color:#978951; height: 33px; padding-top:13px; text-align:center;border-radius: 3px;}
.ipfmm_button_active {width: 117px; margin-right: 9px;
float:left; background-color:#978951; height: 33px; padding-top:13px; text-align:center;border-radius: 3px;}
.sc_button_active {width: 160px;
float:left; background-color:#978951; height: 33px; padding-top:13px; text-align:center;border-radius: 3px;}


/* STARTSEITE 2015 */ 

#ipff {float:left; width:230px; heigth:174px; background-color:#1c1c1a;}
#ipff:hover {float:left; width:230px; heigth:174px; background-color:#42423f;}
#idpp {float:left; margin-left:13px; width:230px; heigth:174px; background-color:#1c1c1a;}
#idpp:hover {float:left; margin-left:13px; width:230px; heigth:174px; background-color:#42423f;}
#ipfmm {float:left; margin-left:13px; width:230px; heigth:174px; background-color:#1c1c1a;}
#ipfmm:hover {float:left; margin-left:13px; width:230px; heigth:174px; background-color:#42423f;}
#sc {float:left; margin-left:12px; width:230px; heigth:174px; background-color:#1c1c1a;}
#sc:hover {float:left; margin-left:12px; width:230px; heigth:174px; background-color:#42423f;}

#header_start{
	height:174px !important;
	width:960px;
}
#sprache_start{
	height:25px;
	width:960px;
	text-align:center;
}
#news_start{width:960px;}

#wrapper_start2015{ width:960px; margin:auto; min-height:100%;padding-bottom:20px;}

#spacer_start{
	height:50px;
	width:960px;
	padding:16px 0 0 10px;	
}
#main_start{background-color:#1c1c1a; width:960px; overflow: hidden; height: 100%; /* for IE6 */}
#main_start{background-color:#1c1c1a; width:960px; height:100%;}

div.news_text {margin-left:325px;padding:10px 0 10px 0;display:block;}

p.zitat{font-family: 'Marcellus', serif; font-size:13px; color:#a9a9a9;letter-spacing:0.1em;}

#news_head {height:35px; width:100%;background-color:#141413;}
p.news_head{font-family: 'Marcellus', serif; font-size:15px; color:white; padding: 8px 0 10px 10px;letter-spacing:0.1em;}

#konzerte_head {height:35px; width:100%;background-color:#141413;border-radius: 3px;}
p.konzerte_head{font-family: 'Marcellus', serif; font-size:15px; color:white; padding: 8px 0 10px 10px;letter-spacing:0.1em;}
#konzerte_head:hover {background-color:#544d31;}
#konzerte_head a {text-decoration:none;}

.videoLink {color:#ffffff}

/* --------- Abspielknopf/Pfeil auf News-Bild ---------- */
.news_video {
position: relative; top:52px; left:-210px; 
filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;
}
.news_video :hover {
filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;
}
/* --------- Text daneben: in ein div packen ---------- */
.text_neben_news_video {
margin-top:-58px; 
}
/* --------- Bild mit Abspielknopf/Pfeil im Artikel ---------- */
.artikel_video {
position: relative; top:60px; left:-200px; 
filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;
}
.artikel_video :hover {
filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;
}


/*** BEGIN PLAY BUTTON OVERLAY - DP ***/

a.play-button-link {
	position:relative;
	display:inline-block;
	line-height:0px;
}

/*#home-content-stories img.play-button, */
a.play-button-link img.play-button {
  position: absolute;
	bottom: 35%;
	left: 50%;
	z-index: 10;
	margin: 0 0 0 -40px;
	opacity:0.6;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/ /*IE fix for alpha transparency, however it doesn't work with transparent .pngs*/
	display:inline-block;
	/*max-width: 20%;	*/
}

/*#home-content-stories img.play-button:hover, */
a.play-button-link:hover img.play-button {
	opacity:1.0;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/ /*IE fix for alpha transparency, however it doesn't work with transparent .pngs*/
}

/*** END PLAY BUTTON OVERLAY - DP***/


/* STARTSEITE */ 

#bgStart{ background-color:#000000; border: 1px solid #ae9b63; width:870px; height:550px; text-align:center; padding-top:50px; overflow:hidden;}
#wrapper_start{ width:960px; margin:auto; padding-top:25px;min-height:100%;padding-bottom:20px;}

#startlogo{background-image:url(ipf-logo_start.jpg); padding: 20px 0 40px 0; background-repeat:no-repeat; background-position:center; height:241px;}
#lang_start{ list-style-type:none; padding-left:765px; height:25px; padding-bottom:0px;}
#lang_start li{ display:inline;}

.DEUTSCH_start:hover{background-image:url(deutsch_start.png); display:block; background-position:0px 0px;background-repeat:repeat;width:75px ; height:25px;float:left}
.DEUTSCH_start{background-image:url(deutsch_start.png); display:block; background-position:0px -23px;background-repeat:repeat;width:75px ; height:25px;float:left}

.ENGLISH_start:hover{background-image:url(english_start.png); display:block; background-position:0px 0px;background-repeat:repeat;width:75px ; height:25px;float:left}
.ENGLISH_start{background-image:url(english_start.png); display:block; background-position:0px -23px;background-repeat:repeat;width:75px ; height:25px;float:left}


/* SCROLLER AUSSEN */ 

#wrapper{ width:960px; margin:auto; padding-top:25px;min-height:100%;padding-bottom:20px;}
#bg{ width:960px;min-height:100%}
#header{
	border: 0px solid #ae9b63;
	border-radius: 3px;
	background-color: #1c1c1a;
	height:170px;
	width:960px;
}
#spacer{
	height:25px;
	width:960px;
	text-align:center;
}
#main{border: 0px solid #ae9b63;border-radius: 3px; width:960px; overflow: hidden; height: 100%; /* for IE6 */}
#navi{ width:200px; background-color:#1c1c1a; float:left; padding-bottom: 32768px;	margin-bottom: -32768px;min-height:500px;}
/*#content{ background-image:url(content2_bg.jpg);border-radius: 3px; background-color:#FFFFFF; background-repeat:repeat-y; width:460px;  float:left; padding:20px; min-height:400px;}*/
#content{ width:710px; float:left; margin-left:10px; padding:0 20px 20px 20px; border-radius: 3px; background-color:#1c1c1a; padding-bottom: 32768px;	margin-bottom: -32768px;position:relative;z-index:100;}
#news{ float:left; width:684px; min-height:100%;border-left: 1px solid #ae9b63;border-radius: 3px; 
}
ul li{color:#b8b8b8;line-height:20px;list-style-type:circle;font-size:0.9em;}
ol li{color:#b8b8b8;line-height:20px;font-size:0.9em}

/*#lang li a{ color:#666666;font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
#lang li a:hover{ color:#ffffff; text-deoration:none}*/


/* SCROLLER INNEN  


#wrapper{ width:960px; margin:auto; padding-top:40px;}
#bg{ background-color:#000000; border: 0px solid #ae9b63; width:960px; height:570px;}
#bgStart{ background-color:#000000; border: 0px solid #ae9b63; width:870px; height:490px; text-align:center; padding-top:80px;}
#header{ height:170px; width:960px;}
#spacer{ height:10px; width:870px; background-color:#ae9b63}
#main{width:960px; min-height:500px;margin-bottom:30px;}
#navi{ width:200px; height:360px; float:left; overflow:hidden;}
#content{ background-image:url(content_bg.jpg); width:460px; height:350px; float:left; padding:20px; overflow:auto;}
#right{ float:left; width:185px;  height:390px;}
*/

#logo{padding:24px 10px 7px 15px; float:left;}
#headerBild{float:left; width:672px; margin-left:15px; height:170px; overflow:hidden; 
animation:fadein 0.5s;-moz-animation:fadein 1.0s;-webkit-animation:fadein 0.5s;}
#lang{list-style-type:none; padding-left:25px;}
#lang li{ display:inline;}

.current_lang_DEUTSCH{background-image:url(button_deutsch.png); display:block; width:75px ; height:25px; background-repeat:repeat; float:left}
.DEUTSCH:hover{background-image:url(button_deutsch.png); display:block; background-position:0px 0px;background-repeat:repeat;width:75px ; height:25px;float:left}
.DEUTSCH{background-image:url(button_deutsch.png); display:block; background-position:0px -23px;background-repeat:repeat;width:75px ; height:25px;float:left}

.current_lang_ENGLISH{background-image:url(button_english.png); display:block; width:75px ; height:25px;background-repeat:repeat;float:left}
.ENGLISH:hover{background-image:url(button_english.png); display:block; background-position:0px 0px;background-repeat:repeat;width:75px ; height:25px;float:left}
.ENGLISH{background-image:url(button_english.png); display:block; background-position:0px -23px;background-repeat:repeat;width:75px ; height:25px;float:left}

.tinymcewysiwyg{}

.IMPRESSUM{background-image:url(button_impressum.png); display:block; background-position:0px -23px;background-repeat:repeat; width:84px; height:25px;float:right; margin-right:25px;}
.IMPRESSUM:hover{background-image:url(button_impressum.png); display:block; background-position:0px 0px;background-repeat:repeat; width:84px; height:25px;float:right;}

.KONTAKT{background-image:url(button_contact.png); display:block; margin-left:5px; background-position:0px -23px;background-repeat:repeat; width:76px; height:25px;float:right;}
.KONTAKT:hover{background-image:url(button_contact.png); display:block; margin-left:5px; background-position:0px 0px;background-repeat:repeat; width:76px; height:25px;float:right;}

.NEWSLETTER{background-image:url(button_newsletter.png); display:block; background-position:0px -23px;background-repeat:repeat; width:84px; height:25px;float:right; margin-right:25px;}
.NEWSLETTER:hover{background-image:url(button_newsletter.png); display:block; background-position:0px 0px;background-repeat:repeat; width:84px; height:25px;float:right;}

.tinymcewysiwyg ul{ padding-left:20px; font-size:9px;}
.tinymcewysiwyg ul li{font-family:'Open Sans', sans-serif; font-size:13px; color:#b8b8b8; line-height:20px;}
.tinymcewysiwyg ol{ margin-left:20px; font-size:9px;}
.tinymcewysiwyg ol li{font-family:'Open Sans', sans-serif; font-size:13px; color:#b8b8b8; line-height:20px;}


#naviMain{margin:20px 0 20px 0;}
#naviMain{font-family:'Open Sans', sans-serif; font-size:13px; text-decoration: none;}
#naviMain a{font-family:'Open Sans', sans-serif; font-size:13px; text-decoration: none;}
#naviMain ul{list-style-type:none;}
#naviMain ul li{list-style-type:none;}
#naviMain ul li a{display:block; color:#ae9b63;padding-left:12px; padding-top:2px;}


#naviMain ul li a:hover{width:188px;color:#c4c4c4;line-height:20px;padding-left:12px;padding-top:2px; display:block;border-radius: 2px;}

#naviMain ul li div{border-bottom: 1px dotted #938350; width:200px; line-height:20px;color:#c4c4c4;}

#naviMain ul li div a{line-height:20px;color:#c4c4c4;border-radius: 2px;}


/* second level */
#naviMain ul ul {list-style-type:none; padding-left:30px; 
}
#naviMain ul ul li{color:#ae9b63;width:137px;
}
#naviMain ul ul li a{color:#ae9b63; line-height:20px;background-color:#1c1c1a;padding-left:1px;
}

#naviMain ul ul li a:hover{color:#796746; background-color:#1c1c1a;line-height:20px;display:block;width:137px;padding-left:1px;
}
#naviMain ul ul li div { color:#c4c4c4; border-bottom: 1px dotted #000000;line-height:20px; width:137px;
}
#naviMain ul ul li div a {color:#c4c4c4; background-color:#1c1c1a;line-height:20px; width:137px;
}

/* third level */
#naviMain ul ul ul{ list-style-type:disc; padding-left:10px;
}
#naviMain ul ul ul li{color:#ae9b63;
}
#naviMain ul ul ul li a{color:#ae9b63; line-height:20px;padding-left:1px;
}


#naviMain ul ul ul li a:hover{color:#796746;display:block; width:137px;padding-left:1px;}
#naviMain ul ul ul li div { width:60px;color:#f6f1e1; background-color:#1c1c1a;line-height:20px;
}
#naviMain ul ul ul li div a {color:#f6f1e1; background-color:#1c1c1a;line-height:20px;display:block; width:137px;
}


/* neue Schriftvorgaben */
p {font-family:'Open Sans', sans-serif; font-size:13px; color:#b8b8b8; line-height:20px}
p a{font-family:'Open Sans', sans-serif; font-size:13px; color:#ae9b63;text-decoration: none}
p a:hover{font-family:'Open Sans', sans-serif; font-size:13px; color:#796746;text-decoration: none}
li a{font-family:'Open Sans', sans-serif; font-size:13px; color:#ae9b63;text-decoration: none}
li a:hover{font-family:'Open Sans', sans-serif; font-size:13px; color:#796746;text-decoration: none}


td{font-family:'Open Sans', sans-serif; font-size:13px; color:#b8b8b8; line-height:20px}
td a{font-family:'Open Sans', sans-serif; font-size:13px; color:#ae9b63;text-decoration: none}
td a:hover{font-family:'Open Sans', sans-serif; font-size:13px; color:#796746;text-decoration: none}

h1{font-family:'Open Sans', sans-serif; 
	font-size:20px;color:#988b65; font-weight:normal}
h2{font-family:'Open Sans', sans-serif; 
	font-size:15px;color:#988b65;font-weight:normal; padding-bottom:6px;}
h3{font-family:'Open Sans', sans-serif; 
	font-size:13px;color:#988b65; font-weight:bold;padding-bottom:6px;}
h4{font-family:'Open Sans', sans-serif; 
	font-size:13px;color:#988b65; font-weight:normal;padding-bottom:6px;}
h5{font-family:'Open Sans', sans-serif; 
	font-size:14px;color:#988b65; font-weight:bold;padding-bottom:6px;text-transform: uppercase;}
h6{font-family:'Open Sans', sans-serif; 
	font-size:14px;color:#988b65; font-weight:normal;padding-bottom:6px;text-transform: uppercase;}

h2 a{font-family:'Open Sans', sans-serif; 
	font-size:13px;color:#796746; font-weight:normal;padding-bottom:6px; text-decoration: none;}
h2 a:hover{color:#796746;text-decoration: none;}
h3 a{font-family:'Open Sans', sans-serif; 
	font-size:13px;color:#796746; font-weight:bold;padding-bottom:6px; text-decoration: none;}
h3 a:hover{color:#796746;text-decoration: none;}

ul li{font-family:'Open Sans', sans-serif; font-size:13px; color:#b8b8b8; line-height:20px;}

/* alte Schriftvorgaben
p{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#b8b8b8; line-height:20px}
p a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ae9b63;text-decoration: none}
p a:hover{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#796746;text-decoration: none}

td{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#b8b8b8; line-height:20px}
td a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ae9b63;text-decoration: none}
td a:hover{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#796746;text-decoration: none}

h1{font-family:Arial, Helvetica, sans-serif;
	font-size:20px;color:#988b65;}
h2{font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;color:#988b65;padding-bottom:6px;}
h3{font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;color:#988b65; font-weight:bold;padding-bottom:6px;}
h4{font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;color:#988b65; font-weight:normal;padding-bottom:6px;}
h5{font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;color:#988b65; font-weight:bold;padding-bottom:6px;text-transform: uppercase;}
h6{font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;color:#988b65; font-weight:normal;padding-bottom:6px;text-transform: uppercase;}

h2 a{font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;color:#796746; font-weight:normal;padding-bottom:6px; text-decoration: none;}
h2 a:hover{color:#796746;text-decoration: none;}
h3 a{font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;color:#796746; font-weight:bold;padding-bottom:6px; text-decoration: none;}
h3 a:hover{color:#796746;text-decoration: none;}
*/

/*hr{color:#ae9b63;background-color:#ae9b63;height:1px;width:100%;border:none;}*/
hr {
    border: 1px dotted #ae9b63;
    border-style: none none dotted; 
    color: #000; 
    background-color: #000;
}


/* JAOS Milkbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

.galerie_thumbnail{
	float: left;
 
 // margin: 3px;
	
}

/* ls=landscape-Format der Thumbs */
.ls img{
	height: 80px;
	width: 125px;
	margin: 3px 3px;
	border: 1px solid #ae9b63;
}
/* pt=portrait-Format der Thumbs */
.pt img{
	margin: 3px 3px;
	 height: 80px;
	width: 56px; 
	
	border: 1px solid #ae9b63;
}

*{
	padding: 0;
	margin: 0;
}

/*body{
	font-family: Verdana, Sans-Serif, Arial;
	color: #333;
	background-color: #F6F6F6;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}*/

img {
	padding: 0;
	margin: 0;
	border: none;
}


/* Vom Image Fader ben�tigte styles */
/* 
 * image_fade_wrapper
 * Dient um die relative Positon des image_fade-Elements auf zuheben.
 * REDAXO: hier wird der Rahmen gesetzt und es k�nne auch padding und margin angegeben werden.
 */
.image_fade_wrapper {
	float: left;
	/*border: 1px solid #FFF;
	background-color: #C9D5D5;*/
	height:0px;
}
/* image_fade 
 * Positon relative ist notwendig um das unterliegende img-Element absolut positionieren zu k�nnen 
 * Breite und H�he sind notwendig, damit der Brower die Gr�sse des Image Faders kalkulieren kann.
 * REDAXO: F�r Redaxo implementierung hier kein margin oder padding angeben, das div wird auf Gr�sse der Bilder gesetzt.
 */
.image_fade {
	position: relative;
	float: left;
	width: 620px;
	/*height: 350px;*/
	border: none;
}
/* image_fade img
 *  Absolute Position und top, left = 0 muss gesetzt werden.
 * REDAXO: Kein margin und padding angeben.
 */
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}
/* ENDE - Vom Image Fader ben�tigte styles */
/*
A{
	color: #6666CC;
	text-decoration: none;
}
A:link{
	color: #6666CC;
} 
A:visited{
   color: #F76522; 
}
A:hover, A:active{
	color: #F76522;
}*/

/* ------- für modul externer link --------- */
// entsprechend anpassen

// Falls Linkbezeichnung neue Zeile (Einleitungstext als eigener Absatz)
p.extlink_preface {
  margin: 0;
  padding: 0 0 0.5em 0;
}

// Falls Linkbezeichnung nicht in neue Zeile (Einleitungstext und Link zusammen als Absatz)
p.extlink_block {

}

// Auszeichnung für den Link (um hover etc. ergänzen)
a.extlink_link {
  text-decoration: underline;
}

/* --------- für Modul Accordion 2 ---------- */

#accordion {
	position:relative;
	left:0px;
	top:10px;
	width:630px;
}
#accordion_2 {
	position:relative;
	left:0px;
	top:10px;
	width:630px;
}

dt {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;color:#000;
	font-weight:bold;
	background: #6b685e;
	float:left;
	width:690px;
	padding:5px 10px 4px 8px;
	margin-top:0px;
	margin-bottom:14px;
	cursor:pointer;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}

dt:hover {
	color:#ccc;
}

dd_1 {
	display:none;
	margin:0 0 15px 0;
	float:left;
	width:690px;
	padding:20px 10px 15px 10px;
}
dd {
	display:none;
	margin:0 0 15px 0;
	float:left;
	width:690px;
}

#button {
	float:right;
	display:block;
	height:10px;
	width:17px;
	text-indent:-9999px;
}

.closed { background:url(button.png) left no-repeat; }
.initial-open {display:block;}
.open { background:url(button.png) right no-repeat; }

/* --------- Ende Modul Accordion 2 ---------- */



.myBox {
	background-color:#a08f57;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #ae9b63;
	display:inline-block;
	color:#000;
	font-size:14px;
	font-weight:bold;
	padding:5px 36px;
	text-decoration:none;
}
.myButton {
	background-color:#a08f57;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #ae9b63;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-size:14px;
	font-weight:bold;
	padding:5px 66px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#ae9b63;
	font-size:14px;
	color:#52492c;


}
.myButton:active {
	position:relative;
	top:1px;
}
.mybutton {
	background-color:#a08f57;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #ae9b63;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-size:14px;
	font-weight:bold;
	padding:5px 66px;
	text-decoration:none;
}
.mybutton:hover {
	background-color:#ae9b63;
	font-size:14px;
	color:#52492c;


}
.mybutton:active {
	position:relative;
	top:1px;
}
.pressezitat {	
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	color: #827953;
}
.gala {	
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	color: #6f6652;
}
.galah3{	
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:18px;
	font-style:italic;
	color: #6f6652;
}
.schwarz{
	background-color:#000;
}
.goldrand{
border: 0px solid #ae9b63;
animation:fadein 0.5s;-moz-animation:fadein 1.0s;-webkit-animation:fadein 0.5s;
}
.ipf-kuenstler{
	border: 1px solid #ae9b63; 
	padding:3px 5px 3px 5px;
	margin-left:5px;
	background-color:#574d2e;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.abgedunkelt{
color: #7b7c7b;
}

.einleitung {margin-left:20px;font-size:13px; font-weight:bold; line-height:22px}

.einruecken {margin-left:120px;}
.einruecken50 {margin-left:50px;}


iframe:not([seamless]) {
border: 0px solid #ae9b63 !important;
}

.logos { float:left; 
	width:200px; 
	height:110px;
	text-align:center;
	vertical-align:middle;}

/* -------- Event Modul ---------- */
/* Kalenderblatt */
#cal {padding-top: 3px; color: #ae9b63; text-align: center; background-color: #ae9b63; background-image: url(calbg.gif); background-repeat: no-repeat; float: left; width: 40px; height: 50px; margin-right: 10px;}

#event-container { min-height:140px; margin-bottom:10px; padding-bottom:10px; border-bottom: 1px dotted #a79966;
}

.calneu {padding-left:6px; color: #ae9b63; text-align: left; float: left; width: 150px; height: 20px; margin-right: 10px; background-color:#403c25;}

/* Kalenderblatt Tag & Monat */
.calday {font-family:'Open Sans', sans-serif; 
	font-size:14px;font-weight:normal;color:#b8b8b8;}
.calmonth {font-family:'Open Sans', sans-serif; 
	font-size:14px;text-transform: uppercase;font-weight:normal;color:#b8b8b8;}
.calyear {font-family:'Open Sans', sans-serif; 
	font-size:14px;text-transform: uppercase;font-weight:normal;color:#b8b8b8;}
 clear: both;}

/* Bildausrichtung */
.left {float: left; margin-right: 15px; margin-bottom: 15px;}
.right {float: right; margin-left: 15px; margin-bottom: 15px;}
.bild {float: right; margin-left: 10px;}

/* Links */
.pdf {border: 0pt none; vertical-align: middle;}
.link {border: 0pt none; vertical-align: middle; margin-bottom:20px;}

/* Sonstige Klassen 
h1 {font-size: 14px; font-weight: bold; font-family: Myriad Condensed Web, Arial;}
h2 {font-size: 12px; font-style: italic; font-weight: normal;}
img {border: 0pt none;}
p.fett {font-weight: bold;}
hr {height:2px; border:0px; width:100%; background-image: url(trennlinie.gif); background-repeat: repeat-x; text-align: center; clear: both;}
*/


/* MD Gallery */
.ssgthumb {float: left; border: 1px solid #ae9b63; padding: 0px; margin: 0 5px 5px 0;}

/* ---------- fade in und fade out ----------- */
/* zu Element: animation:fadein 0.5s;-moz-animation:fadein 1.0s;-webkit-animation:fadein 0.5s; */
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@keyframes fadeout{from{opacity:1;}to{opacity:0;}}@-moz-keyframes fadeout{from{opacity:1;}to{opacity:0;}}@-webkit-keyframes fadeout{from{opacity:1;}to{opacity:0;}}@-o-keyframes fadeout{from{opacity:1;}to{opacity:0;}}



/*//////////////////////////////////////////////////////////////////////////////*

/* 
REDAXO-Modul: doForm! 3 - 4
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.x
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch
 
Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/
 
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
 
/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
}
 
 
/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
 
}
 
 
 
.formgen form
{
line-height : 120%;
 
}
 
 
 
 
/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
 
 
.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
 
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}
 
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
 
 
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
 
 
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #003366;
	background-color: #DFEEDD;
}
 
 
/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #E9EBF3;
	border: 1px solid #003366;
}
 
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #FFCC66;	
}
 
 
 
/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #003399;
}
 
 
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}
 
 
/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	background-color: #006699;
	border: 1px solid #FFCC33;
	float: right;
	color: #FFFFFF;
}
 
 
 
/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}
 
/* -------------- AUSGABEN / Fehlermeldungen --------*/
 
 
/* Markierung der Labels bei Fehler */
.formgen .formerror {
 
	border-bottom-width: 1px;
	color: #990000;
}
 
.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}
 
.formgen .formreq {
	color: #006633;
}
 
.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}
 
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

/* facebook-like-buttons am Ende */
.fb-like {
	margin-top:20px;
}

/* ---------- FOOTER -------------- */
#footer {
	width: 960px;
	height: 95px;
	margin-top: 12px;
	padding-top: 16px;
	background-color: #1c1c1a;
}
.kontakt {
	float: left;
	width: 255px;
	padding-left: 100px;
}
.social-icons {
	float: left;
	width: 360px;
	margin-top: 30px;
}
.fussmenue {
	float: left;
	width: 226px;
	padding-left: 14px;
}
.fussmenue ul {
	list-style-type: none;
}

#footer p, #footer a {
	font-size: 12px;
}

/* FOOTER Icon */

.social-icons {
font-size: 0.9em;
text-align: center;
}

.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}
.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}
.icon > .label {
			display: none;
		}

ul.icons {cursor: default;list-style: none;padding-left: 0;}
ul.icons li {display: inline-block;padding: 0 1em 0 0;}
ul.icons li:last-child {padding-right: 0;}
ul.icons li .icon:before {font-size: 2em;}