/*--------------------------------Start Slider------------------------------------------------*/

#slider  #page-wrap { width: 100%; margin: 0 auto;}

#slider ul, #slider ol { margin-bottom:1.2em; font-size:1em; line-height:1.4em; clear:both; }

#slider ol li { list-style-type:decimal-leading-zero; } 
#slider ul li { list-style-image:url(../icon/0101/ls.png); margin-bottom:3px; margin-left:-10px; }

#slider { height: 100%; overflow: hidden; position: relative; }

/* DEFAULT für drei Platten in der Breite, nach Bedarf anpassen Dies ist nur wichtig, wenn JS ausgeschaltet ist, sonst im JS */	
				  
#slider #mover { width: 4050px; position: relative; }

#slider .slide { padding:0 20px; width:805px; float: left; position: relative; }
#slider .slide h1 { position:relative; top: 2px; font-size: 30px; letter-spacing: -1px; color:#786efb; }
#slider .slide p { color: #999; font-size: 12px; width: 30%; }
#slider .slide img { position: absolute; top: 20px; left:350px; max-height:85%; border:none;}
#slider #slider-stopper { position: absolute; bottom: 1px; right: 20px; color:#999999;  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

/*----------------------------------------------------------04 - Slide Show Text - Bilder ----------------------------------------------*/
.soslided { width:100%; height:100%;}

/*----------------------------------------------------------07 - Video YouTube als Bild mit Link ---------------------------------------*/
.sowdilink { background-color:#FFFF00; width:100%; height:100%;}

/*----------------------------------------------------Kalender-----------------------------*/

.kalendar { width:100%;}

/*----------------------------------------------------------Aufklapp Content ------------------------------------*/

.divopenlink1, .divopenlink2 { display:block; position:relative; float:left; padding:10px 1%; text-decoration:none; }
.divopenlink1 { width:5%; }
.divopenlink2 { width:90%; }
.divopenlink2 h2{ }
.divopendiv { z-index:1000; position:absolute; width:100%; top:40px; left:-5px; border:solid 0.5px #CCCCCC; background-color:#FFFFFF;
-moz-border-radius:8px; /* Firefox */
-webkit-border-radius:8px; /* Safari, Chrome */
-khtml-border-radius:8px; /* Konqueror */
border-radius:8px; /* CSS3 */
box-shadow:4px 4px 4px #CCCCCC; margin:0.6%; 
}

/* ----------------------------------------------------Beispiel-CSS für magazin_Layout------------------------------ */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
}


.sozbtn { display:block; position:absolute; width:300px; height:33px; margin:95px 0 0 400px;  z-index:50; }
.sozbtn1, .sozbtn2, .sozbtn3{ display:block; position:relative; float:right; margin-left:10px; width:33px; height:33px;}

.sozbtn1{ background-image:url(../icon/0101/facebook.png); background-repeat:no-repeat; }
.sozbtn2{ background-image:url(../icon/0101/youtube.png); background-repeat:no-repeat; }
.sozbtn3{ background-image:url(../icon/0101/twitter.png); background-repeat:no-repeat; }

/*----------------------------------------------------------Videolink--------------------------------------------*/
.solinkpic { width:100%;}

.solvideo { display: table-cell; vertical-align: middle; position:absolute; height:100%; width:100px; background-image:url(../css/pic/v1.png); background-repeat:no-repeat; background-position:right;}
.solinfo { display:block; position:absolute; height:100%; width:100px; background-image:url(../css/pic/i1.png); background-repeat:no-repeat; background-position:right;}

.sobox14 .solvideo { display: table-cell; vertical-align: middle; position:absolute; height:100%; width:60px; background-image:url(../css/pic/v1k.png); background-repeat:no-repeat; background-position:right;}
.sobox14 .solinfo { display:block; position:absolute; height:100%; width:60px; background-image:url(../css/pic/i1k.png); background-repeat:no-repeat; background-position:right;}


/*-----------------------------------------------------Blättern--------------------------------------------------*/

#sozurueck { display:block; position:relative; float:left; padding:2px 0; text-decoration:none; }
#sozurueck img, #sozurueck span{ display:block; position:relative; float:left; height:40px;}
#sozurueck span{ line-height:40px; margin-left:10px; }

#soweiter { display:block; position:relative; float:right; padding:2px 0; text-decoration:none; }
#soweiter img, #sozurueck span{ display:block; position:relative; float:right; height:40px;}
#soweiter span{ line-height:40px; margin-right:10px; }


/*------------------------------------------------------Dateien per PHP auf den Server laden------------------------*/

.souploade { display:block; position:relative; margin:10px 0;}
.souploade1 {}
.souploade2 { display:block; position:relative; float:right; margin-left:10px; }
.souploade3 { display:block; position:relative; float:right; }

.souploade4 { display:block; position:relative; float:left; margin-bottom:10px; height:100px; width:100%; }
#progress { display:block; position:relative; float:left; margin-bottom:10px; width:91%;}
#prozent { display:block; position:relative; float:right; width:7%;}

#fileName {}
#fileSize {}
#fileType {}

/*----------------------------------------------Download----------------------------------------*/

.sodownload ,
.sodownload:link ,
.sodownload:visited{
	color: #fff;
	overflow: visible;
	background: #84C63C; /* old browsers */
	background: -moz-linear-gradient(top, #84C63C 0%, #489615 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84C63C), color-stop(100%,#489615)); /* webkit */
	background: linear-gradient(top, #84C63C 0%, #489615 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84C63C', endColorstr='#489615',GradientType=0 ); /* ie */
	-moz-transition:   box-shadow 0.2s ease-in-out;
	-webit-transition: box-shadow 0.2s ease-in-out;
	transition:        box-shadow 0.2s ease-in-out;
	overflow:hidden;

}

.sodownload:hover,
.sodownload:active {
	background: #b8f476; /* old browsers */
	background: -moz-linear-gradient(top, #b8f476 0%, #489615 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8f476), color-stop(100%,#489615)); /* webkit */
	background: linear-gradient(top, #b8f476 0%, #489615 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8f476', endColorstr='#489615',GradientType=0 ); /* ie */
	-moz-transition:    box-shadow 0.2s ease-in-out;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	transition:         box-shadow 0.2s ease-in-out;
}

.sodl1 { display:block; position:relative; float:left; font-size:14px; margin:15px 0 0 70px;}
.sodl2 { display:block; position:absolute; bottom:5px; text-align:center; font-size:10px; width:100%; }
.sodlpic { display:block; position:absolute; top: 50%; margin-top: -35px; margin-left:10px;}

/*-------------------------------------------------------------Bildergalerie---------------------------------------------------------*/

.sobpic { display:block; position:relative; float:left; margin:15px 0 0 15px; }


/*------------------------------Blog News ------------------------------*/

.sonewsk h1, .sonewsk h2, .sonewsk h3 { display:block; position:relative; float:right; width:100%; font-size:14px; font-weight:normal;}
.blogc2 {display:block; position:relative; float:right; width:100%; font-size:0.9em; border-top:dashed 1px #58585a; margin-bottom:10px; background-color:#FFFF00; }

.sodate { display:block; position:absolute; top:10px; }

.sonewsk {display:block; position:relative; float:left; font-size:12px; }
.newspic {display:block; position:relative; float:left; margin:0 10px 10px 0;}
.sonewsk {display:block; position:relative; float:left; width:100%; margin:0 0 10px 0; padding-bottom:10px; border-bottom:solid 1px #CCCCCC;}

.btn_rundk { display:block; position:relative; float:left; margin:0 10px 0 0; width:50px; text-align:center;
background: #033152;
  background-image: -webkit-linear-gradient(top, #eaeaeb, #e7e7e7);
  background-image: -moz-linear-gradient(top, #eaeaeb, #e7e7e7);
  background-image: -ms-linear-gradient(top, #eaeaeb, #e7e7e7);
  background-image: -o-linear-gradient(top, #eaeaeb, #e7e7e7);
  background-image: linear-gradient(to bottom, #eaeaeb, #e7e7e7);
  color: #000000;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  padding: 10px 4px;
  border: solid #cccccc 1px;
  text-decoration: none !important;

}
.btn_rundk:hover {
background: #eaeaeb;
  background-image: -webkit-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: -moz-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: -ms-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: -o-linear-gradient(top, #eaeaeb, #c6c6c6);
  background-image: linear-gradient(to bottom, #eaeaeb, #c6c6c6);
  color: #000000;
  text-decoration: none;
}