@charset "utf-8";

/* Main-Structure */
	body {
		margin-top: 0px!important;
		color: #222;
	}
	#header {
		margin: 0 5px;
	}
	#bodyContent {
		margin: 0 5px;
	}
	.footer {
		margin: 0 5px;
	}
/* Main-Structure - End */


/* Typography */
	a {
		color:#222;
		text-decoration: none;
	}
	#headercart > div > a:hover {
		color: rgb(1, 133, 208);
		text-decoration: none;
	}
	.customerssuccess a {color: #222;}
	.customerslogout a {text-decoration: none; color: #fff;}
	.customerslogout a:hover {color: #222;}

	ul.headermenu li, ul.headermenu li a {
		color: #ffffff;		
	}
	#headermenu > ul > li > a {text-shadow: 0px 0px 4px black;}
/* Typography - End */


/* Body-Head */
	.session {
		margin-bottom: -35px;
		line-height: 10px;
	}
	.topline {
		height: auto;
		background-image: none;
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); 
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
		background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
		background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); */
	}

	#headerrightbox {
		height: 105px; 
		display: inline-block;
	}

	#headercart {
		width: auto;
		min-width: 215px;
		height: 22px;
		margin-top: 0px!important;
		padding-left: 5px;
		padding-right: 5px;
		border: 1px solid #fff;
		border-top: 0;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		-moz-box-shadow: 0 0 1px 1px #222;
		-webkit-box-shadow: 0 0 1px 1px #222;
		box-shadow: 0 0 1px 1px #222;
		background-image: none;
		background-color: #fff!important;
	}

	/* Headercart Dropdown */
	#headercart > div > ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 100px;
		display: inline;
	}

	#headercart > div > ul li {
		margin: 0 5px;
		padding-bottom: 5px;
		float: left;
		position: relative;
		list-style: none;
	}

	#headercart > div > ul > li:hover > ul {
		display: block;
	}

	/* level 2 list */
	#headercart > div > ul ul {
		display: none;

		margin: 0;
		padding: 0;
		width: auto;
		min-width: 145px;
		max-width: 150px;
		position: absolute;
		top: 16px;
		left: -3px;
		background: #fff;
		border: 1px solid #222;
		z-index: 999;

		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;

		-webkit-box-shadow: 0 1px 2px rgba(0,0,0, .3);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0, .3);
		box-shadow: 0 1px 2px rgba(0,0,0, .3);
	}
	#headercart > div > ul > ul li {
		float: none;
		margin: 0;
		padding: 0;
	}

	#headercart > div > ul > ul a {
		font-weight: normal;
		text-shadow: 0 1px 0 #fff;
	}

	/* level 3+ list */
	#headercart > div > ul > ul ul {
		left: 181px;
		top: -3px;
	}

	/* rounded corners of first and last link */
	#headercart > div > ul > ul li:first-child > a {
		-webkit-border-top-left-radius: 9px;
		-moz-border-radius-topleft: 9px;

		-webkit-border-top-right-radius: 9px;
		-moz-border-radius-topright: 9px;
	}
	#headercart > div > ul > ul li:last-child > a {
		-webkit-border-bottom-left-radius: 9px;
		-moz-border-radius-bottomleft: 9px;

		-webkit-border-bottom-right-radius: 9px;
		-moz-border-radius-bottomright: 9px;
	}

	#headercart > div > ul > li > ul > li {
		margin: 0;
		padding: 5px 10px;
		border-bottom: 1px solid #bbb;
		width: 86%;
		display: block;
		line-height: 13px;
	}
	#headercart > div > ul > li > ul > li:last-child {
		border-bottom: none;
	}
	/* Headercart Dropdown - Ende */

	.headercarttext, .headercartvalue {text-indent: 1px; color: #222; font-size: 12px;}
	.headercarttext {padding-top: 5px;}
	#cartshield {
		width: 130px;
		margin-top: -22px;
		height: 18px;
		margin-left: 85px;
		display: inline-block;
	}
	#headermenu {margin-top: 30px; color: #fff;}
	ul.headermenu li {margin-left: 5px;}
	ul.headermenu li a {color: #fff;}

	#topspacer {
		height: 35px;
		text-align: center;
		padding: 10px 0 0 0;
		display: block;
	}
	#topspacer > ul {
		height: 33px;
		color: #fff;
		font-size: 12px;
		list-style: none;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
	}
	#topspacer > ul > li {
		line-height: 33px;
		padding: 0;
		margin-left: 20px;
		display: inline-block;
		list-style: none;
	}
	#topspacer > ul > li:first-child {
		margin: 0;
	}
	#topspacer > ul > li > i.fa-li {position: inherit;}

	#topmenu {
		height: auto!important;
		background-image: none;
	}

	#topmenu > ul {
		display: inline-block;
		/*border-bottom: 2px solid rgb(1, 133, 208);*/
		width: 100%;
		background: #e3e3e1;
	}
	#topmenu > ul > li {
		height: auto;
		line-height: normal;
		background-image: none;
		padding:0;
	}
	#topmenu > ul > li:hover, #topmenu > ul > li:focus {
		/*background: rgb(1, 133, 208);*/
		color: #fff;
	}
	#topmenu > ul > li:active, #topmenu > ul > li.active {
		/*background: rgb(1, 133, 208);*/
		color: #fff;
	}
	#topmenu > ul > li > a {
		color: #222;
		display: block;
		line-height: 36px;
		padding: 0px 15px;
	}
	#topmenu > ul > li.lishirt {width: 35px!important; height: 35px; margin-left:10px;}
	#topmenu > ul > li.lishirt > a {padding:0;}
	#topmenu > ul > li > a:hover, #topmenu > ul > li > a:focus {
		text-decoration: none;
		color: #fff;
	}
	/*#topmenu > ul > li.lishirt > a, #topmenu > ul > li.lishirt > a:hover {background: rgb(1, 133, 208);}*/
	#topmenu > ul > li > a:active {
		color: #fff;
	}
	#topmenu > ul > li > a.active {
		color: #fff;
		/*background: rgb(1, 133, 208);*/
	}

	/* Suchfeld */
        
	#headersearch {
		display: inline-block;
		width: 100%;
		margin-top: 30px;
	}
                
        .searchbox { /* 02.06.2016 dw */
            float:right; 
            background: white; 
            border-radius: 10px; 
            padding: 3px; 
            opacity: .9;
        }
        
        .searchfield {
		float: right;
		position: relative;
		border: 1px solid #222;
		padding: 3px 5px;
		background: #fff url(images/search.gif) no-repeat right;
		width: 120px;
		transition: .3s linear;
		font-family: Dosis;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}

	.searchfield:focus{
		border: 1px solid #222;
		outline: none;
		/*width: 150px;
		transition: .3s linear;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;*/
	}

	#headersearch > form {
		right: 8px;
		position: relative;
	}
	/* Suchfeld - End */

/* Body-Head - End */

/* Footer */
	.footer {
		border-bottom: 10px solid #fff; /*#e3e3e1*/
		background-image: none;
	}

	.footerbottom {
		/*display: inline-block;*/
		height: auto;
		color: #222;
	}

	div.footerbottom > div > ul, div.footerbottom > div > ul > li {
		color: #222;
	}

	ul.footerbottommenu li a {
		color: #222;
	}
/* Footer - End */

/* Frontpage - Steplayout */
	.first {margin: 20px 9px 20px 0px;}
	.last {margin: 20px 0px 20px 8px;}
	.contentfooter {background-color:#FFA500; margin-top:-15px; margin-bottom:15px; color:#fff; width: 856px; float: left; padding:10px 15px; height:auto;}
	.step {
		float: left;
		width: 205px;
		height: auto;
		margin: 0px 5px 20px 5px;
		border: 1px #454547 solid;
	}
	.step1 {margin-left:0px;}
/* Frontpage - Steplayout End*/

	.size-auto{width:100%; height:auto;}

	.pageimagercontentright { float: right; width:280px; height: 350px; margin-top: -350px; }

/* Slider CSS */
	
	#slider {
		position: relative;
		/*margin: 10px 0;*/
		background-color: #cdcdcd;
		color: #023338;
		font-weight: 500;
	}
	#slider ul {
		position: relative;
		z-index: 1;	
		margin: 0;
		padding: 0;
	}
	#slider li {
		list-style: none;
		left: 0;
	}
	#slider .backward , #slider .forward {
		position: absolute;
		z-index: 2;
		width: 30px;
		height: 30px;
		line-height: 24px;
		text-align: center;
		background-color: #333;
		bottom: 10px;
		font-size: 32px;
		left: 10px;
		color: #fff;
	}

	.fader{
	    position: relative;
	    padding-top: 125%;
	    overflow: hidden;
	} 
	 
	.fader .slide{
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    z-index: 1;
	    opacity: 0;
	}
	 
	.fader img.slide{
	    height: auto;
	}

	.fader .prev, .fader .next{
		position: absolute;
		height: 80px;
		line-height: 55px;
		width: 50px;
		font-size: 100px;
		text-align: center;
		color: #222;
		top: 50%;
		left: 0;
		z-index: 4;
		margin-top: -25px;
		cursor: pointer;
		opacity: .7;
		transition: all 150ms;
	}

	.fader .prev:hover, .fader .next:hover{
	  	opacity: 1;
	}

	.fader .next{
		left: auto;
		right: 0;
	}

	.fader .pager_list{
		/* width: 100%;
		height: 40px;
		line-height: 40px; */
		position: absolute;
		width: 280px;
		height: 10px;
		line-height: 20px;
		bottom: 0;
		text-align: center;
		z-index: 4;
		padding-left: 0;
		margin-bottom: 0px;
	}

	.fader .pager_list li{
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		background: #222;
		opacity: .7;
		text-indent: -999px;
		border-radius: 999px;
		cursor: pointer;
		transition: all 150ms;
	}

	.fader .pager_list li:hover,
	.fader .pager_list li.active{
		opacity: 1;
	}
/* Slider Css - End */

/* Table Fileupload - Verein */

	table.file-upload {
		width: 99%;
		border-top: 1px solid #ccc;

	}

	table.file-upload td {
		padding: 6px 0;
		vertical-align: top;
	}

	table.file-upload td:first-child {
		padding-top: 7px;
	}
	/*table.file-upload td:last-child {*/
	.file-upload-prev, table.file-upload > tbody > tr > td:nth-child(3) {
		vertical-align: middle!important;
		width: 90px;
		max-width: 90px;
	}
	.file-upload-prev img, table.file-upload > tbody > tr > td:nth-child(3) img {
		max-width: 100%;
		height: auto;
		float: right;
	}

	table.file-upload td input[type="file"] {max-width:236px;}


/* Table Fileupload - Verein - End */

/* Schritt-Liste Motive - Verein */

	ul.subdash {
		list-style: none;
		margin: 0px;
		padding: 0px;
		display: inline-block;
	}
	ul.subdash li {
		list-style: none;
		list-style-image: none;
		float: left;
		width: 166px;
		height: 164px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin-bottom: 9px;
		margin-right: 9px;
	}
	ul.subdash li .steppic img {
		border: none;
		width: 100%;
		max-width: 166px;
	}

/* Schritt-Liste Motive - Verein - End */

.dosb-stoerer {float:right;}