/* @override http://de.aida-dancer.de/wp-content/themes/s21_customized/style.css */

/*
Theme Name: s21_customized
Author: Mario Frankiewicz
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: "DIN Next W02 Light";
}

h1, h2, h3, h4, h5, h6 {
	font-family: "DIN Next W02 Regular";
	clear: both;
	font-weight: normal;
	color: gray;
}

h1 {
	font-size: 22px;
	margin-bottom: 10px;
	color: black;
}

h2 {
	font-size: 18px;
	color: black;
}

h3 {
	font-size: 16px;
	color: black;
	margin-top: 10px;
}

ol, ul {
	list-style: none;
}

blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: gray;
}

a:hover {
	color: red;
}

a img {
	border: none;
}

.clear {
	clear: both;
}

/* Layout */

body {
	font-family: "DIN Next W02 Regular";
	background-color: #FFFFFF;
	line-height: 20px;
	word-spacing: 0.5px;
}

#wrapper {
	width: 980px;
	margin: 0px auto;
	position: relative;
}

#main {
	position: relative;
	padding-top: 0;/*120px;*/
}

#content {
	width: 700px;/*620px*/
	float: left;
	color: #666666;
	vertical-align: baseline;
	padding-right: 30px;
	padding-top: 20px;
}

#content ul {
	padding-left: 25px;
	list-style-type: square;
	margin: 10px 0px 30px;
}

#content ul li {
	margin-top: 5px;
}

#content p {
	margin: 10px 0px;
}

#content img.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#content table a:hover {
	text-decoration: underline;
}

#sidebar {
	width: 180px;/*280px*/
	float: left;
	padding-top: 20px;
}

#sidebar .widget-container {
	margin-bottom: 15px;
	list-style: outside none none;
}

#sidebar .addcontact span {
	display: block;
}

#sidebar .addcontact span.title {
	margin-top: 5px;
}

#sidebar input, textarea {
	font-family: "DIN Next W02 Light";
}
ul.contactform {
	width: 250px;
}


ul.contactform textarea, ul.contactform label, ul.contactform input {
	width: 280px;
	float: left;
	display: inline-block;
}



ul.contactform submit {
	color: white;
	border-style: none;
}

ul.submissionform textarea {
	width: 600px;

}
	
div.textwidget ul {
	display: block;
}

div.textwidget ul.halfwidget{
	width: 140px;
	float: left;
}

#sidebar input[type=submit] {
	background: none;
	background-color: #000000;
	color: white;
}

div.textwidget ul li {
	display:block;
	width: 140px;
}

#sidebar input[type=submit]:hover {
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	opacity: 0.7;
}

#sidebar .tagcloud {
	text-align: justify;
}

#sidebar .tagcloud a {
	color: #999999;
	margin: 2px 4px;
	text-decoration: none;
}

#sidebar .tagcloud a:hover {
	text-decoration: underline;
}

#sidebar .widget_twitter li {
	margin-bottom: 5px;
}

#sidebar .widget_twitter .entry-content {
	display: block;
	margin-bottom: 15px;
}

#sidebar .widget_twitter .entry-content a {
	color: #999999;
}

#sidebar .widget_twitter .entry-meta {
	display: block;
	color: #333333;
	display: none;
}

#sidebar .widget_twitter .entry-meta a {
	text-decoration: none;
	color: #333333;
}

#header {
	/*top: 0px;
	left: 0px;*/
	height: 120px;
	width: 980px;
	/*position: absolute;*/
}

#header .logo {
	width: 211px;
	height: 90px;
	display: block;
	position: absolute;
	top: 10px;
	left: -10px;
}

#header div.mainnav a.logo img {
	height: 90px;
}

div.subline {
	text-transform: none;
	font-size: 13px;
	text-align: left;
	position: absolute;
	top: 95px;
	float: none;
	left: -5px;
	margin-left: 5px;
	letter-spacing: 1px;
}

#header .mainnav {
	height: 115px;
	width: 750px;
	padding-left: 210px;
	position: relative;
}

#header .mainnav .languageswitch {
	height: 70px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#header .mainnav .languageswitch a {
	line-height: 65px;
	padding-top: 5px;
	color: #808080;
	height: 65px;
	display: block;
	text-decoration: none;
	text-transform: lowercase;
}

#header .mainnav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	position: absolute;
	top: 5px;
}

#header .mainnav ul li {
	display: block;
	float: left;
	text-transform: lowercase;
}

#header .mainnav ul li a {
	display: block;
	height: 20px;
	padding: 61px 17px 0px 17px;
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	font: 18px "DIN Next W02 Regular";
}

#header .mainnav ul li a:hover {
	color: red;
}

#header .secondnav {
	height: 20px;
	position: absolute;
	top: 15px;
	right: 0px;
}

#header .secondnav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 20px;
}

#header .secondnav ul li {
	display: block;
	height: 20px;
	float: left;
}

#header .secondnav ul li a {
	display: block;
	height: 20px;
	padding: 0px 10px;
	line-height: 20px;
	letter-spacing: 1.25px;
	color: #808080;
}

#footer {
	margin: 0px;
	display: inline-block;
	width: 100%;
}

#footer ul {
	list-style-type: none;
}

#footer a {
	color: #999999;
}

#footer a:hover {
	color: #333333;
}

div#breadcrumbs {
	display: block;
	color: #999999;
	position: absolute;
	top: 115px;
	height: 20px;
	width: 960px;
	font-size: 12px;
	z-index:999;
}

#slider-wrap {
	margin-bottom: 15px;
	width: 600px;
	height: 360px;
	margin-left: 360px;
}

#slider a {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 600px;
	height: 360px;
}

.nivoSlider {
	position: relative;
	width: 600px;
	

/* 

Change this to your images width */
    height: 360px;


/*

Change this to your images height */
}

#slider .nivo-caption {
	top: 0px;
	left: -360px;
	height: 360px;
	width: 360px;
	padding-right: 100px;
	

/*background-image: url(images/pfeil_slider.png);*/
	background-repeat: no-repeat;
	background-position: right center;
	background-color: transparent !important;
	color: #000000;
	font-size: 21px;
	line-height: 40px;
	text-align: center;
}

#slider .nivo-caption p {
	margin-top: 40px;
	font-family: "DIN Next W02 Regular";
}

.nivo-controlNav {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* Archivlisten */

/* Kunden */

.kundenlistitem,
.taenzeritem {
	min-height: 100px;/*60px*/
	position: relative;
	margin-bottom: 20px;
}


.kundenlistite m,
.taenzeritem {
	margin-bottom: 15px;
}

.kundenlistitem a,
	.taenzeritem a {
	display: block;
	color: #666666;
	text-decoration: none;
}

.kundenlistitem a .thumbnail img,
		.taenzeritem a .thumbnail img{
	display: inline-block;
	left: 0px;
	top: 0px;
	width: 130px;
	height: auto;
}
.kundenlistitem a .thumbnail img{
	position: absolute;
}

.kundenlistitem .textcontent,
		.taenzeritem .textcontent {
	display: inline-block;
}
.kundenlistitem .textcontent{
	padding-left: 140px;
}
.taenzeritem .textcontent{
	vertical-align: top;
	max-width:80%;
}

.kundenlistitem a .title,.taenzeritem a .title {
	font-family: "DIN Next W02 Regular";
	display: block;
	color: black;
}

.kundenlistitem a .meta,
			.taenzeritem a .meta {
	display: block;
	color: gray;
	text-decoration: underline;
}

.kundenlistitem a:hover .meta,
			.taenzeritem a:hover .meta {
	color: red;
}

.kundenlistitem a .introtext {
	display: block;
}

/* Taenzer */

.taenzeritem {
	min-height: 103px;
}

.taenzeritem a .thumbnail {
	width: 71px;
	height: 103px;
}

/* Paging */

#pagination {
	text-align: center;
	margin: 30px 0px;
}

#pagination a, #pagination span {
color: gray;
	padding: 3px 5px 3px 5px;
	margin: 0px 1px 0px 1px;
}

#pagination a:hover {

	background-color: gray;
	color: white;
}

#pagination .navigate-active {
	color: gray;
}

#pagination .navigate-inactive {
	color: #9a9a9a;
}

#pagination .currentpage {
	background: black;
	color: #ffffff;
}

/* Kundendetail */

#content ul.metainfo {
	list-style-type: none;
	padding: 0px;
}

#content ul.metainfo span.label {
	display: inline-block;
	width: 125px;
}

#content ul.metainfo span.item {
	display: inline-block;
}

#content .share ul {
	padding: 0px;
	height: 30px;
	margin: 15px 0px;
}

/* Taenzerdetail */

#content .type-taenzer .firstrow,
#content .type-taenzer .textbox {
	margin-bottom: 20px;
}

#content .type-taenzer img.portrait {
	float: left;
	margin-right: 20px;
}

#content .type-taenzer ul.metainfo {
	display: block;
	float: left;
	margin: 0px;
	max-width: 420px;
}

/* Suche */

#searchform {
	display: block;
	position: relative;
}

#searchform label {
	display: none;
}

#searchform input[type=submit] {
	background: url(images/search_icon.png) no-repeat center center;
	border: 0;
	cursor: pointer;
	float: right;
	font-size: 1px;
	height: 30px;
	padding: 0;
	position: absolute;
	text-indent: -999em;
	width: 36px;
	top: -2px;
	box-shadow: none;
}
.widget_search h3{
	display: none;
}
#searchform input[type=text] {
	position: relative;
	border: 1px solid #E0E0E0;
	width: 145px;/*245px*/
	color: black;
	height: 20px;
	padding: 2px;
}

#searchform input[type=text]:focus {
	outline: none;
}

div.home_list{
	float: left;
	width: 190px;
}

div.home_list.clear ul {
	margin: 0;
}

div.home_list.clear ul li {
	list-style-type: none;
	margin: 0;
}

h2.entry-title a {
	color: black;
	font-family: "DIN Next W02 Regular";
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	text-decoration: none;
}

span.tag-links {
	margin-bottom: 20px;
	border-style: none;
}

div.entry-utility {
	margin-bottom: 30px;
	margin-top: 10px;
}

div.tagdesc {
	margin-bottom: 20px;
}

div#nav-above.navigation {
	margin-bottom: 20px;
}

div.entry-content {
	margin-top: 20px;
}

input.wpcf7-form-control..wpcf7-submit {
	color: white;
}

div.social.buttons{
	height: 20px;
	padding: 5px 0px;
	/*border-top: 1px solid #ABABAB;
	border-bottom: 1px solid #ABABAB;*/
	/*width: 150px;*/
	line-height: 20px;
	text-align: left;
	margin-bottom: 10px;
}
div.social.buttons > span{
	margin-left: 10px !important;
	display: block;
	float: left;
	height: 20px;
}

#TB_closeWindowButton .screen-reader-text{display:none;position:absolute;}

@media (max-width:980px){
	#wrapper,div#breadcrumbs{max-width:100%;}
	#content{width:100%;max-width:100;box-sizing: border-box;padding:1rem;float:none;}
	#content .entry-content{overflow:hidden;}
	#sidebar{padding:20px; width:100%;}
	#header,#header .mainnav,#header .logo{position:static; height:auto; padding-left:0;max-width:100%;}
	#header .menu-header{ background: white; z-index:99999; overflow:hidden; position:relative; }
	#image-wrap img{max-width:100%;}
	#header .mainnav ul{ position:static; padding-left:0.75rem; padding-right:0.75rem; }
	#header .mainnav ul li{ display: inline-block;
	    float: none;
	    padding-right: 1rem;
	    background-color: white;
	    margin-top: 0.75rem!important;
	    margin-bottom: 0.75rem;
	}
	#header .mainnav ul li a{ padding:0; }
	

}
@media (max-width:480px){
	#header .menu-header a{font-size:14px!important; }
}
#footer{padding-bottom:3rem;}