/* 
* 
* Template: webnartsParallax
* 05-2015
* Author:Thomas Prachtel http://www.web-n-arts.de
*
*/

@import url(http://fonts.googleapis.com/css?family=Raleway:200,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);

/* -------------------------------------------------------- */
/* Globale Einstellungen */
/* --------------------- */
* {
	outline:none;
}

html,body {
	margin:0;
	padding:0;
	text-align:center;
	height:100%;
	font-family:'Open Sans',Helvetica,Arial,sans-serif;
	font-size:16px;
  	font-weight:400;
  	line-height:1.6em;
	color:#333;
	background-color:#000;
	/* Zurücksetzen der Auto-Schriftskalierung */
  	-webkit-text-size-adjust: none;
  	-ms-text-size-adjust: none;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) { 
html,body {
	font-size:12px;
}
}

#nojava {
width:100%;
background:#666;
border-bottom:1px solid #FFF;
height:auto;
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}

#nojava p {
width:90%;
max-width:940px;
margin:0px auto;
color:#FFF;
font-size:1.2em;
font-style:italic;
font-weight:600;
padding:25px 0px;
text-align:center;
}

a {
	color:#CC0066;
	font-weight:400;
	font-size:inherit;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover	{
	text-decoration:none;
	color:#999;
}
em {
	font:inherit;
	font-style:inherit;
}

#scrolltotop {
	display:none;   /* brauchts für das Einblenden per JS ab einer bestimmten Scrollhöhe */
    position:fixed;
    border:none;
    right:25px;
    bottom:25px;
    width:40px;
    height:40px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    filter:alpha(opacity = 75); /* IE 6, 7, 8 */
    -ms-filter:alpha(opacity = 75); /* ab IE 8*/
    opacity: 0.75;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) { 
#scrolltotop {
	width:20px;
    height:20px;
}
}


#scrolltotop:hover {
    filter:alpha(opacity = 100); /* IE 6, 7, 8 */
    -ms-filter:alpha(opacity = 100); /* ab IE 8*/
    opacity: 1.0;
}


/* -------------------------------------------------------- */
/*                                                          */
/* Parallax Sections                                        */
/*                                                          */
/* -------------------------------------------------------- */
.module:last-child {
  margin-bottom:0;
}

.module.parallax_magenta {
  	margin-bottom:-25px;
  	height:auto;
  	color:#FFF;
}

.module.parallax_magenta h2, .module.parallax_magenta h3 {
  	color:#FFF;
}

.module.parallax_magenta a {
  	color:#FFF;
	font-weight:400;
	font-size:inherit;
	text-decoration:underline;
}

.module.parallax_magenta a:hover {
  	color:#CCC;
}

.module.parallax_magenta hr {
  	background-color:#FFF;
	border:0;
	height:1px;
}

.module.parallax_magenta li:before {
  content: '\f101';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #FFF;
  font-size:1.1em;
}

.module.parallax-magenta {
  	background-color:#999;
}

.module.parallax {
    margin-bottom:-25px;
  	height:800px;
  	background-position:50% 50%;
  	background-repeat:no-repeat;
  	background-attachment:fixed;
  	-webkit-background-size:cover;
  	-moz-background-size:cover;
  	-o-background-size:cover;
  	background-size:cover;
}

@media only screen and (max-width:1280px)  {
.module.parallax {
  	height:600px;
}
}

@media only screen and (max-device-width:1279px)  {
.module.parallax {
  	background-position:0 auto;
  	background-attachment:scroll;
}
}

@media only screen and (max-width:480px)  {
.module.parallax {
  	height:400px;
}
}

.module.parallax h2, .module.parallax h1 {
  	font-family:'Raleway','Helvetica Neue',Helvetica,sans-serif;
	font-weight:200;
  	color:#fff;
  	text-shadow:#000 0 1px 0;
  	text-align:left;
  	width:65%;
  	margin-left:0;
  	margin-top:200px;
  	margin-bottom:15px;
  	padding:5px 20px 5px 100px;
  	background:url("../grafiken/dunkel.png") repeat;
  	font-size:3.4em;
}

@media only screen and (max-width:1280px)  {
.module.parallax h2, .module.parallax h1 {
  	margin-top:160px;
  	padding:5px 20px 5px 50px;
}
}

@media only screen and (max-width:800px)  {
.module.parallax h2, .module.parallax h1 {
  	width:75%;
  	margin-top:150px;
  	padding:5px 20px 5px 35px;
  	font-size:3.0em;
}
}

@media only screen and (max-width:480px)  {
.module.parallax h2, .module.parallax h1 {
  	margin-top:75px;
  	padding:5px 15px 5px 20px;
  	font-size:2.6em;
}
}

@media only screen and (max-width:320px)  {
.module.parallax h2, .module.parallax h1 {
  	font-size:2.2em;
}
}

.module.parallax-1 {
  	background-image:url("../grafiken/parallax/1.jpg");
}

.module.parallax-2 {
  	background-image:url("../grafiken/parallax/2.jpg");
}


.module.parallax-3 {
  	background-image:url("../grafiken/parallax/3.jpg");
}


/* -------------------------------------------------------- */
/* Header */
/* ------ */
.header {
	width:100%;
	height:100px;
	background-color:#000;
  	background-image:-webkit-linear-gradient(top,#444444 0,#000000 100%);
  	background-image:linear-gradient(to bottom,#444444 0,#000000 100%);
  	background-repeat:repeat-x;
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff000000',GradientType=0);
  	border-bottom:5px solid #CC0066;
  	/*position:fixed;*/
}

@media only screen and (max-width:800px) {
.header {
	width:100%;
	height:60px;
	background-color:#000;
  	background-image:-webkit-linear-gradient(top,#444444 0,#000000 100%);
  	background-image:linear-gradient(to bottom,#444444 0,#000000 100%);
  	background-repeat:repeat-x;
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff000000',GradientType=0);
  	border-bottom:5px solid #CC0066;
  	/*position:fixed;*/
}
}

.logowrapper {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0;
	
}

.logo {
	position:absolute;
  	z-index:999999;
	height:226px;
  	width:226px;
  	margin:-30px 0 0 10px;
  	background-color:#CC0066;
  	border:0 solid transparent;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-ktml-border-radius:50%;
  	border-radius:50%;
  	-webkit-box-shadow: 0 0 5px #000;
  	-moz-box-shadow: 0 0 5px #000;
  	-o-box-shadow: 0 0 5px #000;
  	-ms-box-shadow: 0 0 5px #000;
  	box-shadow: 0 0 5px #000;
	float:left;
}

.logo img {
	height:90px;
	margin-top:70px;
}

@media only screen and (max-width:800px) {
.logo {
	position:absolute;
  	z-index:999999;
	height:190px;
  	width:190px;
  	margin:-30px 0 0 10px;
  	background-color:#CC0066;
  	border:0 solid transparent;
  	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-ktml-border-radius:50%;
  	border-radius:50%;
  	-webkit-box-shadow: 0 0 5px #000;
  	-moz-box-shadow: 0 0 5px #000;
  	-o-box-shadow: 0 0 5px #000;
  	-ms-box-shadow: 0 0 5px #000;
  	box-shadow: 0 0 5px #000;
	float:left;
}

.logo img {
	height:80px;
	margin-top:53px;
}
}

@media only screen and (max-width:480px) {
.logo {
	clear:left;
	display:none;
}
}

.accordionmainmenu {
	display:none;
}

.dropdownmenu {
	display:block;
	margin:0;
	float:right;
}

@media only screen and (max-width:800px) {
.dropdownmenu {
	display:none;
}

.accordionmainmenu {
	display:block;
	margin:0 auto;
	width:100%;
	height:auto;
}
}

/* -------------------------------------------------------- */
/* Seiteninhalt */
/* ------------ */
.catcontent {
	width:100%;
	min-height:600px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
}

.pagecontent {
  	text-align:left;
	width:90%;
	max-width:940px;
	margin:0 auto;
	padding:30px 0;
}

/* -------------------------------------------------------- */
/* Bottom mit Footerboxen */
/* ---------------------- */
.bottomwrapper {
	width:90%;
	height:auto;
	max-width:940px;
	margin:0 auto;
	padding:50px 0 30px;
}

.footerbox-1 {
	float:left;
    width:33%;
	height:auto;
    margin-left:0;
	text-align:left;
	color:#a0a0a0;
	text-align:left;
	font-size:1.0em;
	line-height:1.6em;
}

.footerbox-1 a {
	color:#a0a0a0;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	
}
.footerbox-1 a:hover {
	color:#CC0066;
}

@media only screen and (max-width:800px) {
.footerbox-1 {
	clear:left;
	margin:0 auto 50px;
	width:100%;
	height:auto;
	text-align:center;
}
}

.footerbox-2 {
	float:left;
	width:32%;
    padding-left:6%;
	height:auto;
	text-align:left;
	color:#a0a0a0;
	text-align:left;
	font-size:1.0em;
	line-height:1.6em;
}

.footerbox-2 ul {
	padding:0;
}

.footerbox-2 li {
	list-style:none;
	padding:0 0 13px;
}

.footerbox-2 li:before {
	display:none;
}

.footerbox-2 a {
	color:#a0a0a0;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	
}
.footerbox-2 a:hover {
	color:#CC0066;
}

@media only screen and (max-width:800px) {
.footerbox-2 {
	clear:left;
	margin:-20px auto 30px;
    padding-left:0;
	width:100%;
	height:auto;
	text-align:left;
}

.footerbox-2 ul {
	width:206px;
	margin:0 auto 10px;
	padding:30px 0 20px;
    padding-left:74px;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
}

.footerbox-2 ul i {
    margin-left:5px;
}
}

.footerbox-3 {
    float:right;
	margin-right:0;
    margin-top:5px;
	width:28%;
	height:auto;
	color:#a0a0a0;
	text-align:right;
	font-size:0.7em;
	line-height:0.4em;
}

.footerbox-3 img {
	width:180px;
}

@media only screen and (max-width:800px) {
.footerbox-3 {
	clear:right;
	margin:0 auto;
	width:100%;
	height:auto;
	text-align:center;
    line-height:0.7em;
}
}

/* -------------------------------------------------------- */
/* Dropdownmenu */
/* ------------ */
ul#dropdown {
    padding:0;
    margin-top:30px;
    margin-right:20px;
}

ul#dropdown li {
    margin-left:0;
    width:auto;
    list-style:none;
    float:left;
    position:relative;
}

ul#dropdown li:before {
	display:none;
}

ul#dropdown li ul {
    padding:0;
    position:absolute;
    display: none;  /* Unternavigation ausblenden */
    text-align:left;
}

ul#dropdown li ul li {
    width:100%;
    float:none;
    display:block;
}

ul#dropdown li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
    background-color:#f4f4f4;
    border:0 solid transparent;
    border-top:5px solid #000;
    border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-ktml-border-radius: 0px 0px 4px 4px;
    margin-left:5px;
    padding-bottom:6px;
    -webkit-box-shadow: 0 0 5px #000;
  	-moz-box-shadow: 0 0 5px #000;
  	-o-box-shadow: 0 0 5px #000;
  	-ms-box-shadow: 0 0 5px #000;
  	box-shadow: 0 0 5px #000;
}

ul#dropdown a.down {
    display:block;
    padding:2px 18px 1px;
    margin:0 5px;
    font-style:normal;
	font-size:1.1em;
	line-height:2.0em;
	color:#fff;
	text-decoration:none;
}

ul#dropdown a.down:hover {
	color:#CCCCCC;
}

ul#dropdown a.downactive {  /* aktuelle Rubrik kennzeichnen */
    display:block;
   	padding:2px 18px 1px;
   	margin:0 5px;
    font-style:normal;
	font-size:1.1em;
	line-height:2.0em;
	color:#CC0066;
	text-decoration:none;
	background-color:#f4f4f4;
    -moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
	border-radius:4px;
}

ul#dropdown a.downactive:hover {
	color:#CC0066;
}

ul#dropdown a.detaildown {
    color:#333;
    text-shadow:#fff 0 1px 0;
    display:block;
    white-space:nowrap;
    padding:2px 18px 1px;
    font-style:normal;
	font-size:1.0em;
	line-height:2.0em;
	text-decoration:none;
}

ul#dropdown a.detaildown:hover {
    background-color:#CCCCCC;
	color:#000;
	text-decoration:none;
}

ul#dropdown a.detaildownactive {  /* aktuelle Unterseite kennzeichnen */
    display:block;
    white-space:nowrap;
    padding:2px 18px 1px;
    font-style:normal;
    font-weight:600;
	font-size:1.0em;
	line-height:2.0em;
	text-decoration:none;
	color:#fff;
	background-color:#CC0066;
	background-image:-webkit-linear-gradient(top,#ff6699 0,#CC0066 100%);
	background-image:linear-gradient(to bottom,#ff6699 0,#CC0066 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6699',endColorstr='#ffCC0066',GradientType=0);
}


/* -------------------------------------------------------- */
/* Accordion-Menu */
/* -------------- */
#accordionwrapper {
	width:100%;
	margin-top:0;
	background-color:transparent;
  	background-image:none;
	/*position:fixed;*/
}

.accordionButton {
	padding:15px;
	height:30px;
	width:90%;
	background-color:tranparent;
	background-image:url("../grafiken/accordionbutton.png");
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
}

.accordionButton span {
	display:none;
}

@media only screen and (max-width:480px) {
.accordionButton span {
	display:block;
	color:#CC0066;
	font-family:'Raleway','Helvetica Neue',Helvetica,sans-serif;
  	font-weight:200;
  	font-size:2.0em;
	text-align:left;
	float:left;
}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) { 
.accordionButton span {
  	font-size:2.6em;
  	line-height:0.85em;
}
}
	
.accordionContent {	
	width:100%;
}

ul.mainmenu {
	position:relative;
  	z-index:99999;
	list-style-type:none;
	list-style-image:none;
	padding:0;
	margin:0;
	-webkit-box-shadow: 0 0 8px #000;
  	-moz-box-shadow: 0 0 8px #000;
  	-o-box-shadow: 0 0 8px #000;
  	-ms-box-shadow: 0 0 8px #000;
  	box-shadow: 0 0 8px #000;
  	background-color:#000000;
  	background-image:-webkit-linear-gradient(top,#444444 0,#000000 100%);
  	background-image:linear-gradient(to bottom,#444444 0,#000000 100%);
  	background-repeat:repeat-x;
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff000000',GradientType=0);
  	border-bottom:5px solid #CC0066;
}

li.mainmenu {
	padding:15px 0;
	text-align:center;
	border-top:1px solid #999;
}

ul.detailmenu {
	list-style-type:none;
	list-style-image:none;
	padding:15px 0 0;
	
}

li.detailmenu {
	padding:10px 0 5px;
	text-align:center;
}

a.menu {
	font-size:1.3em;
	margin:10px 0;
	padding:6px 25px 7px;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	color:#fff;
}

a.menu:hover {
	text-decoration:none;
}

a.menuactive {
	font-size:1.3em;
	margin:10px 0;
	padding:6px 25px 7px;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	color:#CC0066;
}

a.menuactive:hover {
	text-decoration:none;
}

/* -------------------------------------------------------- */
/* Submenupunkt */
/* ------------ */
a.submenu {
	font-size: 1.2em;
	margin:7px 0;
	padding:7px 25px 8px;
	color:#fff;
	font-weight:400;
}
a.submenu:hover {
	text-decoration:none;
}
a.submenuactive {
	font-size: 1.2em;
	margin:7px 0;
	padding:7px 25px 8px;
	color:#CC0066;
	font-weight:400;
}
a.submenuactive:hover {
	text-decoration:none;
}


/* -------------------------------------------------------- */
/* Galerie-Tabelle (Uebersichtsmodus) */
/* ---------------------------------- */
table.gallerytable {
	width:100%;
	margin:0 auto;
	border:none;
	border-collapse:collapse;
}
td.gallerytd {
	vertical-align:top;
	border:none;
	padding:0 5px 10px;
	font-size:70%;
	color:#666;
	text-align:center;
	font-style:italic;
}
img.thumbnail {
	width:100%;
	margin:0;
	padding:0;
	border:none;
}

/* -------------------------------------------------------- */
/* Fehler in Tag-Attribut oder -Wert */
/* --------------------------------- */
.deadlink {
	color:#ff4444;
	font-weight:bold;
}


/* -------------------------------------------------------- */
/* Suchwort-Hervorhebungen */
/* ----------------------- */
.highlight {
	padding:0 1px;
	font-size:inherit;
	background-color:#dd0000;
	color:#fff;
}


/* -------------------------------------------------------- */
/* Kontaktformular */
/* --------------- */
form#contact_form {
  	width:100%;
}

table#contact_table {
	width:100%;
}

table#contact_table td {
  	vertical-align:top;
  	padding:5px 0;
}

span#contact_errormessage{
  	display:block;
  	margin:0 auto 20px;
	width:100%;
	color:#AA0000;
	text-align:center;
	padding:15px 5px;
	background-color:#ffdddd;
	border:1px solid #ffdddd;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
	border-radius:4px;
}

span#contact_successmessage{
  	display:block;
  	margin:0 auto 20px;
	width:100%;
	color:#008800;
	text-align:center;
	padding:15px 5px;
	background-color:#ddffdd;
	border:1px solid #ddffdd;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
	border-radius:4px;
}

input#contact_name, input#contact_mail, input#contact_website, input#contact_calculation {
  	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  	width:100%;
  	font-size:1.0em;
  	color:#666666;
  	padding:5px;
  	border:1px solid #ccc;
  	background-color:#f4f4f4;
 	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
	border-radius:4px;
}

textarea#contact_message {
  	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  	width:100%;
  	font-size:1.0em;
  	color:#666;
  	padding:5px;
  	resize:none;
  	border:1px solid #ccc;
  	background-color:#f4f4f4;
  	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
	border-radius:4px;
}

input#contact_submit {
  	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  	width:auto;
  	font-size:1.0em;
  	font-weight:400;
  	font-style:italic;
  	padding:8px 32px 9px;
  	margin:20px 0;
  	color:#FFF;
  	text-shadow:#000 0 1px 0;
  	border:1px solid #CC0066;
  	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
	border-radius:4px;
  	background-color:#CC0066;
	background-image:-webkit-linear-gradient(top,#ff6699 0,#CC0066 100%);
	background-image:linear-gradient(to bottom,#ff6699 0,#CC0066 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6699',endColorstr='#ffCC0066',GradientType=0);
  	cursor:pointer;
}

input#contact_submit:hover {
  	background-color:#CC0066;
  	border:1px solid #CC0066;
  	background-image:none;
}


/* -------------------------------------------------------- */
/*                                                          */
/* CMS-SYNTAX                                               */
/*                                                          */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* [link|...]      */
/* --------------- */
a.link {
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* [mail|...]      */
/* --------------- */
a.mail {
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* [seite|...]      */
/* --------------- */
a.page {
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* [kategorie|...]      */
/* --------------- */
a.category {
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* [datei|...]      */
/* --------------- */
a.file {
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* [galerie|...]      */
/* --------------- */
a.gallery {
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* [bild|...] */
/* ---------- */
span.imagesubtitle {
	text-align:left;
	font-size:0.9em;
	font-style:italic;
}

img {
	border:none;
	max-width:100%;
	height:auto;
	margin-bottom:0;
}

/* -------------------------------------------------------- */
/* [bildlinks|...] */
/* --------------- */
span.leftcontentimage {
	float:left;
	text-align:left;
	font-style:italic;
	margin-bottom:15px;
}

img.leftcontentimage {
	width:240px;
	border:none;
	margin-right:40px;
	margin-bottom:6px;
}

@media only screen and (max-width:480px) {
img.leftcontentimage {
	width:100%;
	margin-right:0;
	margin-bottom:25px;
}
}

/* -------------------------------------------------------- */
/* [bildrechts|...] */
/* ---------------- */
span.rightcontentimage {
	float:right;
	text-align:right;
	font-style:italic;
	margin-bottom:15px;
}

img.rightcontentimage {
	width:240px;
	border:none;
	margin-left:40px;
	margin-bottom:6px;
}

@media only screen and (max-width:480px) {
img.rightcontentimage {
	width:100%;
	margin-right:0 auto;
	margin-bottom:25px;
}
}

/* -------------------------------------------------------- */
/* [fett|...] */
/* ---------- */
b {
	font-size:inherit;
	font-weight:600;
}


/* -------------------------------------------------------- */
/* [kursiv|...] */
/* ------------ */
i {
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* [unter|...] */
/* ------------ */
u {
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* [durch|...] */
/* ------------ */
s {
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* [ueber1|...] */
/* ------------ */
h1 {
	font-family:'Raleway','Helvetica Neue',Helvetica,sans-serif;
	font-weight:200;
	font-size:2.5em;
	line-height:1.4em;
	color:#CC0066;
	margin-top:0;
	margin-bottom:20px;
}


/* -------------------------------------------------------- */
/* [ueber2|...] */
/* ------------ */
h2 {
	font-family:'Raleway','Helvetica Neue',Helvetica,sans-serif;
	font-weight:200;
	font-size:2.0em;
	line-height:1.3em;
	color:#CC0066;
	margin-top:10px;
	margin-bottom:10px;
}


/* -------------------------------------------------------- */
/* [ueber3|...] */
/* ------------ */
h3 {
	font-family:'Raleway','Helvetica Neue',Helvetica,sans-serif;
	font-weight:200;
	font-size:1.5em;
	line-height:1.2em;
	color:#CC0066;
	margin-top:10px;
	margin-bottom:10px;
}


/* -------------------------------------------------------- */
/* [numliste|...] */
/* ------------ */
ol {
	margin:0;
	list-style-type:decimal;
}

li {
	margin:0;
	font-size:inherit;
}


/* -------------------------------------------------------- */
/* [liste|...] */
/* ------------ */
ul {
	margin:0;
	list-style:none;
}
li {
	margin:0;
	font-size:inherit;
}

li:before {
  content: '\f101';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #CC0066;
  font-size:1.1em;
}


/* -------------------------------------------------------- */
/* [----] */
/* ------ */
hr {
	background-color:#cccccc;
	border:0;
	height:1px;
}

/* -------------------------------------------------------- */
/* [tabelle|...] */
/* ------------- */
table.contenttable {
	margin:0 auto;
	border-collapse:separate;
	width:100%;
	border-spacing:3px;
	text-align:left;
}
th.contenttable {
	color:#fff;
	text-align:center;
	font-weight:600;
	font-size:0.9em;
	vertical-align:top;
	background-color:#999;
	padding:8px 12px;
}
td.contenttable1 {
	vertical-align:top;
	color:#444;
	font-size:0.9em;
	padding:6px 12px;
	background-color:#f4f4f4;
}
td.contenttable2 {
	vertical-align:top;
	color:#333;
	font-size:0.9em;
	padding:6px 12px;
	background-color:#dcdcdc;
}

/* -------------------------------------------------------- */
/* [zentriert|...] */
/* --------------- */
.aligncenter {
    text-align:center;
    color:inherit;
    font-size:inherit;
    font-style:inherit;
}

/* -------------------------------------------------------- */
/* [links|...] */
/* ----------- */
.alignleft {
    text-align:left;
    color:inherit;
    font-size:inherit;
    font-style:inherit;
}

/* -------------------------------------------------------- */
/* [rechts|...] */
/* ------------ */
.alignright {
    text-align:right;
    color:inherit;
    font-size:inherit;
    font-style:inherit;
}

/* -------------------------------------------------------- */
/* [block|...] */
/* ----------- */
.alignjustify {
    text-align:justify;
    color:inherit;
    font-size:inherit;
    font-style:inherit;
}

/* -------------------------------------------------------- */
/* {TABLEOFCONTENTS} */
/* ----------------- */
.tableofcontents ul ul {
    /*padding-left:15px;*/
}
.tableofcontents li.blind {
    list-style-type:none;
    list-style-image:none;
}


/* -------------------------------------------------------- */
/*                                                          */
/* Benutzerdefinierte Syntaxelemente                        */
/*                                                          */
/* -------------------------------------------------------- */
.smalltext {
	font-size:0.8em;
	line-height:1.5em;
}

.mediumtext {
	font-size:0.9em;
}

.contentboxleft {
	float:left;
	height:auto;
	width:45%;
	padding-right:25px;
	padding-bottom:0;
}

@media only screen and (max-width:800px) {
.contentboxleft {
  	clear:left;
	float:none;
	height:auto;
	width:100%;
	padding-right:0;
	padding-bottom:30px;
}
}

.contentboxright {
	float:right;
	height:auto;
	width:45%;
	padding-left:25px;
	padding-top:0;
}

@media only screen and (max-width:800px) {
.contentboxright {
  	clear:right;
	float:none;
	height:auto;
	width:100%;
	padding-left:0;
	padding-top:30px;
}
}

.contentboxleft_bottom {
	float:left;
	height:auto;
	width:45%;
	padding-right:25px;
	padding-bottom:0;
}

@media only screen and (max-width:800px) {
.contentboxleft_bottom {
  	clear:left;
	float:none;
	height:auto;
	width:100%;
	padding-right:0;
	padding-bottom:30px;
}
}

.divider {
	 height:120px;
}

@media only screen and (max-width:800px) {
  .divider {
	 height:100px;
}
}

@media only screen and (max-width:480px) {
  .divider {
	 height:10px;
}
}

.umbruch {
	clear:both;
}

.button {
  	width:auto;
  	padding:6px 0 7px;
  	margin:20px 0;
  	border:1px solid #CC0066;
  	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-khtml-border-radius:4px 4px 4px 4px;
	border-radius:4px;
  	background-color:#CC0066;
	background-image:-webkit-linear-gradient(top,#ff6699 0,#CC0066 100%);
	background-image:linear-gradient(to bottom,#ff6699 0,#CC0066 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6699',endColorstr='#ffCC0066',GradientType=0);
  	cursor:pointer;
}

.button:hover {
  	background-color:#CC0066;
  	background-image:none;
}

.button a {
	padding:6px 32px 7px;
	color:#FFF;
	font-size:1.0em;
	font-weight:400;
	font-style:italic;
	text-shadow:#000 0 1px 0;
	text-decoration:none !important;
}

.button a:hover {
	color:#FFF !important;
	text-shadow:#000 0 1px 0 !important;
	text-decoration:none !important;
}


/* -------------------------------------------------------- */
/*                                                          */
/* Eigene Google Map                                        */
/*                                                          */
/* -------------------------------------------------------- */
#google_map {
    height:380px;
    padding:0;
    margin:0 auto -25px;
}

.gmnoprint img {
    max-width: none; 
}

img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
	max-width: none;
}


/* -------------------------------------------------------- */
/*                                                          */
/* bxSlider                                      		    */
/*                                                          */
/* -------------------------------------------------------- */

.sliderbox1 {
	display:block;
}

.sliderbox2 {
	display:none;
}

@media only screen and (max-width:768px) {
.sliderbox1 {
	display:none;
}

.sliderbox2 {
	display:block;
	margin-bottom:0;
}
}