@font-face {font-family: Bauhaus; src: url('../font/Bauhaus.woff') format('woff'); font-weight: normal bold lighter 100 200 300 400 500 600 700 800 900;}
@font-face {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: normal bold lighter 100 200 300 400 500 600 700 800 900;}

body {color: #000000; background-color:#fff; font-family: Arial, Verdana, "sans-serif"; font-size:16px; line-height:140%; font-weight: normal; width:100%; height:100%; margin:0 auto; padding:0; text-align:center}
/*body {background: url(../pictures/bg.jpg); background-position:top center; background-attachment:fixed;}*/
html {-webkit-text-size-adjust: none;}

a:link{text-decoration:none;color:#b40923; font-weight:normal; border:0px;}
a:visited{text-decoration:none;color:#b40923; font-weight:normal; border:0px;}
a:hover{text-decoration:underline;color:#000000; font-weight:normal; border:0px;}
a:active{text-decoration:none;color:#b40923; font-weight:normal; border:0px;}

a.menu:link{text-decoration:none;color:#ffffff; font-family: 'Bauhaus', sans-serif; font-weight:100;}
a.menu:visited{text-decoration:none;color:#ffffff; font-family: 'Bauhaus', sans-serif; font-weight:200}
a.menu:hover{text-decoration:underline;color:#000000; font-family: 'Bauhaus', sans-serif; font-weight:900;}
a.menu:active{text-decoration:none;color:#ffffff; font-family: 'Bauhaus', sans-serif; font-weight:200}

#foot a:link{text-decoration:none;color:#cccccc; font-weight:normal; border:0px;}
#foot a:visited{text-decoration:none;color:#cccccc; font-weight:normal; border:0px;}
#foot a:hover{text-decoration:underline;color:#b40923; font-weight:normal; border:0px;}
#foot a:active{text-decoration:none;color:#cccccc; font-weight:normal; border:0px;}


a.copy:link{text-decoration:none;color:#006ab3; font-weight:normal;}
a.copy:visited{text-decoration:none;color:#006ab3; font-weight:normal;}
a.copy:hover{text-decoration:underline;color:#ffffff; font-weight:bold;}
a.copy:active{text-decoration:none;color:#006ab3; font-weight:normal;}


img {border:0px;}
.sound {margin:0 auto; float:left;}
p {padding:0; margin:0;}



.clear {clear:both} 
#container {width:100%; padding:0; margin:0px auto;}
/*-------------------------------------------------------- H E A D - S U B --------------------------------------------------------*/
#lg-mfh-l {left: 70px; top: 105px; width: 70px; margin-left: 0px; position:fixed; z-index:99997}
#lg-mfh-r {right: 70px; top: 105px; width: 70px; margin-left: 0px; position:fixed; z-index:99997}
#vrhng-lnks {width:50%; background-image:url(../pictures/vorhang-links.jpg); position:fixed; top:0px; left:90%; height:97%; z-index:99995;
-webkit-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
-moz-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);}
#vrhng-rchts {width:50%; background-image:url(../pictures/vorhang-rechts.jpg); position:fixed; top:0px; right:90%; height:97%; z-index:99995;
-webkit-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
-moz-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);}
#strhlr-lnks {width:230px; height:258px; position:fixed; top:0px; left:0px; z-index:99996; background-image:url(../pictures/strahler.png);}
#strhlr-rchts {width:230px; height:258px; position:fixed; top:0px; right:0px; z-index:99996; background-image:url(../pictures/strahler-r.png);}

@media screen and (max-width: 640px){
#lg-mfh-l {display: none}
#lg-mfh-r {display: none}
#vrhng-lnks {display: none}
#vrhng-rchts {display: none}
#strhlr-lnks {display: none}
#strhlr-rchts {display: none}

}
/*-------------------------------------------------------- H E A D --------------------------------------------------------*/
#vorhang-oben {position:fixed; top:0px; left:0px; width:100%; background-image:url(../pictures/vorhang-oben-christmas.png); background-repeat:repeat-x; height:92px; z-index:950}
#mfh {position:fixed; top:25%; left:50%; margin-left:-221px; z-index:100000}
#mfhl {position:fixed; top:25%; right:50%; margin-right:-221px; z-index:99997; display:none}
#vorhang-links {width:50%; background-image:url(../pictures/vorhang-links.jpg); position:fixed; top:0px; left:50%; height:97%; z-index:99995;
-webkit-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
-moz-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);}
#vorhang-rechts {width:50%; background-image:url(../pictures/vorhang-rechts.jpg); position:fixed; top:0px; right:50%; height:97%; z-index:99995;
-webkit-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
-moz-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);}
#strahler-links {width:230px; height:258px; position:fixed; top:0px; left:0px; z-index:99996; background-image:url(../pictures/strahler.png); display:none}
#strahler-rechts {width:230px; height:258px; position:fixed; top:0px; right:0px; z-index:99996; background-image:url(../pictures/strahler-r.png); display:none}
#lgmfl {left: 70px; top: 105px; width: 70px; margin-left: 0px; position:fixed;}
#lgmfr {right: 70px; top: 105px; width: 70px; margin-left: 0px; position:fixed;}

#head {width:100%; margin:55px auto 0 auto; float:left}
#header {width:100%; min-width:1000px; margin:0 auto;  z-index:800;
-webkit-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
-moz-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);}
#content-head {width:100%; min-width: 1100px; background-color:#999; text-align:center; min-height:150px; padding:0px 0px;}
#wowslider-container1{-webkit-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68); -moz-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68); box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);}
#titel640 {display: none}


@media screen and (max-width: 1250px){
#lgmfl {display:none;}
#lgmfr {display:none;}	
}
@media screen and (max-width: 1000px){
#header {width:100%; min-width:auto; min-height: 208px; margin:0 auto;  z-index:800;
-webkit-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
-moz-box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);
box-shadow: 0px 10px 21px 0px rgba(0,0,0,0.68);}
	
}
@media screen and (max-width: 640px){
#head {width:640px; margin:0px auto; float:left}
#content-head {width:640px; min-width: 640px; background-color:#999; text-align:center; min-height:0px; padding:0px 0px;}
#header {display:none}
#lgmfl {display:none}
#lgmfr {display:none}
#vorhang-rechts, #vorhang-links {display: none}
#vorhang-oben {position:relative; top:0px; left:0px; width:640px; background-image:none; background-color: #01560c; background-repeat:repeat-x; height:auto; z-index:950; margin: 0; padding: 0;}
#mfh {display: none}
#mfhl {display: none}
#strahler-links {display:none; width: 0; height: 0;}
#strahler-rechts {display:none; width: 0; height: 0;}
#slider {display: none}
#titel640 {display: block; width: 600px; margin: 0 auto; padding: 20px 0 0 0;}
}

/*-------------------------------------------------------- M E N Ü --------------------------------------------------------*/
div#menu-sub {width:100%; width:1000px; height:40px; margin:0 auto; position:relative; top:10px; z-index:970;}
div#menu {width:100%; width:1000px; height:40px; margin:0 auto; position:relative; top:10px; z-index:970; display:none}
ul#menu {margin-top:20px; padding: 20px 0px 10px 0px; list-style: none; display: inline; font-size:22px;}
ul#menu li {margin:10px 0 0 0; padding:10px 0; display:inline; text-align:center}
ul#menu a{padding: 40px 25px 12px 25px; text-decoration: none; border-left:1px solid #ffffff; }
ul#menu a.fst{padding: 40px 25px 12px 25px; text-decoration: none; border-left:0px solid #ffffff; }
a.menu:hover {padding:10px 25px 12px 25px; }
a.menu-active {color:#ffffff;}

@media screen and (max-width: 1000px){
div#menu-sub {width:100%; width:1000px; height:40px; margin:0 auto; position:relative; top:10px; z-index:970;}
div#menu {width:100%; max-width:1000px; height:40px; margin:0 auto; position:relative; top:10px; z-index:970; display:none}
ul#menu {margin-top:20px; padding: 20px 0px 10px 0px; list-style: none; display: inline; font-size:18px;}
ul#menu li {margin:10px 0 0 0; padding:10px 0; display:inline; text-align:center}
ul#menu a{padding: 40px 5px 12px 5px; text-decoration: none; border-left:0px solid #ffffff; }
ul#menu a.fst{padding: 40px 5px 12px 5px; text-decoration: none; border-left:0px solid #ffffff; }
a.menu:hover {padding:10px 5px 12px 5px; }
a.menu-active {color:#ffffff;}
}

@media screen and (max-width: 640px){
div#menu-sub {width:100%; max-width:540px; height:auto; margin:0 auto; position:relative; top:0px; z-index:970;}
div#menu {width:100%; max-width:540px; height:auto; margin:0 auto; position:relative; top:0px; z-index:970; display: block}
ul#menu {margin:0px; padding: 0px 0px 0px 0px; list-style: none; display: block; font-size:48px;}
ul#menu li {margin:0px 0; padding:30px 0px; display:block; text-align:center; border-bottom: 2px solid #000000; float: none}
ul#menu li:last-child {margin:0px 0; padding:30px 0px; display:block; text-align:center; border-bottom: 0px; float: none}
ul#menu a{padding: 0px 0px 0px 0px; text-decoration: none; font-weight: bold; border-left:0px solid #ffffff; }
ul#menu a.fst{padding: 0px 0px 0px 0px; text-decoration: none; border-left:0px solid #ffffff; }
a.menu:hover {padding: 0px 0px 0px 0px; }
a.menu-active {color:#ffffff;}
}

/*-------------------------------------------------------- M A I N --------------------------------------------------------*/
#main {width:100%; margin:0 auto; z-index:750; float:left}
#content-main {position:relative; width:1000px; font-size:20px; padding:20px 0 50px 0; margin-bottom: 100px; text-align:left; font-weight: normal !important; line-height: 140%;}
#cml {position:relative; width:690px; padding:20px 10px 20px 30px; font-size:20px; text-align:left; float:left}
#cmr {position:relative; width:250px; margin-top:20px; padding:10px 10px 20px 10px; min-height:200px; background-color:#D1D1D1; float:right}
#pic1 {width: 710px;}
.plakat {margin: 0 0 20px 20px; -webkit-box-shadow: -5px 5px 20px 3px rgba(0,0,0,0.7); shadow: -5px 5px 20px 3px rgba(0,0,0,0.7);}
.saalplan {}
#news_pic {width: 240px;}
#news_pic_lrg {width: 500px;}


@media screen and (max-width: 1000px){
#content-main {position:relative; width:100%; max-width: 1000px; font-size:20px;}
#cml {position:relative; width:100%; min-width: 640px; max-width: 960px; padding:20px 20px; font-size:20px; text-align:left; float:left}
#cmr {position:relative; width:100%; min-width: 640px; max-width: 960px; margin-top:20px; padding:0px 20px 20px 20px; min-height:200px; background-color:#D1D1D1; float:left}
#news_pic {width: 560px;}

}
@media screen and (max-width: 640px){
#content-main {position:relative; width:600px; padding: 20px; font-size:30px; min-height:1000px;}
#cml {position:relative; width:100%; min-width: 580px; max-width: 580px; padding:10px 10px; font-size:30px; line-height: 140%; text-align:left; float:left}
#cmr {position:relative; width:100%; min-width: 560px; max-width: 580px; margin-top:0px; padding:10px 10px; min-height:200px; font-size:26px; line-height: 140%; background-color:#D1D1D1; float:left}	
#pic1 {width: 580px;}
	.saalplan {width: 580px}
	#news_pic {width: 560px;}
	#news_pic_lrg {width: 560px; padding-bottom: 10px;}

}
/*-------------------------------------------------------- F O O T E R --------------------------------------------------------*/
#foot {width:100%; min-height:100px; margin:0 auto; background-color:#333; background-image:url(../pictures/hg.jpg); background-repeat:repeat; z-index: 9999} 
#cfl p { font-size:16px;}
#content-foot {z-index: 10000}

@media screen and (min-width: 1000px){
#foot {width:100%; height:130px; margin:0 auto; background-color:#333; background-image:url(../pictures/hg.jpg); background-repeat:repeat; position:fixed; bottom:0px; left:0px;} 
#content-foot {width:980px; padding:10px 10px; font-size:12px; text-align:left; color:#CCC; }
#cfl {width:520px; font-size:12px; float:left;}
#cfr {width:300px; font-size:18px; text-align:right; float:right;}
#cfr p#small {font-size:10px;}
}

@media screen and (max-width: 1000px){
#foot {width:100%; min-width:640px; max-width: 1000px; min-height:100px; margin:0 auto; background-color:#333; background-image:url(../pictures/hg.jpg); background-repeat:repeat; float:left} 
#content-foot {width:100%; min-width: 600px; max-width: 960px; padding:20px 20px; font-size:14px; text-align:left; color:#CCC; }
#cfl {width:310px; float:left;}
#cfr {width:310px; text-align:right; float:right;}
}

@media screen and (max-width: 640px){
#foot {width:640px; min-width:640px; min-height:100px; margin:0 auto; background-color:#333; background-image:none; float:left} 
#content-foot {width:620px; max-width: 620px; padding:20px 10px; font-size:14px; text-align:left; color:#CCC; }
#cfl {width:620px; font-size: 38px; line-height: 140%; float:left;}
#cfr {width:620px; font-size: 38px; line-height: 140%; margin-top: 20px; text-align:center; float:left;}
#cfl p {font-size:38px; line-height: 140%;}
#cfr p {font-size:38px; line-height: 140%;}
}

/*--------------------------------------------------------- F O N T ------------------------------------------*/
h1 {padding: 0px; padding-bottom: 0px; margin: 0px; font-size: 24px; color: #b40a24; font-family: Bauhaus}
h2 {padding: 0px; padding-bottom: 0px; margin: 0px; font-size: 20px; line-height:24px; color: #000000; }
#small {font-size:10px; line-height:140%;}
.cmrh {padding: 10px; border-radius: 15px; background-color: rgba(239,0,0,1.00); text-align: center; align: center; }
#cmr p {font-size: 16px; line-height: 140%;}
h3 {padding: 0px; padding-bottom: 0px; margin: 0px; font-size: 20px; color: #000000;}

@media screen and (min-width: 640px){
h1 {color: #b40a24; font-family: Bauhaus; }
h2 {color:#000000;}
}

@media screen and (max-width: 640px){
h1 { padding: 0px; margin: 0px 0 10px 0; font-size: 40px; line-height:140%; color: #b40a24; font-family: Bauhaus; }
h2 {font-size:36px; line-height:140%; padding:0px; margin:0px; font-weight:bold; color:#000000;}
#small {font-size:16px; line-height:140%;}
#cmr p {font-size: 26px; line-height: 140%;}

}

@media screen and (min-width: 320px){
h1 {color: #b40a24; font-family: Bauhaus; }
h2 {color:#000000;}
}

/*-------------------------------------------------------- F O R M --------------------------------------------------------*/
.control-label { color:#000000; font-family:Arial,Helvetica,Geneva; }
.internal { display: none; }
.form-group {margin-bottom: 1rem !important;}
.labelwrapper {        }
.labelleft {display: inline-block;}
.labelright {display: inline-block; max-height: 20px;}
.captcha {width: 15%; min-width: 120px; display: inline; z-index: -10}
.form-control {margin-bottom: 5px; font-size: 12pt !important; z-index: -10 }
.form-control-captcha {margin-bottom: 5px; font-size: 12pt z-index: -10 }
.textend {margin-top: 15px; margin-bottom: 15px;}
.checkbox {margin-top: 0px;}
.radio {margin-top: 0px;}
.zwtext {margin-top: 10px; margin-bottom: 10px;}
.input-file {border-width: 0px; height: 100%; background-color: transparent;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {background: #; color: #; border-color: transparent;}
.btn-primary { background: #; color: #; border-color: transparent;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {   background: #; color: #; border-color: transparent;}
.btn-secondary { background: #; color: #; border-color: transparent;}
.spaceform {font-size: 18px;
	padding: 14px 10px;
	width: 100%;
	padding-left: 35px;
	outline: none;
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #C4D1EB;
	border-radius: 5px;
	box-shadow: 3px 3px 2px 0px #E2E2E2;
	transition: .3s ease;}


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

/** *************************************************
*                                                   *
*         CMS / News Script V2                      *
*         Interne Version: 2.0.0.1                  *
*                                                   *
*         © 2009-2011 HINNENDAHL.COM                *
*                                                   *
*         Holger Hinnendahl                         *
*         Rappoldstr. 11                            *
*         33611 Bielefeld                           *
*         http://www.hinnendahl.com                 *
*                                                   *
*         Dieser Text darf aus rechtlichen          *
*         Gründen niemals entfernt werden!          *
*                                                   *
****************************************************/

/** gesamtbreite der ausgabe ***********************************************************************************************************/

/** die gesamtbreite bitte in Zeile: 70 (.show_news_container) eintragen 
    der rest passt sich automatisch an */

#cont_all { width: 100%; margin: 0 0 0px 0; padding: 0; }

/** untergeordnete div ***********************************************************************************************************/

.show_news_container,
#formular_make_news,
#formular_titel_plugin,
#formular_ddl_plugin,
#formular_titel_headline,
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer,
.options { width: 100%; }

/** breite der formular input felder ***********************************************************************************************************/

.input_feld,
.input_area {width: 98%; }

/** suchmaske + ausgabe ***********************************************************************************************************/

#search { margin: 0px; width:160px; height:38px; padding:10px 15px 0 0; float:right}
#search .input {width: 100px; height: 20px; color: #144b81; padding: 0; margin:0; font-weight:normal; letter-spacing:1px; font-size:14px; background:none; background-color:#ffffff; border:1px solid #006ab3; border-radius:1px;}
#search .input:focus { }

#search .cms_button {cursor: pointer; width: 50px; height: 20px; border: 0; background-color:transparent; color:#ffffff; font-weight:bold; letter-spacing:1px; font-size:12px; margin: 0; padding:0;}
#search .cms_button:hover {background-color:#none; width:50px; height:20px; color:#006ab3;}

/** bild, welches in der suche angezeigt wird */
.search_pic { margin: 2px 5px 4px 0px; float: left; width: 100px; padding:3px; background-color: #FCFCFC; border:1px solid #CCCCCC; } 

/** admin login dialog ***********************************************************************************************************/

#admin_login { width: 235px; margin: 0px auto 0px auto; font-weight: bold; font-size: 12px; }
#i_login,
#i_pass { width: 205px; margin-top: 5px; text-align: right; }
#i_button { text-align: right; margin: 10px 5px 5px 0px; }

.login_input_field { width: 140px; padding: 4px 5px 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #DDDDDD; border:1px solid #CCCCCC;  box-shadow: inset 1px 1px 1px #555555; -webkit-box-shadow: inset 1px 1px 1px #555555; -moz-box-shadow: inset 1px 1px 1px #555555; }
.login_input_field:focus { box-shadow: inset 2px 2px 4px #333333; -webkit-box-shadow: inset 2px 2px 4px #333333; -moz-box-shadow: inset 2px 2px 4px #333333; }

/** artikel ausgabe ***********************************************************************************************************/

.show_news_container { width: 100%; padding: 0; margin-bottom: 10px; color: #333333; line-height: 150%; }

/** artikel überschrift ***********************************************************************************************************/

.show_news_headline h1,
.show_news_headline_hover h1,
.show_news_static_headline h1 { padding: 0 0 0px 0; margin: 0px; font-size: 26px; line-height:140%; color: #b40923; text-shadow:#FFF 1px 1px }

.show_news_headline h2,
.show_news_headline_hover h2,
.show_news_static_headline h2 {font-size:22px; color:#b40923; text-shadow:#FFF 1px 1px; line-height:140%; margin:0px; padding:0px;}

.show_news_headline,
.show_news_headline_hover { min-height: 15px; margin-bottom: 5px; padding: 3px 0px 3px 35px; /*border-bottom: 1px solid #999999;*/ clear: both; background: url("../graphic/h_auf.png") no-repeat 0px 2px; cursor: pointer;  }
.show_news_headline_hover { background: url("../graphic/h_zu.png") no-repeat 0px 2px; }

.show_news_static_headline { min-height: 1px; margin-bottom: 0px; padding: 0px 0px 0px 0px;/* border-bottom: 1px solid #999999;*/ }
@media screen and (max-width: 640px){
.show_news_headline h1,
.show_news_headline_hover h1,
.show_news_static_headline h1 { padding: 0 0 0px 0; margin: 0px; font-size: 36px; line-height:140%; color: #b40923; text-shadow:#FFF 1px 1px }

.show_news_headline h2,
.show_news_headline_hover h2,
.show_news_static_headline h2 {font-size:32px; color:#b40923; text-shadow:#FFF 1px 1px; line-height:140%; margin:0px; padding:0px;}

.show_news_headline,
.show_news_headline_hover { min-height: 15px; margin-bottom: 5px; padding: 3px 0px 3px 35px; /*border-bottom: 1px solid #999999;*/ clear: both; background: url("../graphic/h_auf.png") no-repeat 0px 2px; cursor: pointer;  }
.show_news_headline_hover { background: url("../graphic/h_zu.png") no-repeat 0px 2px; }

.show_news_static_headline { min-height: 1px; margin-bottom: 0px; padding: 0px 0px 0px 0px;/* border-bottom: 1px solid #999999;*/ }
}
/** artikel inhalt ***********************************************************************************************************/

.show_news_inhalt { clear: both; padding-top: 10px; width: 100%; height: auto; color: #000000; font-size:20px; line-height:140%; text-align:left}

.show_news_inhalt h1 {padding: 0px; padding-bottom: 0px; margin: 0px; font-size: 26px; line-height:140%; color: #b40923; text-shadow:#FFF 1px 1px }

.show_news_inhalt h2 {padding: 0px; padding-bottom: 0px; margin: 0px; font-size: 22px; line-height:140%; color: #b40923; text-shadow:#FFF 1px 1px }

.show_news_inhalt li {list-style-type:disc;}
@media screen and (max-width: 640px){
.show_news_inhalt { clear: both; padding-top: 10px; width: 100%; height: auto; color: #000000; font-size:30px; line-height:140%; text-align:left}

.show_news_inhalt h1 {padding: 0px; padding-bottom: 0px; margin: 0px; font-size: 36px; line-height:140%; color: #b40923; text-shadow:#FFF 1px 1px }

.show_news_inhalt h2 {padding: 0px; padding-bottom: 0px; margin: 0px; font-size: 32px; line-height:140%; color: #b40923; text-shadow:#FFF 1px 1px }

.show_news_inhalt li {list-style-type:disc;}
}

/** artikel fußzeile ***********************************************************************************************************/

.show_news_footer { margin-top: 5px; padding-top: 5px; border-top: 0px dotted #666; clear: both; }

/** admin buttons (edit, delete, move up / down) *******************************************************************************/

.admin_option_button { padding: 15px 0px 10px 0px; }

/** linien ***********************************************************************************************************/

.linie { border-top: 0px dashed #000000; }
/*.show_news_container hr { border: none; border-top: 1px dashed #000000; }*/
.show_news_container ul { list-style-type: square; }
#news_admin { border: 1px solid #AAAAAA; background-color: #EEEEEE; height: auto; padding: 10px; width: 99%; text-align: left; }
#news_admin h2 { font-size: 14px; }

/** artikel bearbeiten -> formular ***********************************************************************************************************/

#formular_titel_plugin,
#formular_titel_headline,
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_ddl_plugin,
#formular_input_footer { margin-top: 10px; font-weight: bold; }
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer { padding: 2px; font-weight: normal; }
.input_feld,
.input_area { font-family:Arial, Verdana, Geneva, sans-serif; font-size: 12px; }
.input_area { height: 360px; }
.ddl { width:40%; margin-right:10px;}
.ddl_input { width:55%; }
#make_news_button { padding-top: 5px; }

/** artikel bearbeiten -> bilder ***********************************************************************************************************/

#bild_verwaltung { max-height: 180px; overflow: auto; }
#over { width: 200px; height: 100px; }
.bild { text-align: center; width: 120px; float: left; }
.insert { text-align: center; width: 240px; float: left; }
.delete { text-align: center; width: 200px; float: left; }
.options { color: #544F43; text-align: left; padding: 2px; }

/** artikel bearbeiten -> dateien ***********************************************************************************************************/

.datei { padding-top: 6px; float: left; }
.datei_insert { padding-bottom: 8px; float: right; }

/** buttons ***********************************************************************************************************/

.button { color: #333333; padding: 3px 5px 3px 5px; cursor:pointer; font-family: arial; font-size: 12px; font-weight: bold; outline:none; text-shadow: 0px 0.5px 0px #CCCCCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #CCCCCC; background: -moz-linear-gradient(top, #EEEEEE, #999999); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE), color-stop(1, #999999)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#999999')"; /* IE8 only */ filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#999999'); /* IE6,IE7 only */ border:1px solid #333333; box-shadow: 0px 0px 3px #555555; -webkit-box-shadow: 0px 0px 3px #555555; -moz-box-shadow: 0px 0px 4px #888888; }

.button:hover { color: #FFFFFF; }

.button:active,
.button_active { color: #EEEEEE; text-shadow: 0px 0.5px 0px #333; background: #333333; background: -moz-linear-gradient(top, #888888, #222222); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888888), color-stop(1, #222222)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#888888', EndColorStr='#222222')"; /* IE8 only */ filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#888888', EndColorStr='#222222'); /* IE6,IE7 only */ border:1px solid #333; box-shadow: inset 0px 1px 3px #555555; -webkit-box-shadow: inset 0px 1px 3px #555555; -moz-box-shadow: 0px 0px 3px #555555, inset 0px 1px 3px #555555;  }
.button_active { cursor: default; } /** extra für textlinks kein pointer */

/** link als button */
.button_navi { padding: 5px 10px; text-decoration: none; outline: 0; }

.up { background: url("../graphic/up.png") no-repeat center 0px; padding: 1px 4px 3px 4px; }
.down { background: url("../graphic/down.png") no-repeat center 0px; padding: 1px 4px 3px 4px; }

/** blätterfunktion ***********************************************************************************************************/

.seiten_navi { width: 100%; margin: 30px 0; }

/** stile und überschriften ***********************************************************************************************************/

.cms_color1 { color: #ffffff; }
.cms_color2 { color: #000000; }
.cms_color3 { color: #144b81; }

/** formular -> einstellungen ***********************************************************************************************************/

.settings_beschreibung { width: 120px; float: left; margin: 5px; }
.settings_wert { width: 160px; float: left; margin: 2px; }
.settings_help { padding-top: 4px; }
.clear { clear: both; }

/** tooltip ***********************************************************************************************************/

.tooltip { z-index: 999; position: absolute; display: none; margin-top: -40px; margin-left: 20px; background-color: #FFFFFF; width:300px; border:1px solid #666666; height:auto; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; box-shadow: 0px 0px 25px #111111; -webkit-box-shadow: 0px 0px 25px #111111; -moz-box-shadow: 0px 0px 25px #111111; }
.tooltip_head { background: url("../graphic/button_a.png") repeat-x; height:18px; text-align:left; padding:3px 5px 3px 5px; color:#333333; font-weight:bold; text-shadow: 0px 1px 0px #CCCCCC; }
.tooltip_content { border-top:1px solid #666666; padding:5px; background-color:#EFEFEF; text-align:left; }
.tooltip_content ul { list-style-type: square; }

/** messages ***********************************************************************************************************/

.ok { width: 100%; height: auto; padding: 10px 0px; border: 1px solid #000000; background: url("../graphic/output_ok.png") no-repeat 10px center #80b424; color:#ffffff; margin: 0px 0 10px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0px 2px 5px #888888; -webkit-box-shadow: 0px 2px 5px #888888; -moz-box-shadow: 0px 2px 5px #888888; }
.error { width: 100%; height: auto; padding: 10px 0px; border: 1px solid #000000; background: url("../graphic/output_error.png") no-repeat 10px center #ff0000; margin: 0px 0 10px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0px 2px 5px #888888; -webkit-box-shadow: 0px 2px 5px #888888; -moz-box-shadow: 0px 2px 5px #888888; }
.info { width: 100%; height: auto; padding: 10px 0px; border: 1px solid #000000; background: url("../graphic/output_info.png") no-repeat 10px center #80b424; color:#ffffff; margin: 0px 0 10px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0px 2px 5px #888888; -webkit-box-shadow: 0px 2px 5px #888888; -moz-box-shadow: 0px 2px 5px #888888; }
.ok ul, .error ul, .info ul { list-style-type: none; }
.ok li, .error li, .info li { padding-left: 40px; color: #000000; }


.abstand { margin-top: 30px; text-align: center; }


#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../cms_system/graphic/fancybox/fancybox.png'); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../cms_system/graphic/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../cms_system/graphic/fancybox/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('../cms_system/graphic/fancybox/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('../cms_system/graphic/fancybox/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../cms_system/graphic/fancybox/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../cms_system/graphic/fancybox/fancybox.png'); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../cms_system/graphic/fancybox/fancybox-y.png'); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../cms_system/graphic/fancybox/fancybox.png'); background-position: -40px -182px; }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../cms_system/graphic/fancybox/fancybox-x.png'); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../cms_system/graphic/fancybox/fancybox.png'); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../cms_system/graphic/fancybox/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../cms_system/graphic/fancybox/fancybox.png'); background-position: -40px -122px; }
#fancybox-title { font-family: Verdana; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
.fancybox-image-count {font-weight: bold; float: right; color: #EEEEEE; text-shadow: 0.5px 0.5px 1px #000000; }
#fancybox-title-over { padding: 10px 10px 20px 10px; background-image: url('../cms_system/graphic/fancybox/fancy_title_over.png'); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('../cms_system/graphic/fancybox/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../cms_system/graphic/fancybox/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('../cms_system/graphic/fancybox/fancybox.png') -55px -90px no-repeat; }

/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); }
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


.code { border: 1px solid #999999; width: auto; height: auto; overflow: auto; }
.count_row { font-weight: bold; padding: 3px; line-height: 140%; font-family: monospace; background-color: #BCBCBA; text-align: right; color: #FFFFFF; padding: 3px 4px 3px 4px; border-right: 0px solid #000; float: left; }
.code_content { line-height: 140%; border-left:3px solid #FFFFFF; white-space: nowrap; height:auto; width:auto; padding: 3px 0px 3px 10px; overflow:auto; background-color:#EEEDEA; font-size:12px; }

.highlight-bg { color: #FFFFFF; }
.highlight-html { color: #333333; }
.highlight-default { color: #0000BB; }
.highlight-keyword { color: #007700; }
.highlight-string { color: #DD0000; }
.highlight-comment { color: #FF6600; }


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/****************************************************
*                                                   *
*         CMS / News Script V2                      *
*         Interne Version: 2.0.0.1                  *
*                                                   *
*         © 2009-2011 HINNENDAHL.COM                *
*                                                   *
*         Holger Hinnendahl                          *
*         Rappoldstr. 11                            *
*         33611 Bielefeld                           *
*         http://www.hinnendahl.com                 *
*                                                   *
*         Dieser Text darf aus rechtlichen          *
*         Gründen niemals entfernt werden!          *
*                                                   *
****************************************************/

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* tragen sie hier ihre fertigen css klassen ein, die im cms system zur verfügung stehen sollen
   die hier eingetrragenen klassen, finden sie beim schreiben eines artikels im editor (dropdown feld: Format) */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.Zitat_Links {
    border: 1px solid #AAAAAA;
    background: url("../cms_system/graphic/quote.png") no-repeat 6px 0px #DDDDDD;
    height: auto;
    width: auto;
    line-height: 140%;
    padding: 8px 8px 8px 40px;
    margin: 0px 10px 0px 0px;
    float: left;
}
.Zitat_Rechts {
    border: 1px solid #AAAAAA;
    background: url("../cms_system/graphic/quote.png") no-repeat 6px 0px #DDDDDD;
    height: auto;
    width: auto;
    line-height: 140%;
    padding: 8px 8px 8px 40px;
    margin: 0px 0px 0px 10px;
    float: right;
}

.cmsImgLft { margin: 0px 15px 5px 0px; float:left; }
.cmsImgNoFlt { margin: 2px 5px 2px 5px; vertical-align:middle; }
.cmsImgRgt { margin: 0px 0px 5px 15px;float:right; }

.cmsImgLft1 { margin: 0px 15px 5px 0px; float:left; }
.cmsImgNoFlt1 { margin: 2px 5px 2px 5px; vertical-align:middle; }
.cmsImgRgt1 { margin: 0px 0px 5px 15px;float:right; }

/** rahmen */
.cmsImgLft1,
.cmsImgNoFlt1,
.cmsImgRgt1 { border: 0px solid #FFFFFF; padding: 0px; background-color:transparent; background:none;}

.cmsImgLft,
.cmsImgNoFlt,
.cmsImgRgt { border: 0px solid #FFFFFF; padding: 0px; background-color:transparent; -webkit-box-shadow: 0 2px 5px #333; -moz-box-shadow: 0 2px 5px #333; box-shadow: 0 2px 5px #333; }

.cmsImgLft:hover,
.cmsImgNoFlt:hover,
.cmsImgRgt:hover { -webkit-box-shadow: 0 2px 5px #333; -moz-box-shadow: 0 2px 5px #333; box-shadow: 0 2px 5px #333; }


.teaser_ausgabe { width: 100%; height: auto; margin: 12px auto 30px 2px; padding-left: 0px; }
.teaser_ausgabe_headline { font-weight: bold; font-size:26px; width: 100%; padding-bottom: 10px; clear: left; }
.teaser_ausgabe_inhalt { width: 100%; padding-top: 2px; margin-bottom: 20px; line-height: 140%; color:#ffffff; }
.teaser_ausgabe_pic { margin: 2px 10px 1px 0px; padding: 3px; background-color: #EEE; float: left; width: 220px; border:1px solid #FFF; -webkit-box-shadow: 0 1px 5px #888; -moz-box-shadow: 0 1px 5px #888; box-shadow: 0 1px 5px #888; } 
.teaser_ausgabe_clear { clear: both; }

.teaser_ausgabe_headline a:link { color: #ffffff; outline: 0; text-decoration: none; }
.teaser_ausgabe_headline a:visited { color: #ffffff; outline: 0; text-decoration: none; }
.teaser_ausgabe_headline a:hover { color: #b40923; outline: 0; text-decoration: none; }
.teaser_ausgabe_headline a:focus { color: #ffffff; outline: 0; text-decoration: none; }

.teaser_ausgabe_inhalt a:link { color: #b40923; outline: 0; text-decoration: none; }
.teaser_ausgabe_inhalt a:visited { color: #b40923; outline: 0; text-decoration: none; }
.teaser_ausgabe_inhalt a:hover { color: #000000; outline: 0; text-decoration: none; }
.teaser_ausgabe_inhalt a:focus { color: #b40923; outline: 0; text-decoration: none; }