*:not(select) {box-sizing: border-box; padding: 0px; margin: 0px; background: transparent; /*border: none;*/}

div.login.error {border: 2px solid red;}
div.login.hide {display: none;}
div.login.single {display: block; min-width: 310px; margin: 0px auto; float: none;}

#notvisible {position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: white;}

ul {list-style: none; padding: 0px; margin: 0px;}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body {
font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
background: #FAFAFA url(bilder/perfektesfest/pattern3.jpg) fixed;
background-size: 200px 200px;
padding: 0px 0px;
cursor: default;
font-size: 1em;
font-size: 16px;
color: #222;
}

body.admin-bar {/*margin-top: 30px;*/}


#top { overflow: hidden; position: fixed; top: 0px; width:100%; max-width: 1000px; z-index: 0;}
#top img { width: 450px; max-width: 100%;  display: block;  margin: 0px auto 0px auto; z-index: 0;  }
body.admin-bar #top {margin-top: 30px;}

.top_links {font-famifly: "Courier New", "Courier", sans-serif; font-size: 13px; font-weight: normal; color: #BBB; padding: 0px 5px; position: absolute; top: 0px; }
#top_left {left: 2px; background: #EEE url(http://www.perfektesfest.de/bilder/deutschland-oesterreich-schweiz.png) 10px -1px no-repeat; height: 23px; width: 80px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

body.at #top_left {background-image: url(http://www.perfektesfest.at/bilder/oesterreich-deutschland-schweiz.png)}
body.ch #top_left {background-image: url(http://www.perfektes-fest.ch/bilder/schweiz-deutschland-oesterreich.png)}
body.eu #top_left {background-image: url(http://www.perfektesfest.eu/bilder/alle-laender.png)}


#anmelden_top {background: #EEE; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 3px 8px 5px 8px; display: block; color: #01837E;}
#top_left a { font-size: 0px; height: 20px; width: 80px; display: block; }
#anmelden_top:hover {padding-top: 6px; color: #666; transition: all 1.5s;}
#top_left:hover {background-color: #DDD;}
#top_right {right: 2px;}
.top_links a, .top_links:hover, .top_links:visited {color: #ccc; text-decoration: none;}

#site-title, .skip-link {display: none;} /* hide if not print */


#page {width: 100%; max-width: 1000px; margin: 0px auto;  position: relative; z-index: 1;}
#wrapper {background: #4D0931; background: #600b3d;  box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
z-index: 1; position: relative; top: 102px;  -webkit-transform: translate3d(0,0,0);
}
#container {position: relative;}
#description {display: none; color: rgba(255,255,255,0.6); font-weight: bold; width: 100%; height: 13px; overflow: hidden; font-size: 13px;}


#banner {position: relative; overflow: hidden; }
#banner img { width: 100%; margin-left: 0%; vertical-align: bottom;}
#banner #shadow {box-shadow: iinset 0px -4px 5px rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 11; position: absolute; top: 0; left: 0; background: transparent;}
#banner img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	opacity: 0;
	background: black !important;
}

#banner img.active {
    z-index:10;

}

.start {opacity: 1 !important;}

#banner img.last-active {
    z-index: 9;

}
#imageforheight {position: relative !important;}

#main {/*padding-top: 38px;*/}
#content {background: white; position: relative; font-size: 95%; min-height: 300px; line-height: 1.4;}
.clear {clear: both; display: block;}






/* ANFRAGE BUTTON */

.menu a.anfrage {/*background: rgba(255,255,255,0.8) !important; color: #4d0a31 !important;*/  padding: 0px 3px; margin-right: 2px;  font-weight: bold; color: white; background: rgb(146, 36, 106) !important; border-bottom-left-radius: 10px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.52);}
.menu a.anfrage:hover {/*background: white !important; color: #4d0a31 !important; border-radius: 20px;line-height: 24px;*/ box-shadow: none; background: rgb(171, 42, 124) !important;}
.menu a.anfrage.active {border-bottom-left-radius: none; border-bottom-right-radius: none; padding-bottom: 10px;}

#anfragen {position: fixed; display: block; height: 130px; width: 130px; bottom: -20px; left: -25px; z-index: 50; background: url('http://www.perfektesfest.eu/bilder/anfragen.png') no-repeat 0px -130px ; cursor: pointer !important;}
#anfragen .hiddentext {visibility: hidden;}
/* a#anfragen:hover {background-position: 0 0px;  } */
#anfragen:hover span.background {opacity: 1; transition: opacity 0.5s; }
#anfragen span.background {opacity: 0; background: url('http://www.perfektesfest.eu/bilder/anfragen.png') no-repeat 0px 0px; display: block; height: 100%; width: 100%; transition: opacity 2s; }



#content .entry-title, #content .entry-title a {
	font-family: 'Great Vibes', 'Gabriola', cursive; 
	font-weight: normal;
	text-decoration: none;
	color: #000;
	/*text-shadow: 0px 0px 3px #000;*/ 
	font-size: 40px;
	padding-right: 10px;
	line-height: 1.3em;
	margin-bottom: -15px;
	margin-top: 0px;
	opacity: 0.9;
}

#content .page-title {
	font-family: 'Great Vibes', 'Gabriola', cursive; 
	font-weight: normal;
	padding: 15px 10px 0px 5px;
	position: absolute;
	white-space:nowrap;
	top: -100px;
	z-index: 99;
	width: 100%; 
	overflow: hidden;
	left: -5px;
	color: #FFF;
	font-size: 50px;
	line-height: 1.3em;
	margin-bottom: -20px;

	margin-left: -10px;
	opacity: 0.9;
	text-shadow: black 2px 2px 2px, #000 0px 0px 2px; 
	pointer-events: none;
}
h1.frontpage {padding-left: 8px !important;} 


h2 {padding: 10px;}

.eintrag h2 {background: #4F0431; background: #C0C0C0; text-shadow: 0px 0px 2px #333; display: inline-block; color: white; padding: 2px 5px 2px 10px; font-size: 120%; margin-bottom: 3px;}

.entry-content {min-height: 100px; background: white !important; margin: 0px; padding-top: 10px; }
.entry-content p {padding: 0px 10px 4px 10px;}
.entry-content a { font-weight: bold;
text-decoration: none;
color: white;
color: rgb(112, 3, 111);
color: #600b3d;
color: #981f84;
/*padding: 0px 3px;
border-radius: 3px;
transition: all 0.4s;*/
/* color: rgb(5, 156, 198); */
/* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.28); */
/* background: #FDFDFD; */}
.entry-content a:hover {text-decoration: underline;}
.textonly {width: 90%; margin: 0px auto; padding: 20px 0px;}

p.eintragsinfo, p.eintragsinfo a {color: #777; padding-bottom: 6px;}
p.unten {clear: both; margin-top: 30px; padding: 5px;}


#content .page-title span {font-size: 30px; opacity: 0.8; text-shadow: none; z-index: 11;}


#mytoc {position: absolute; right: 0px; top: 0px; text-align: right;}
#mytoc li a {padding: 0px 5px 0px 5px; text-decoration: none; color: white; background: #ccc; font-size: 16px;}


/* MENU */

#access ul #menu_anfrage {position: absolute; right: 0px; top: 0px; z-index: 30;}

#header {} 
#access{
	display: block;
	height: 38px;
	position:relative;
	width: 100%;
	background: #4F0431 url('http://www.perfektesfest.eu/bilder/menu_bg.jpg') repeat-x;
	margin: 0 auto;
	/*padding-right: 80px;*/
	z-index: 99;
	box-shadow: 0px 1px 3px #4d0a31;
}


#access.fixed div.menu {position: fixed; top: 0px; left: 0px; z-index: 100; -webkit-backface-visibility: hidden;}
body.admin-bar #access.fixed div.menu {top: 30px; }
#access.fixed div.menu > ul {box-shadow: 0px 1px 3px #4d0a31;}
admin-bar #access.fixed div.menu {position: absolute; top: 28px; left: 0px;}
#access.anfrage div.menu{position: relative;}
	
#access .menu-header,
div.menu {

	width: 100%;
	margin-top: 0px;
	background: transparent;
	overflow: hidden;
	/*height: 350px;*/
	/*pointer-events: none;*/
	
}
#access .menu-header ul,
div.menu ul {
	/*pointer-events: auto;*/
	list-style: none;
	background: #4F0431 url('http://www.perfektesfest.eu/bilder/menu_bg.jpg') repeat-x;
	width: 100%;
	margin: 0;
	position: relative;
	z-index: 1;
	white-space: nowrap;
	display: block;
	/*overflow: hidden;*/
	height: 38px;
	background-color: #600b3d;
	background-color: #730d49;
}
#access .menu-header li,
div.menu li {
	display: inline-block;
	/*pointer-events: auto;*/
	/*margin-bottom: 20px;*/
	z-index: 11;
	line-height: 35px;
	background: #4F0431 url('http://www.perfektesfest.eu/bilder/menu_bg.jpg') repeat-x;
	background-color: #600b3d;
	background-color: #730d49;
}

div.menu > li {z-index: 3; position: relative;}

div.menu > ul > li:first-child {padding-left: 12px;}

#access a {
	/*pointer-events: auto;*/
	font-size: 14px;
	color: #fafafa;
	background: rgba(50,0,30,0.0);
	display: inline-block;
	/*line-height: 38px;*/
	vertical-align: middle;
	padding: 0 5px;
	text-decoration: none;
	letter-spacing: 0px;
	transition: all 2s;
	cursor: pointer;
	z-index: 200;
	-webkit-transition: color 2s, font-size 2s;	
}

#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	/*display: none;*/
	display: block;
	overflow: hidden;
	position: absolute;
	top: 38px;
	white-space: normal;
	height: auto;
	max-height: 0px;
	left: 0;
	background: #666;
	width: 100%;
	z-index: 2;
	transition: all 2s;
}
#access ul div {display: inline-block;}

#access ul ul li, ul#anbieter li {
	width: 25%;
	display: inline-block;
	float: left;
	position: relative;
	background: transparent;
}
#access ul div ul li {
	width: 100%;
	display: inline-block;
	position: relative;
	background: transparent;
}
#access ul ul ul {
	left: 100%;
	display: none;
	position: relative;
	top: 0;
}
#access ul ul a {
	background: transparent;
	line-height: 1em;
	padding: 10px;
	display: block;
	float: none;
	width: 100%;
	height: auto;
	
}
#access li > a {transition: all 0.8s;}
#access li > a:hover, #access li > a.hover {	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff; 	}

#access ul ul > li:hover > a {
	background: rgba(50,0,30,0.3); /*background: #400b2a;*/
	color: #fff;
	transition: all 0.3s;
}
#access ul li:hover > ul, #access ul div:hover > ul {
	display: block;
	
	max-height: 500px;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current_page_parent > a, #access ul li.current > a {
	color: white;
	text-decoration: underline;
	/*padding-top: 1px;*/
	/* background: #600000; *//*#5E0037;*/  /*#4d0931  rgba(120,19,72,1)    */
	/*font-size: 15px;
	letter-spacing: 1px;
	box-shadow: 0px 5px 4px #400b2a;
line-height: 38px;*/

}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}


#bigmenu { display: none; width: 100%; height: 100px; background: grey; position: relative; top: -10px; z-index: 0;}



#eintraege {background: #FDFDFD url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEElEQVQIHWN48ODBfwbKAADtRAOgCqX8zQAAAABJRU5ErkJggg==);}

.subcat {position: relative; clear: both; display: block; padding: 23px 0px 0px 0px; margin-top: 30px; text-align: center;}
.subcat h2 {position: relative; font-weight: normal; font-family: 'Great Vibes', cursive; font-size: 35px;  color: #000000;text-shadow: 0px 0px 70px white, 0px 0px 40px white , 0px 0px 10px white, 0px 0px 3px black;  padding: 0px 20px 0px 20px; margin: 0px auto; border-radius: 20px;  font-size: 50px; }
.subcat h2:before, .subcat h2:after {content: '_';}

span.description {text-align: left; padding-left: 2px; line-height: 8px; display: block; font-style: italic; color: #DDD; font-size: 10px;}

.subcat .bringmeup {position: absolute; bottom: 0px; right: 0px; padding-right: 15px; font-size: 14px; color: #666666 !important; font-weight: bold;}

.subcat h3 {color: #999; text-shadow: none;}

.subcat .bundesland, .subcat, .subcat tr, .subcat td, .subcat thead {z-index: 1 !important;} 

.subcat .bundesland {position: relative; font-size: 11px; font-family: Verdana;  margin: 0px; padding: 10px 0px 0px 0px;

background: rgb(244,244,244); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(244,244,244,1) 0%, rgba(252,252,252,1) 50%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,244,244,1)), color-stop(50%,rgba(252,252,252,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 50%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 50%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 50%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(244,244,244,1) 0%,rgba(252,252,252,1) 50%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */


}



.subcat > .anbieter .notinuse {width: 100%; text-align: left; color: #777;}
.subcat > .anbieter .notinuse .title {max-width: 400px; overflow: hidden; text-overflow: ellipsis; text-shadow: 0px 0px 1px rgba(0,0,0,0.1); font-family: "Arial"; padding: 0px 5px; line-height: 20px; background: #fff; margin: 0px 0px 0px 5px; z-index: 80; position: relative; font-size: 17px; line-height: 17px; font-weight: bold;}


.subcat .anbieter { line-height: 15px; position: relative; font-size: 13px; 
 margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  border-radius: 0px; text-align: left; text-align: right;
}
.subcat .anbieter a {text-decoration: none;}


.subcat .anbieter .header {padding: 4px 0px -3px 0px; display: block; width: 100%; font-size: 17px; line-height: 17px; font-weight: bold; white-space: nowrap; text-align: left; height: 20px; margin-bottom: 0px; padding-right: 5px; white-space: nowrap;}
.subcat .anbieter .header .tags {font-weight: normal; font-size: 12px; padding: 0px; position: relative; display: inline-block;  top: 2px; white-space: nowrap;}
.subcat .anbieter .header .tags span {background: #dadada; color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 1px 4px; cursor: context-menu;}
.subcat .anbieter .header .tags span:hover {background: #aaa;}
.subcat .anbieter .header .tags span.detail{float: left; margin-left: -2px; margin-top: 0px; padding-top: 0px; background: #71184C; background: #eee; color: #71184C; color:#999; top: 2px; position: relative; border-radius: 20px;  box-shadow: 0px 0px 2px #CCC;}
.subcat .anbieter .header .title {display: inline-block; max-width: 400px; overflow: hidden; text-overflow: ellipsis; text-shadow: 0px 0px 3px rgba(0, 0, 0, 1); border-top-left-radius: 8px; border-top-right-radius: 8px; font-family: "Arial"; color: black; padding: 0px 8px; line-height: 20px; background: #fff; margin: 0px 0px 0px 5px; z-index: 80; position: relative; -webkit-transform: rotate(-0deg);  left: 5px; top: 0px; background: #71184C;  background:#942064; z-index: 1; color: #fefefe;  box-shadow: 0px 0px 3px rgba(45, 45, 45, 0.8); font-size: 14px;}
.subcat .body {box-shadow: 0px 0px 3px rgba(0,0,0,0.2); position: relative; min-height: 20px; margin: 0px 5px; border-radius: 1px; background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAKUlEQVQYGWNgQAKfPn36j8RlQOGjcICqUPgoHJIkke0Dsck3iXydQGsBnuE9UfS0pAgAAAAASUVORK5CYII=); z-index: 1; cursor: pointer; transition: 0.5s all;}
.subcat .body:hover {box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
.subcat .body p {padding: 4px 3px; text-align: left; text-shadow: 0px 1px 1px #DDD, 0px 0px 10px white, -1px -1px 1px white, -2px -2px 1px white; }

.subcat .body .tags {font-size: 11px; text-shadow: none;}

.subcat .anbieter .beschreibung {}
.subcat .detailsinbeschreibung {overflow: hidden; text-align: right;}
.subcat .detailsinbeschreibung .tags {border-top-left-radius: 10px; padding: 2px 0px 0px 5px; overflow: ellipsis; color: #bbb; display: inline; }
.subcat .detailsinbeschreibung .tags span {display: inline-block; border-radius: 10px; background: #ccc; padding: 3px; font-weight: normal; font-size: 8px;}
span.linkzudetail {font-weight: bold; display: block; font-size: 12px; background: #efefef; text-align: right; min-width: 300px; max-width: 400px;

background: -moz-linear-gradient(left, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 48%, rgba(239,239,239,1) 49%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(239,239,239,0)), color-stop(48%,rgba(239,239,239,1)), color-stop(49%,rgba(239,239,239,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 48%,rgba(239,239,239,1) 49%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 48%,rgba(239,239,239,1) 49%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 48%,rgba(239,239,239,1) 49%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 48%,rgba(239,239,239,1) 49%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefef', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
}
.subcat span.linkzudetail a  {color: #71184C; color: #942064;  text-shadow: 0px 0px 6px #FFF; padding: 4px; transition: all 0.2s;}
.subcat .body:hover span.linkzudetail a {color: #fff;   text-shadow: 0px 0px 6px #999;}
.subcat .detailsinbeschreibung span { color: white;}

.subcat .anbieter img {max-width: 310px; float: left; margin: 0px 4px 0px 0px; z-index: 4; position: relative;}
.subcat .anbieter.weitere img, .subcat .anbieter.eintrag2 img {max-width: 130px;}
.subcat .anbieter span.clear {clear: both; height: 0px; display: block;}
.subcat .anbieter .preis {}
.subcat .anbieter .url {position: absolute; float: right; bottom: 0px; right: 0px; color: white; padding: 0px;  border-radius: 0px;}
.subcat .anbieter .url  a { font-weight: bold; padding: 5px 5px 5px 10px; display: block;  font-size: 12px;  padding: 2px;}
.subcat .anbieter .url:hover {background: #aaa;}
.subcat .anbieter .url:hover a {color: #fff; }

span.linkzudetail {font-weight: bold; padding: 4px; display: block; width: 100%; }
.drunter {float: none !important; position: relative !important; bottom: auto; margin-right: 5px; background: rgba(255,255,255,0.7); display: inline-block; z-index: 0; top: 0px; transition: all 0.5s;}
.drunter a  {color: #71184C; color: #942064; text-shadow: 0px 0px 3px #CCC;}
.subcat .drunter:hover {background: #71184C;  }
.subcat .drunter:hover a {color: #fff; }
.subcat h4 {color: #ccc;}

.subcat > .anbieter .drunter {top: -20px; z-index: 2;}
.subcat > .anbieter .body {box-shadow: none;}
.subcat > .anbieter {color: #666;}


.alleanbieter {color: #BBB; text-decoration: none;  font-weight: bold; padding: 5px 5px; font-size: 12px; display: block; min-width: 100px; background: rgba(255,255,255,0.4);}
.alleanbieter:hover {text-decoration: underline;}

p.anfrage {padding: 20px;}
#anfragelink, #linktoalleanbieter {clear: both; background: grey; display: block; width: auto; margin: 30px 5%; text-align: center; }

#linktoalleanbieter {}

#anfragelink, #saveForm{

-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}

#saveForm {width: auto; margin: 20px 5%; width: 90%;}

.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}


.linksleftright {position: relative; min-height: 20px;}
.linksleftright a, #linktoalleanbieter {color: white; background: #4D0931; background: #666; font-weight: bold; padding: 5px 8px; text-decoration: none; font-size: 14px;}
.linksleftright a.left {position: absolute; bottom: 0px; left: 0px; border-top-right-radius: 10px;}
.linksleftright a.right {position: absolute; bottom: 0px; right: 0px; border-top-left-radius: 10px;}
#linktoalleanbieter {background: #444; display: block; margin: 0px;}


.anfrage_bundesland { text-decoration: none; display: block; position: relative; float: right; margin-right: 3%; font-weight: bold; font-size: 13px; box-shadow: 0px 0px 2px #555555; padding: 5px 10px 5px 10px; color: #FFFFFF !important; background: #AAAAAA; transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.anfrage_bundesland:hover {background: #999999; box-shadow: 0px 0px 3px #555555; padding-top: 6px; transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s;}



.btn.mobile.lower {position: fixed;  z-index: 40; width: 40px;}
.btn.mobile.lower img {margin-left: 5px; width: 40px; height: 40px;}
#btnup {bottom: 40px ; display: none; right: 0px; background: white; border-bottom-left-radius: 20px; border-top-left-radius: 20px; width: 45px; box-shadow: 0px 0px 10px #BBB;}

#up {
	text-decoration:none;
	background: white;
	position:fixed;
	bottom:0px;
	right:10px;
	font-size: 30px;
	display: none;
	overflow: hidden;
	border: none;
	text-align: center;
	z-index: 98;
	color: white;
	box-shadow: black 2px 1px 4px;
    background-color: #4d0a31;
 /*    */
	transition: background-color 1s;
}
#up span{display: block; height: 40px; 	padding-top: 4px; width:35px; transition: height 1s;}

#up:hover, div#social_buttons a:hover {
   background-color: #801754;
   color: #ffffff;
   }
#up:hover span {height: 40px;}
 



#bottom {width: 100%; color: #eee; font-size: 12px; min-height: 300px; margin-top: 0px; background: #222; text-align: center; padding: 120px 20px 20px 20px;}
#bottom a {text-decoration: none; color: #eee; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;}
#bottom a.easysolutions {font-weight: normal; font-size:45px; font-family: 'Great Vibes', Arial, cursive;}
#bottom a.easysolutions span {font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; display: block; color: #bbb;}




/* LOGIN */

input, label {font-size: 14px;}
label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
input {background: white;}
div.login {display: inline-block; width: 48%;  padding: 10px 20px 20px 20px; margin: 20px 0px; background: #F4F4F4; border-radius: 10px;}
div.login p {}
p.error {text-align: center; font-weight: bold;}
div.login form {padding-top: 10px;  display: block; width: 100%; margin: 0px auto; background: #e0e0e0; padding: 10px; margin-top: 10px;}
div.login form input[type=text], div.login form input[type=password] {width: 90%; margin: 0px auto; display: block; padding: 4px; font-size: 16px;}
div.login form p {padding-bottom: 10px;}
.container {margin-top: 20px;}
.container p {padding: 0px 10px;}
.submit {text-align: center;}
.submit input {font-weight: bold;}
.submit input[type=submit] {padding: 5px;}







/* FOOTER */
#footer_tipps {font-style: italic; }
#footer_tipps a {font-style: normal;}

#footer {color: #F0F0F0; font-size: 13px; text-align: center; padding: 10px 0px 5px 0px; clear: both;}
#footer a, #footer strong{color: white; text-decoration: none;font-weight: bold; }
#colophon {
	overflow: hidden;
	padding: 10px 0 0 0;
	position: relative;
	min-height: 70px;
}
#footertitle span {
		font-family: "Great Vibes", "Gabriola", cursive;
		position: relative;
		z-index: 13;

		color: #FDFDFD;
		font-size: 30px;

		font-weight: normal;

		text-decoration: none;
		padding: 0px 3px;
		text-shadow: black 1px 1px 2px, black -1px -1px 2px  ;
	}
#footertitle {color: white;  text-align: left; font-style: italic; }


#footerbundesland {box-shadow: 0px 0px 10px black; padding: 5px; margin: 8px 2px;}
#footerbundesland a {text-decoration: none; display: inline-block;  padding: 4px 7px; margin: 1px; }

#neueanbieter {padding-bottom: 5px;}
#neueanbieter a {font-weight: normal;}

#lastlinks {text-align: center;}
#lastlinks a {background: #EEE; box-shadow: inset 0px 10px 10px #4D0931; color: #4D0931; padding: 7px 8px 4px 8px; margin: 3px 3px 0px 3px; display: inline-block; text-decoration: none; font-weight: bold; background: #4D0931; background: #6c0d45; color: #CCC; color: #ddd; box-shadow: inset 0px 6px 6px rgba(0,0,0,0.2);}
#lastlinks a { box-shadow: 0px 2px 2px black; padding: 9px; margin: 5px;}
#lastlinks a:hover {background: #4D0931; color: white; box-shadow: 0px 2px 1px black;}

#site-info {
	font-weight: bold;
}
#site-info a {
	color: #000;
	text-decoration: none;
}
#site-generator {
	font-style: italic;
	float: right;
	display: inline-block;
}
#site-generator a {

	text-decoration: none;
}
#site-generator a:hover {
	text-decoration: underline;
}		


/* EINTRAG */
#kontakt-sidebar {
max-width: 320px;
float: right;
overflow: hidden;
margin-left: 20px;
text-align: center;
}
#kontakt-sidebar img {
height: auto;
width: auto;
max-width: 320px;
max-height: 320px;
margin: 0px auto;
}

#kontakt-bottom {
clear: both;
position:relative;
background: #E4E4E4;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAUklEQVQYGY2MwQnAMAzEnI7h/WfzGi0qBFQngeZ1p1McVXWHHn3HpERYcD5Kc1hkA3LvfBzAzBwUC3TzC/D7+RK5988hj3PYsXfz4LyMAIQu0R9aw2RNSvNUlgAAAABJRU5ErkJggg==); 
background: #E4E4E4 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAEElEQVQIHWM4cuTIf4bBBgDmAwNM+xVEewAAAABJRU5ErkJggg==);
padding: 0px;
}

#kontakt-bottom form {width: 50%; padding: 5px 10px 20px 20px}
#kontakt-bottom form label {width: 100px; font-family:"Courier New","Courier","Arial";}
#kontakt-bottom form input {width: 100%; font-size: 100%; padding: 2px;}
#kontakt-bottom form ul li {width: 90%;}
#kontakt-bottom form textarea {width: 90%; background: white;}
#kontakt-bottom form input[type=submit] {width: 90%; width: 200px; background: white;}
#kontakt-bottom #adinfo {width: 50%; float: right; padding: 20px; 20px; 20px; 10px;}
#kontakt-bottom #adinfo img {float: left; margin-right: 10px;}
#kontakt-bottom #adinfo span {font-size: 120%; font-weight: bold;}
#kontakt-bottom .clear{clear: both;}

ul#anbieter a {margin: 2px; padding: 4px; color: white; text-decoration: none; background: #F0F0F0; display: block; text-align: center; text-shadow: 0px 0px 2px rgba(0,0,0,0.5);text-shadow: 1px 1px 3px rgba(171, 171, 171, 1); text-shadow: none; box-shadow:inset 0px 0px 20px rgba(0, 0, 0, 0.1); font-weight: bold; min-height: 50px; vertical-align: center; color: #960653; color: #b30763;
border-radius: 10px;}
ul#anbieter a:hover {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQIHWPYv3//fwaiAE6VAB9vBnnS3jpXAAAAAElFTkSuQmCC);}

.entry-utility {clear: both;}

/* OVERWRITE BASICS */

#page {  max-width: 1020px; background: white; background:rgba(255,255,255,0.4);}



/* Media QUERIES */

@media only screen and (max-width : 1044px) {
#page {margin: 0px 10px; width: auto;}
}

@media only screen and (max-width : 740px) {
#content .page-title {padding-left: 10px;}
#page {padding: 0px;}
.hideonphone {display: none;}
}



@media only screen and (max-width : 570px) {
 #anfragen { height: 90px; width: 90px; background-size: cover; left: -15px; bottom: -16px; background-position: 0px -90px; display: none;}
 #anfragen span.background {background-size: cover;}
 #content .page-title {font-size:28px; top: -80px;}
 #content .page-title span{font-size: 15px;}
 div.menu > ul > li.page_item {display: none;}
 div.menu ul li:first-child {width: 25%; text-align: center; padding-left: 0px;}
 div.menu ul li:first-child a {width: 100%; font-weight: bold;}
 div.menu ul li:first-child span {display: none;}
 #access ul ul li, ul#anbieter li {width: 33%; }
 .textonly {width: 100%;}
 #access #menu ul > li .hidewhensmall {display: none !important;}
 .hidewhensmall {display: none;}
 #access .hidewhensmall {display: none !important;}
 .subcat h2:before, .subcat h2:after {content: '';}
 .subcat .anbieter .header .title {max-width: 280px;}
 
 #menu_anfrage a {padding-left: 5px; padding-right: 5px;}

 
 div.login {width: 99%;}
 div.login h3 {text-align: center;}
 #page {margin: 0px;}
 #kontakt-bottom form, #kontakt-bottom #adinfo {width: 100%;}
 #anmelden_top span {display: none;}
}

@media only screen and (min-width: 330px) and (max-width: 570px) {
 #menu_anfrage {left: 25%;}
 #menu_anfrage > * {width: 20%; text-align: center;}
 #menu_anfrage > div > a {width: 100%;}
 #menu_anfrage .anfrage {width: 60%;}
}

@media only screen and (max-width : 400px) {

#kontakt-sidebar {max-width: 100%; width: 100%;} 
#wrapper {top: 73px;}
}

@media only screen and (min-width : 1024px) {
#banner {height: 207px;}
}

/* ANFRAGE FORMULAR */