/* styles for CMS */

/*@import "navi.css";*/
/*@import "menu.css";*/
/*@import "forms.css";*/
@import "radio.css";
/*@import "slide.css";*/
/*@import "galerie.css";*/
@import "footer.css";
/*@import "style_1.css";*/
/*@import "style_2.css";*/
/*@import "style_3.css";*/
/*@import "style_4.css";*/
/*@import "style_5.css";*/
/*@import "style_6.css";*/
/*@import "style_7.css";*/
/*@import "style_8.css";*/
@import "style_9.css";
/*@import "style_10.css";*/
/*@import "style_11.css";*/
/*@import "style_12.css";*/
@import "top.css";
/*@import "playlist.css";*/
/*@import "events.css";*/
/*@import "kalender.css";*/
@import "header.css";
/*@import "friendscol.css";*/
/*@import "socialcol.css";*/
/*@import "teaser.css";*/
/*@import "verticalmen.css";*/
/*@import "highlight.css";*/
/*@import "breadcrump.css";*/
/*@import "restore.css";*/
@import "contact.css";
/*@import "call.css";*/
/*@import "fade.css";*/
/*@import "imgpopup.css";*/
/*@import "organizer.css";*/
@import "visiter.css";
@import "statistic.css";

@font-face {
  font-family: Antonio;
  src: url(../fnt/Antonio-Regular.ttf);
}


/*@import "player.css";*/
/*@import "slidegalerie.css";*/
/*@import "style.css";*/

* {
	/* background-color: transparent; */
}

a {
	text-decoration: none;
}

body {
	margin: 0 auto;
	font-family: helvetica, verdana;
	font-size: 15px;
	line-height: 21px;
/*	background-color: #000;*/
	color: #555;
		-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.6);
      -moz-box-shadow:0px 0px 20px rgba(0,0,0,.6);
           box-shadow:0px 0px 20px rgba(0,0,0,.6);
  background: rgba(0,0,0,1);
  background-position: top;
  /*
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
	
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(54,54,54,1) 15%, rgba(61,60,61,1) 31%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(15%, rgba(54,54,54,1)), color-stop(31%, rgba(61,60,61,1)), color-stop(35%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(54,54,54,1) 15%, rgba(61,60,61,1) 31%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(54,54,54,1) 15%, rgba(61,60,61,1) 31%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(54,54,54,1) 15%, rgba(61,60,61,1) 31%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(54,54,54,1) 15%, rgba(61,60,61,1) 31%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );
	stop: 500px;
	background-repeat: no-repeat;
	background-position: top;
	*/
/*
stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 7%, rgba(102,102,102,1) 14%, rgba(71,71,71,1) 22%, rgba(44,44,44,1) 30%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 7%, rgba(102,102,102,1) 14%, rgba(71,71,71,1) 22%, rgba(44,44,44,1) 30%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 7%, rgba(102,102,102,1) 14%, rgba(71,71,71,1) 22%, rgba(44,44,44,1) 30%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 7%, rgba(102,102,102,1) 14%, rgba(71,71,71,1) 22%, rgba(44,44,44,1) 30%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );
*/

}

content {
	background-color: white !important;
	display: block;
}

header {
	margin: 0 auto;
	width: 1000px;
	height: 250px;
}

/*
.vnavi-col {
  width: 100% !important;
  float: left;
  padding: 0px;
  display: inline-block;
  margin-bottom: 0px;
  height:29px;
}
*/

#site {
	margin: 0 auto;
	width: 1000px;
	background: #fff;
	margin-bottom: 0px;
	/*border: 1px solid blue;*/
	display: -webkit-box;
	/*background: url("../../radio.png");*/
}

.site {
	background: #ddd;
}

#sitehdl {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
	width: 100%;
	height: 250px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #fff;
	text-align: right;
	padding-right: 0px;
	border: 0px solid green;
	background-color: black;
	background-image: url(../sim/background-top.png);
  /*
  background-position-x: 11px;
  background-position-y: 127px;
  background-repeat: no-repeat;
  background-size: 100px;
  */
}

#sitehdl a {
	color: transparent;
	font-size: 12px;
	text-decoration: none;
	background-color: transparent;
}

#hdlineadd {
	position: relative;
	font-family: helvetica, verdana;
	font-size: 25px;
	font-weight: normal;
	/*font-family: "FreeSerif Bold", "Times New Roman";*/
	font-family: "Arial", "Verdana";
	border-top: 0px solid silver;
	color: #78A721;
	padding-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
	background: #fff;
	border: 0px solid orange;	
	display: block;
	background-color: white;
	z-index: 2;
	clear: left;
}

.contbox {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 1px;
	margin-bottom: 0px;
	border: 0px solid black;
}

/*
.z-index: 0;
  position: absolute;
  content: "";
  bottom: 0%;
  left: 26px;
  width: 50%;
  top: 100%;
  max-width: 337px;
  background: #777;
  box-shadow: 0 -15px 10px 12px #777;
  transform: rotate(0.5deg);
}

.contbox:after {
z-index: 0;
  position: absolute;
  content: "";
  bottom: 0%;
  right: 26px;
  width: 50%;
  top: 100%;
  max-width: 337px;
  background: #777;
  box-shadow: 0 -15px 10px 12px #777;
  transform: rotate(-0.5deg);
}
*/

#colsselect {
	box-sizing: border-box;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 130px;
	padding-right: 130px;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	min-height: auto;
	height: auto;
	background: #fff;
	color: #999;
	border: 0px solid green;
	column-count: 3;
	column-gab: 1px;
	column-rule: 0px solid silver;
	-webkit-column-count: 3;
	-webkit-column-gab: 1px;
	-webkit-column-rule: 0px solid silver;
	-moz-column-count: 3;
	-moz-column-gab: 1px;
	-moz-column-rule: 0px solid silver;


}

#contvert {
	text-align: center;
}

#hdline_card {
	position: relative;
	font-family: helvetica, verdana;
	font-size: 17px;
	font-weight: bold;
	/*font-family: "FreeSerif Bold", "Times New Roman";*/
	font-family: "Arial", "Verdana";
	border-top: 0px solid silver;
	color: #95d224;
	padding-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	background: #fff;
	border: 0px solid orange;	
	display: block;
}

#descr_card {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	min-height: auto;
	height: auto;
	background: #fff;
	color: #999;
	border: 0px solid green;
	display: block;
}

#subcnt {
	position: relative;
	float: left;
	border: 0px solid red;
	width: inherit;
	/*width: 560px;*/
	padding-top: 0px;
	padding-bottom: 0px;
}


#dt {
	position: relative;
	float: right;
	font-size: 9px;
	color: black;
	border: 0px solid red;
}

#fill {
	box-sizing: border-box;
	margin: 25px  auto;
	clear: both;
	width: 800px;
	padding-left: 15px;
	background-color: white !important;
	margin-bottom: 30px;
}

#catfill {
	position: relative;
	float: right;
	top: -30px;
	border: 0px solid red !important;
	color: white;
	width: 300px;
	
}
#catfill a {
	border: none !important;
	color: white;
}

.rezdrop {
	width: 133px;
}

.rez {
	color: #aaa;
}

.rez a {
	color: #95d224;
	font-weight: bold;
}

textarea.fill {
	position: relative;
	float: left;
	width: 1000px;
	min-height: 300px;
}


#logoff {
	clear: both;
	position: relative;
	float: right;
	top: 20px;
}

#contbox {
	position: relative;
	float: left;
	width: 1000px;
	height: auto;
	margin-top: 1px;
	margin-bottom: 45px;
	border: 0px solid black;
}

#contbox1 {
	position: relative;
	float: left;
	border-top: 0px solid silver;
	width: 100%;
	min-height: 500px;
	margin-top: 10px;
	margin-bottom: 30px;
	border: 0px solid red;
}

#siteboxleft {
	position: relative;
	float: left;
	left: 15px;
	border: 0px solid red;
	width: 50%;
	color: #999;
}

#siteboxright {
	position: relative;
	float: right;
	right: -25px;
	border: 0px solid red;
	width: 50%;
	min-height: 560px;
	color: #999;
}

#selrow {
	position: relative;
	float: left;
	margin-top: 3px;
	border: 0px solid red;
}


#loginbox {
	margin: 40px auto;
	padding: 0px;
	width: 350px;
	height: 300px;
	border: 3px solid silver;
	-moz-border-radius: 2em;  
  -webkit-border-radius: 2em;
  border-radius: 2em;
}

#logintop {
	margin: -4px;
	width: 352px !important;
	height: 100px;
	-moz-border-radius: 2em 2em 0 0;  
  	-webkit-border-radius: 2em 2em 0 0;
	 border-radius: 2em 2em 0 0;
	 background-color: silver;
}

#loginbot {
	width: 300px;
}

#insitebox {
	border-bottom: 1px solid silver;
	margin-bottom: 30px;
	width: 345px;
	text-align: right;
}

#loglable {
	font-size: 36px;
	text-align: center;
	font-family: "FreeSerif Bold", "Times New Roman";
	font-weight: bold;
	padding-top: 45px;
	color: white;
	text-align: center;
}

#picbox710 {
	position: relative;
	float: left;
	width: 760px;
	border: 0px solid red;
	
}





/*---------- dreispaltig -----------*/

#c1 {
	position: relative;
	float: left;
	margin-top: 30px;
	padding: 20px;
	width: 270px;
	border: 0px solid silver;
	min-height: 420px;
}

#c2 {
	position: relative;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	padding: 20px;
	width: 270px;
	border: 0px solid silver;
	min-height: 420px;
}

#c3 {
	position: relative;
	float: right;
	margin-top: 30px;
	padding: 20px;
	width: 270px;
	border: 0px solid silver;
	min-height: 420px;
}
/*---------- end dreispaltig -----------*/

/*---------- sixbox -----------*/

#cont1 {
	position: relative;
	float: left;
	margin-top: 30px;
	padding: 20px;
	width: 270px;
	height: 270px;
	min-height: 180px;
	border: 1px solid silver;
	overflow: hidden;
}

#cont2 {
	position: relative;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	padding: 20px;
	width: 270px;
	height: 270px;
	min-height: 180px;
	border: 1px solid silver;
	overflow: hidden;
}

#cont3 {
	position: relative;
	float: right;
	margin-top: 30px;
	margin-left: 29px;	
	padding: 20px;
	width: 270px;
	height: 270px;
	min-height: 180px;
	border: 1px solid silver;
	overflow: hidden;
}

#cont4 {
	position: relative;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 20px;
	width: 270px;
	height: 270px;
	min-height: 180px;
	border: 1px solid silver;
	overflow: hidden;
}

#cont5 {
	position: relative;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	margin-bottom: 30px;
	padding: 20px;
	width: 270px;
	height: 270px;
	min-height: 180px;
	border: 1px solid silver;
	overflow: hidden;
}

#cont6 {
	position: relative;
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 20px;
	width: 270px;
	height: 270px;
	min-height: 180px;
	border: 1px solid silver;
	overflow: hidden;
}
/*---------- end sixbox -----------*/








#linkhdl a {
	text-decoration: none;
	color: #f33;
}


#linkdesc {
	position: relative;
	float: right;
	border-bottom: 0px dotted #555;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 200px;
	text-transform: uppercase;
	background: #fff;
	border: 0px solid red;
	color: #999;
}

#linkdesc a {
	text-decoration: none;
	background: #fff;
	color: #999;
	margin-bottom: 10px;
  display: inline-block;
}


#hdl {
	font-size: 17px;
	font-weight: bold;
	font-family: "FreeSerif Bold", "Times New Roman";
}

#inp {
	position: absolute;
	right: 0px;
	margin-top: -23px;
	margin-right: 10px;
}

#inpev {
	position: absolute;
	right: 0px;
	margin-top: 0px;
	margin-right: 10px;
	z-index: 100;
	cursor: pointer !important;
	
}

#inpsol {
	position: absolute;
	right: 10px;
	top: 0px;
}

/*
input {
	float: right;
	background-color: #ffff;
	color: #777;
	margin-left: 2px;
	cursor: pointer;
	margin-top: 2px;
  border: none !important;
  border-bottom: 1px solid !important;
  border-bottom-color: #777 !important;
  background-repeat: no-repeat;
  background-image: url(../img/buttonborder-333.png), url(../img/buttonborder-333.png) !important;
  background-position: left, right;
}
*/


/*
input:hover {
	background-color: #2A6781;
	color: white;
}
*/

input.katcontright {
	width: 768px;
	float: left;
	margin-bottom: 10px;
	margin-left: 0px;
}

input.event {
	width: 516px;
	margin-bottom: 3px;
}

.evloc {
	width: 230px;
	margin-right: 2px;
}

textarea {
	background-color: #eee;
	margin-left: 0px;
	margin-top: 10px;
	border: 1px solid silver !important;
	color: black;
	width: 970px;
  height: 30px;
	text-align:left;
}

textarea.event {
	background-color: #fff;
  margin-left: 2px;
  border: 1px solid #555 !important;
  color: #999;
  width: 516px;
  text-align: left;
}

select {
	background: #fff;
	border: 1px solid #404040;
	color: #999;
}
	
select.date {
	width: 100%;
	margin-right: 2px;
}

select.hdl{
	width: 100%;
	margin-right: 2px;
}

select.tit{
	width: 100%;
	margin-right: 2px;
}


/* navigation line */

p.bild {
	text-align: center;
	display: inline;
}
p.bild img {
	margin: 0 auto;
	display: block;
}

div.dir_nw {
 	float: left;
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	border: 0px solid green;
}

div.dir_no {
	position: relative;
	float: right;
	right: 0px;
	padding-bottom: 20px;
	padding-left: 12px;
	padding-right: 0px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: -10px;
	border: 0px solid red;
}

div.dir_o {
	position: relative;
	/*float: center;*/
	vertical-align: middle;
	text-align: center;
}

div#pic {
	border: 0px solid red;
	width: auto;
	height: auto;
	
}

audio.single {
	border: 1px solid #555;
	display: inline-block;
	height: 30px;
	margin-bottom: 20px;
}

.audi {
	border: 0px solid red;
	margin-top: 10px;
}

div#butt {
	position: relative;
	left: 2px;
	border: 0px solid blue !important;
}

/* Erweiterung zur dynamischen Ein-/Ausblendung */
ul#navi li>ul {
	display: none; 
}

ul#navi li:hover>ul {
	display: block;
}

.aud {
	position: absolute;
	float: left;
	margin-top: 10px;
	border: 0px solid orange;
}

/* end of insertion */

.activate {
	clear: both;
	margin: 10px auto;
	border: 0px solid red;
	width: 100%;
	padding-top: 80px; 
	padding-bottom: 50px; 
	text-align: center !important;
}

.activfields {
	width: 50%;
	margin: 0 auto;
	border: 0px solid blue;
	text-align: left !important;
}

input.liz {
	position: relative;
  float: right;
  text-transform: none;
  text-align: center;
  border: 1px solid #555 !important;
  background-image: none !important;
}

input.liztxt {
	position: relative;
	float: none;
	text-transform: uppercase;
	text-align: center;
}

.lizhint {
	color: #333;
	display: inline-block;
}

.tdliz {
	position: relative;
	float: right;
}

#sitescnt {
	position: relative;
	float: right;
	right: 0px;
	height: auto;
	border: 0px solid red;
	margin-bottom: 30px;
	display: block;
	width: 100%;
}
.blue {
	color: #2A6780;
}
.blue a {
	color: #2A6780;
	text-decoration: none;
}

a#hashtag {
	margin-top: 3px;
	color: #2A6780;
	padding: 0px;
}

#msgbox {
position: absolute;
	top: 200px;
	right: 0px;
	width: 450px;
	height: 50px;
	color: #6298AF;
  line-height: 15px;
  font-size: 12px;
}

#errorbox {
	margin: 50px auto;
	height: auto;
	width: 455px;
	border: 5px solid #2A6881;
	border-radius: 15px;
	background-color: #ddd;
	padding: 10px;
}

#errortxt {
	margin: 30px auto;
	height: auto;
	width: auto;
	color: red;
	border: 0px solid red;
	text-align: center;
	font-weight: bold;
	font-size: 27px;
}

#errorhint {
	color: #333;
	margin-top: 5px;
	border: 0px solid red;
	text-align: center;
	font-weight: normal;
	font-size: 17px;	
}

p {
	margin-top: 0px;
	margin-bottom: 5px;
}

td.tdliz {
  display: flex;
}