/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
 /* webfonts loader */
@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansBold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
 /* Reset Reloaded, Eric Meyer, http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
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,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
 	 margin: 0;
	 padding: 0;
 	 border: 0;
 	 outline: 0;
 	 font-weight: inherit;
	 font-style: inherit;
 	 font-size: 100%;
 	 font-family: inherit;
}
 
.page {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
} 

.bannermask {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/background_overlay.png);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0px 0px;
} 

/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

body {
	color: #57564a;
	font-size: 0.875em;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background-color: #FFF;
	text-align: left;
}
p	{
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	padding: 0em;
}
h1,.componentheading	{	
	color: #9a2d2c; 
	font-size: 2em; 
	font-weight: normal; 
	line-height: 1.5em; 
}
h2,.contentheading	{
	color: #9a2d2c; 
	font-size: 2em; 
	font-weight: normal; 
	line-height: 1.2em;
	padding-bottom: 0.3em; 
}
h3	{
	color: #9a2d2c;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.4em;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}
h4	{
	color: #9a2d2c;
	font-size: 0.875em;
	font-weight: normal;
}
h5,
h6	{
	color: #9a2d2c; 
	font-size: 2.5em; 
	font-weight: normal; 
	line-height: 2em; 
}

li, dd	{
	margin-bottom: 0.3em;
	margin-left: 15px;
	list-style-image: url(../images/list.png);
}

.content60 li,
.content80 li,
.content100 li, dd	{
	margin-bottom: 0.3em;
	margin-left: 15px;
	list-style-image: url(../images/list.png);
}

/* print, send to icon */
ul.actions	{
	float: right; 
	list-style: none outside none;
}

.content60 li.print-icon,
.content80 li.print-icon,
.content100 li.print-icon,
li.email-icon	{
	float: left;
	list-style: none outside none;
}

.video {
	float: left;
	height: auto;
	padding: 5px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	background-color: #000;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0;
	width: 46%;
}
.images {
  max-width: 100%;
  margin: 0.7em 0;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
}

.images-half,
.images-full,
.images-quarter {
	max-width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	margin-top: 0.7em;
	margin-right: 1%;
	margin-bottom: 0.7em;
	margin-left: 0;
}
.phocagallery-box-file,
.phocagallery-box-file:hover,
.phocagallery-box-file-first	{
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}
#phocagallery a img {
		border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
	margin-top: 0.7em;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 0;
}
a:link,
a:visited	{
	color: #6e3e83; 
	text-decoration: underline;
}
a:hover	{ 
	color: #9a2d2c; 
	text-decoration: none;
}

.header	{
	height: 53px;
}
.bannercontainer	{
	width: 100%;
	z-index: -1000;
	float: left;
	position: absolute;
}
.bannercontainermobile	{
	width: 100%;
	z-index: -1000;
	float: left;
	position: absolute;
}
.custom_bannercenter	{
	background-position: center 0px;
	height: 800px;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

.sidebar-right	{
}
.sidebar-left	{
	background-attachment: scroll;
	background-image: url(../images/logo_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 250px;
	min-height: 300px;
}

#bannerplaceholder	{
	height: 467px;
}
.breadcrumbs	{
	margin-top: 43px;
	margin-bottom: 10px;
}
span.breadcrumbs	{
	color: #6c675c;
	font-size: 12px;
	font-family: DroidSansBold, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
span.breadcrumbs a:link, 
span.breadcrumbs a:visited	{ 
	color: #6e3e83;
	text-decoration: none;
}
span.breadcrumbs a:hover	{
	color: #9a2d2c;
	text-decoration: none;
}
.article	{
	float: left;
	width: 100%;
	padding-top: 10px;
}
.logo {
	float: left;
	padding-top: 0px;
}

.logomobile {
	float: left;
	padding-top: 0px;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.search {
	float: right;
	padding-top: 2px;
}

#searchbox
{
	background: #fff;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #bbb7af;
	width: 150px;
	height: 25px;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #aca8a1;
	padding-left: 10px;
	overflow: hidden; /* Clear floats */
}

.button,
.readmore a,
ul.pagenav li,
.akeeba-bootstrap button,
.jsn-bootstrap .btn-primary	{
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background-attachment: scroll;
	background-image: url(../images/button_bg.png);
	background-repeat: repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #bbb7af;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #6e3e83;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
}
.pagenav-prev a,
.pagenav-next a	{
	color: #6c675c;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
}
.button:hover,
.readmore a:hover,
ul.pagenav li:hover,
.akeeba-bootstrap button:hover,
.jsn-bootstrap .btn-primary:hover {
	background-attachment: scroll;
	background-image: url(../images/button_bg_hover.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.button:active,
.jsn-bootstrap .btn-primary:active,
.jsn-bootstrap .btn-primary.active	{
	position: relative;
	top: 1px;
	background-attachment: scroll;
	background-image: url(../images/button_bg_hover.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {
	border-color: #6e3e83;
	position: static;
	background-color: #c5a2cc !important;
    background-image: -moz-linear-gradient(center top , #e3c8e9, #c5a2cc) !important;
    background-repeat: repeat-x;
}
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight  {
	border-color: #6e3e83;
	position: static;
	background-color: #c5a2cc !important;
    background-image: -moz-linear-gradient(center top , #e3c8e9, #c5a2cc) !important;
    background-repeat: repeat-x;
}

#modlgn-username,
#username	{
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #bbb7af;
	width: 160px;
	height: 20px;
}
#modlgn-passwd,
#password	{
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #bbb7af;
	width: 160px;
	height: 20px;
}
#form-login-remember	{
	padding-top: 5px;	
}
.userdata	{
	background: #eeebe5;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #bbb7af;
	margin-top: 2px;
	padding: 10px;
}
.pretext	{
	margin-left: 7px;
}
.login-greeting	{
	margin-left: 7px;
}
.logout-button	{
	margin-left: 7px;
}
/* Login Unterseite */
#username-lbl,
#password-lbl,
#remember-lbl {
	float: left;
	width: 11em;
}
.login-fields	{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Tabellen */
#treatment-table td	{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	height: 1.75em;
}

.menu {
	float: right;
}

/* Aufklappfunktion */
.js #navigation_mobile { 
	display: none; 
	margin: 0; 
}
.nav-spalte #navigation_mobile { 
	display: block; 
}
#nav-zeigen {
}
#nav-verstecken { 
	display: none; 
}
.nav-spalte #nav-verstecken	{ 
	display: block; 
}
.navigation_mobile	{
	margin-top: -50px;
}

.footerbg {
	background-color: #6e3e83;
	width: 100%;
	float: left;
	margin-top: 20px;
}
.footercontainer {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 10px;
}
.footermenu	{
	float: left; 
}
.copyright	{
	font-size: 13px;
	font-family: DroidSansRegular, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	float: left;
	color: #ad82b9;
	margin-left: 5px;
	margin-top: 10px;
}

/* Menue haupt */
.moduletable_haupt	{
	float: right;
}
/* Hier ist das ganze Menue definiert*/
ul.menu_haupt	{
	font-size: 16px;
	font-family: DroidSansBold, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
/* Hier ist der Menuepunkt definiert */
ul.menu_haupt li	{ 
	display: inline !important; 
	margin: 0; 
	float: left; 
	clear: none;
}
ul.menu_haupt li:first-child	{ 
	background-image: none; 
	display: block; 
}
/* Menuepunkt-Link */
ul.menu_haupt li a, 
ul.menu_haupt li a:visited	{
	color: #6e3e83;
	text-decoration: none;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	height: 26px;
	line-height: 26px;
}

/*Menuepunkt bei Mouseover */
ul.menu_haupt li a:hover	{
	color: #9a2d2c;
	display: block;
}

/* Aktiver Menuepunkt (angeklickt) */
ul.menu_haupt li#current.active a {
	color: #FFFFFF;
	display: block;
	background-color: #6e3e83;
}
ul.menu_haupt li.active a, 
ul.menu_haupt li.active a:visited	{
	color: #FFFFFF;
	display: block;
	background-color: #6e3e83;
}
	
/* Untermenue-Punkt */
ul.menu_haupt li#current.parent ul li a	{ 
	color: #e98214; 
	background-image: none; 
	display: block;
}

/* Untermenue-Punkt als Link */
ul.menu_haupt li#current.parent ul li a:hover	{ 
	color: #e98214; 
}

/* Untermenue-Block (gesamtes Untermenue) */
ul.menu_haupt li.parent ul	{ 
	color: #e98214; 
} 


/* Menue links */
.moduletable_links	{
}
/* Hier ist das ganze Menue definiert*/
ul.menu_links	{
	font-size: 15px;
	font-family: DroidSansBold, Arial, Helvetica, sans-serif;
	line-height: 16px;
	list-style-type: none;
	list-style-image: none;
	display: block;
	margin: 0;
	width: 227px;
}
	
/* Hier ist der Menuepunkt definiert */
ul.menu_links li	{
	display: inline !important;
	list-style-type: none;
	margin-bottom: 0;
	margin-left: 0;
}
	
/* Untermenue-Block (gesamtes Untermenue) */
ul.menu_links li.parent ul	{
	margin: 0;
	padding: 0;
}
	
/* Menuepunkt-Link */
ul.menu_links li a, 
ul.menu_links li a:visited	{
	color: #6e3e83;
	text-decoration: none;
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ad82b9;
	/*background-attachment: scroll;
	background-image: url(../images/button_links_bg.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;*/
}
	
/*Menuepunkt bei Mouseover */
ul.menu_links li a:hover	{ 
	color: #9a2d2c; 
	display: block; 
	background-attachment: scroll;
	background-image: url(../images/button_links_bg_hover.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
	
/* Aktiver Menuepunkt (angeklickt) */
ul.menu_links li.active a, 
ul.menu_links li.active a:visited	{
	color: #9a2d2c;
	padding-left:5px;
	background-attachment: scroll;
	background-image: url(../images/arrow-active.png);
	background-repeat: no-repeat;
	background-position: right 15px;
	font-family: DroidSansBold, Arial, Helvetica, sans-serif;
}

ul.menu_links li.current.active.deeper.parent li a, 
ul.menu_links li.current.active.deeper.parent li a:visited	{
	color: #6e3e83;
	background-image: none;
	background-color: transparent;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
}
ul.menu_links li.current.active.deeper.parent li a:hover 	{
	color: #9a2d2c; 
	background-attachment: scroll;
	background-image: url(../images/button_links_bg_hover.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
	
/* Untermenue-Punkt */
ul.menu_links li.parent ul li a, 
ul.menu_links li.parent ul li a:visited	{
	color: #6e3e83;
	padding-left: 30px;
	background-image: none;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
}
ul.menu_links li.parent ul li a:hover	{
	color: #9a2d2c;
	background-attachment: scroll;
	background-image: url(../images/button_links_bg_hover.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
ul.menu_links li#current.parent ul li a,
ul.menu_links li#current.parent ul li.active a	{ 
	color: #9a2d2c; 
}
ul.menu_links li#current.parent ul li a:hover	{ 
	color: #9a2d2c; 
	background-attachment: scroll;
	background-image: url(../images/button_links_bg_hover.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
	
/* Aktiver Untermenuepunkt (angeklickt) */
ul.menu_links li ul li#current a, 
ul.menu_links li ul li.active a,
ul.menu_links li ul li.active a,
ul.menu_links li ul li.active a:visited	{
	color: #9a2d2c;
	background-color: #fff;
	padding-left: 30px;
	background-attachment: scroll;
	background-image: url(../images/arrow-active.png);
	background-repeat: no-repeat;
	background-position: right 15px;
}
	
/* Unter-Untermenue-Block (gesamtes Unter-Untermenue) */
ul.menu_links li.parent ul li ul	{ 
	display: block;
	margin: 0 0 0 10px; 
}
	
/* Aktiver Unter-Untermenuepunkt (angeklickt) */
ul.menu_links li ul li ul li#current a,
ul.menu_links li ul li ul li.active a	{ 
	color: #9a2d2c; 
}
	
/* Unter-Untermenue-Punkt */
ul.menu_links li.parent ul li ul li a,
ul.menu_links li.parent ul li ul li a:visited	{ 
}
ul.menu_links li.parent ul li ul li a:hover,
ul.menu_links li.parent ul li ul li.active a,
ul.menu_links li ul li#current.parent ul li a,
ul.menu_links li ul li#current.parent ul li.active a,
ul.menu_links li ul li#current.parent ul li a:hover		{
	color: #9a2d2c;
	background-attachment: scroll;
	background-image: url(../images/button_links_bg_hover.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}

/* Menue mobile */
.moduletable_mobile	{
}
/* Hier ist das ganze Menue definiert*/
ul.menu_mobile	{
	font-size: 16px;
	font-family: DroidSansBold, Arial, Helvetica, sans-serif;
	line-height: 16px;
	list-style-type: none;
	list-style-image: none;
	display: block;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
	
/* Hier ist der Menuepunkt definiert */
ul.menu_mobile li	{
	display: inline !important;
	list-style-type: none;
	margin: 0px;
}
	
/* Untermenue-Block (gesamtes Untermenue) */
ul.menu_mobile li.parent ul	{ 
	margin: 0; 
	padding: 0;
}
	
/* Menuepunkt-Link */
ul.menu_mobile li a, 
ul.menu_mobile li a:visited	{
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 20px;
	background-attachment: scroll;
	background-image: url(../images/button_bg.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #6e3e83;
	margin-top: 2px;
}
	
/*Menuepunkt bei Mouseover */
ul.menu_mobile li a:hover	{ 
	color: #9a2d2c; 
	display: block; 
	background-attachment: scroll;
	background-image: url(../images/button_bg_hover.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
	
/* Aktiver Menuepunkt (angeklickt) */
ul.menu_mobile li.active a, 
ul.menu_mobile li.active a:visited	{
	color: #9a2d2c;
	padding-left: 20px;
	background-attachment: scroll;
	background-image: url(../images/arrow-active.png);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	font-family: DroidSansBold, Arial, Helvetica, sans-serif;
	background-color: #FFF;
}

ul.menu_mobile li.current.active.deeper.parent li a, 
ul.menu_mobile li.current.active.deeper.parent li a:visited	{
	color: #6e3e83;
	background-image: none;
	background-color: #FFF;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
}
ul.menu_mobile li.current.active.deeper.parent li a:hover 	{
	color: #9a2d2c;
	background-color: #FFF;
}
	
/* Untermenue-Punkt */
ul.menu_mobile li.parent ul li a, 
ul.menu_mobile li.parent ul li a:visited	{
	color: #6e3e83;
	padding-left: 30px;
	background-image: none;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
	margin-left: 15px;
}
ul.menu_mobile li.parent ul li a:hover	{
	color: #9a2d2c;
}
ul.menu_mobile li#current.parent ul li a,
ul.menu_mobile li#current.parent ul li.active a	{ 
	color: #9a2d2c; 
}
ul.menu_mobile li#current.parent ul li a:hover	{ 
	color: #9a2d2c; 
}
	
/* Aktiver Untermenuepunkt (angeklickt) */
ul.menu_mobile li ul li#current a, 
ul.menu_mobile li ul li.active a,
ul.menu_mobile li ul li.active a,
ul.menu_mobile li ul li.active a:visited	{
	color: #9a2d2c;
	background-color: #fff;
	padding-left: 30px;
	background-attachment: scroll;
	background-image: url(../images/arrow-active.png);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	margin-left: 15px;
}
	
/* Unter-Untermenue-Block (gesamtes Unter-Untermenue) */
ul.menu_mobile li.parent ul li ul	{ 
	display: block;
	margin: 0 0 0 10px; 
}
	
/* Aktiver Unter-Untermenuepunkt (angeklickt) */
ul.menu_mobile li ul li ul li#current a,
ul.menu_mobile li ul li ul li.active a	{ 
	color: #9a2d2c; 
}
	
/* Unter-Untermenue-Punkt */
ul.menu_mobile li.parent ul li ul li a,
ul.menu_mobile li.parent ul li ul li a:visited	{
	color: #6e3e83;
	margin-left: 20px;
}
ul.menu_mobile li.parent ul li ul li a:hover,
ul.menu_mobile li.parent ul li ul li.active a,
ul.menu_mobile li ul li#current.parent ul li a,
ul.menu_mobile li ul li#current.parent ul li.active a,
ul.menu_mobile li ul li#current.parent ul li a:hover		{ 
	color: #9a2d2c; 
}

/* Menue unten rechts */
/* Hier ist das ganze Menue definiert*/
ul.menu_untenrechts {
	color: #ad82b9;
	font-size: 13px;
	font-family: DroidSansRegular, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	list-style: none;
	float: right;
	margin-top: 10px;
}

/* Hier ist der Menuepunkt definiert */
ul.menu_untenrechts li { 
	color: #ad82b9; 
	font-size: 13px;
	display: inline !important; 
	padding-left: 2px; 
	float: left; 
	clear: none ; 
	padding-right: 2px; 
}
ul.menu_untenrechts li:first-child {
	color: #ad82b9; 
	font-size: 13px; 
	font-weight: normal;
	background-image: none; 
	display: block; 
}

/* Menuepunkt-Link */
ul.menu_untenrechts li a, 
ul.menu_untenrechts li a:visited { 
	color: #ad82b9; 
	text-decoration: none; 
	display: block;
}

/*Menuepunkt bei Mouseover */
ul.menu_untenrechts li a:hover { 
	color: #fff; 
	display: block; 
}

/* Aktiver Menuepunkt (angeklickt) */
ul.menu_untenrechts li#current.active a { 
	color: #fff; 
	background-image: none; 
	display: block; 
}

/* Untermenue-Punkt */
ul.menu_untenrechts li#current.parent ul li a { 
	color: #fff; 
	background-image: none; 
	display: block;
}

/* Untermenue-Punkt als Link */
ul.menu_untenrechts li#current.parent ul li a:hover { 
	color: #fff; 
}

/* Untermenue-Block (gesamtes Untermenue) */
ul.menu_untenrechts li.parent ul { 
	color: #fff; 
} 


/* Menue footer */
.moduletable_footer	{
	float: right;
	margin-top: 10px;
	margin-left: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ad82b9;
	border-bottom-color: #ad82b9;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* Hier ist das ganze Menue definiert*/
ul.menu_footer	{
	font-size: 13px;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
	line-height: 14px;
	list-style-type: none;
	list-style-image: none;
	display: block;
	margin: 0;
}
	
/* Hier ist der Menuepunkt definiert */
ul.menu_footer li	{
	display: inline !important;
	list-style-type: none;
	margin-bottom: 0;
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
	
/* Untermenue-Block (gesamtes Untermenue) */
ul.menu_footer li.parent ul	{
	margin: 0;
	padding: 0;
}
	
/* Menuepunkt-Link */
ul.menu_footer li a, 
ul.menu_footer li a:visited	{
	color: #ad82b9;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}
	
/*Menuepunkt bei Mouseover */
ul.menu_footer li a:hover	{ 
	color: #fff; 
	display: block; 
}
	
/* Aktiver Menuepunkt (angeklickt) */
ul.menu_footer li.active a, 
ul.menu_footer li.active a:visited	{
	color: #fff;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
}

ul.menu_footer li.current.active.deeper.parent li a, 
ul.menu_footer li.current.active.deeper.parent li a:visited	{
	color: #ad82b9;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
}
ul.menu_footer li.current.active.deeper.parent li a:hover 	{
	color: #fff; 
}
	
/* Untermenue-Punkt */
ul.menu_footer li.parent ul li a, 
ul.menu_footer li.parent ul li a:visited	{
	color: #ad82b9;
	font-family: DroidSansRegular, Arial, Helvetica, sans-serif;
}
ul.menu_footer li.parent ul li a:hover	{
	color: #fff;
}
ul.menu_footer li#current.parent ul li a,
ul.menu_footer li#current.parent ul li.active a	{ 
	color: #fff; 
}
ul.menu_footer li#current.parent ul li a:hover	{ 
	color: #fff; 
}
	
/* Aktiver Untermenuepunkt (angeklickt) */
ul.menu_footer li ul li#current a, 
ul.menu_footer li ul li.active a,
ul.menu_footer li ul li.active a,
ul.menu_footer li ul li.active a:visited	{
	color: #fff;
}
	
/* Unter-Untermenue-Block (gesamtes Unter-Untermenue) */
ul.menu_footer li.parent ul li ul	{
	display: block;
	color: #ad82b9;
}
	
/* Aktiver Unter-Untermenuepunkt (angeklickt) */
ul.menu_footer li ul li ul li#current a,
ul.menu_footer li ul li ul li.active a	{ 
	color: #fff; 
}
	
/* Unter-Untermenue-Punkt */
ul.menu_footer li.parent ul li ul li a,
ul.menu_footer li.parent ul li ul li a:visited	{
	color: #ad82b9;
}
ul.menu_footer li.parent ul li ul li a:hover,
ul.menu_footer li.parent ul li ul li.active a,
ul.menu_footer li ul li#current.parent ul li a,
ul.menu_footer li ul li#current.parent ul li.active a,
ul.menu_footer li ul li#current.parent ul li a:hover		{
	color: #fff;
}



    /* 1. 12 Column Grid 0px - 479px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    6.5%
    Span 2:    15.0%
    Span 3:    23.5%
    Span 4:    32.0%
    Span 5:    40.5%
    Span 6:    49.0%
    Span 7:    57.5%
    Span 8:    66.0%
    Span 9:    74.5%
    Span 10:    83.0%
    Span 11:    91.5%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 479px) {
        
.col {
	margin-left:2%;
}
        
.row .col:first-child {
	margin-left:0;
}
        
.pathway,
.sidebar-left,
.menu,
.logo,
.copyright,
.bannercontainer,
.footermenu {
	display: none;
}

.search {
	float: left;
	margin-bottom: 10px;
	margin-left: 7px;
}

.bannermask {
	background-image: url(../images/background_overlay_mobile.png);
} 

.custom_bannercenter {
	background-attachment: scroll;
	background-position: center 0;
	background-repeat: no-repeat;
	height: 310px;
}

#bannerplaceholder	{
	height: 215px;
}

.images,
.images-full,
.images-half,
.images-quarter	{
	height: auto;
	max-width: 100%;
	float: left;
}

.video	{
	width: 95%;
}
#treatment-table	{
	width: 100%;
}
            
.span_1 {
	width:6.5%;
}
.span_2 {
	width:15.0%;
}
.span_3 {
	width:23.5%;
}
.span_4 {
	width:32.0%;
}
.span_5 {
	width:40.5%;
}
.span_6 {
	width:49.0%;
}
.span_7 {
	width:57.5%;
}
.span_8 {
	width:66.0%;
}
.span_9 {
	width:74.5%;
}
.span_10 {
	width:83.0%;
}
.span_11 {
	width:91.5%;
}
.span_12,
.header,
.navigation_mobile,
.logomobile,
.content60,
.content80,
.content100,
.images-full,
.images-half,
.images-quarter,
ul.menu_haupt li {
	margin-left:0;
	width:100%;
}
}

    /* 2. 12 Column Grid 480px - 639px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    6.5%
    Span 2:    15.0%
    Span 3:    23.5%
    Span 4:    32.0%
    Span 5:    40.5%
    Span 6:    49.0%
    Span 7:    57.5%
    Span 8:    66.0%
    Span 9:    74.5%
    Span 10:    83.0%
    Span 11:    91.5%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */

@media screen and (min-width: 480px) and (max-width: 639px) {
        
.col {
	margin-left:2%;
}
        
.row .col:first-child {
	margin-left:0;
}
        
.pathway,
.sidebar-left,
.menu,
.logo,
.bannercontainer,
.footermenu {
	display: none;
}
.bannermask {
	background-image: url(../images/background_overlay_mobile.png);
} 

.custom_bannercenter {
	background-attachment: scroll;
	background-position: center 0;
	background-repeat: no-repeat;
	height: 310px;
}

#bannerplaceholder	{
	height: 215px;
}

.images,
.images-full,
.images-half,
.images-quarter	{
	height: auto;
	max-width: 100%;
	float: left;
}

#treatment-table	{
	width: 100%;
}
        
.span_1 {
	width:6.5%;
}
.span_2 {
	width:15.0%;
}
.span_3 {
	width:23.5%;
}
.span_4 {
	width:32.0%;
}
.span_5 {
	width:40.5%;
}
.span_6 {
	width:49.0%;
}
.span_7 {
	width:57.5%;
}
.span_8{
	width:66.0%;
}
.span_9 {
	width:74.5%;
}
.span_10 {
	width:83.0%;
}
.span_11 {
	width:91.5%;
}
.span_12,
.header,
.navigation_mobile,
.logomobile,
.content60,
.content80,
.content100,
.images-full,
.images-half,
.images-quarter,
ul.menu_haupt li {
	margin-left:0;
	width:100%;
}
}

    /* 3. 12 Column Grid 640px - 779px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    6.5%
    Span 2:    15.0%
    Span 3:    23.5%
    Span 4:    32.0%
    Span 5:    40.5%
    Span 6:    49.0%
    Span 7:    57.5%
    Span 8:    66.0%
    Span 9:    74.5%
    Span 10:    83.0%
    Span 11:    91.5%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */

@media screen and (min-width: 640px) and (max-width: 779px) {
        
.col {
	margin-left:2%;
}
        
.row .col:first-child {
	margin-left:0;
}
        
#nav-zeigen,
.menu_mobile,
.logomobile,
.bannercontainermobile {
	display: none;
}

.images	{
	height: auto;
	width: 180px;
	float: right;
}

#treatment-table	{
	width: 50%;
}
        
.span_1 {
	width:6.5%;
}
.span_2,
.images-quarter {
	width:15.0%;
}
.span_3,
.images-half, {
	width:23.5%;
}
.span_4 {
	width:32.0%;
}
.span_5,
.sidebar-left {
	width:40.5%;
}
.span_6 {
	width:49.0%;
}
.span_7,
.content80 {
	width:57.5%;
}
.span_8 {
	width:66.0%;
}
.span_9 {
	width:74.5%;
}
.span_10 {
	width:83.0%;
}
.span_11 {
	width:91.5%;
}
.span_12,
.header,
.navigation_mobile,
.pathway,
.content100,
.images-full {
	margin-left:0;
	width:100%;
}
}
	
    /* 4. 12 Column Grid 780px - 959px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    6.5%
    Span 2:    15.0%
    Span 3:    23.5%
    Span 4:    32.0%
    Span 5:    40.5%
    Span 6:    49.0%
    Span 7:    57.5%
    Span 8:    66.0%
    Span 9:    74.5%
    Span 10:    83.0%
    Span 11:    91.5%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */

@media screen and (min-width: 780px) and (max-width: 959px) {
        
.col {
	margin-left:2%;
}
        
.row .col:first-child {
	margin-left:0;
}
        
#nav-zeigen,
.menu_mobile,
.logomobile,
.bannercontainermobile {
	display: none;
}

.images	{
	height: auto;
	width: 222px;
	float: right;
}

#treatment-table	{
	width: 55%;
}
        
.span_1 {
	width:6.5%;
}
.span_2,
.images-quarter {
	width:15.0%;
}
.span_3 {
	width:23.5%;
}
.span_4,
.images-half,
.sidebar-left,
.content60 {
	width:32.0%;
}
.span_5 {
	width:40.5%;
}
.span_6 {
	width:49.0%;
}
.span_7 {
	width:57.5%;
}
.span_8,
.content80 {
	width:66.0%;
}
.span_9 {
	width:74.5%;
}
.span_10 {
	width:83.0%;
}
.span_11 {
	width:91.5%;
}
.span_12,
.header,
.navigation_mobile,
.pathway,
.content100,
.images-full {
	margin-left:0;
	width:100%;
}
}

    /* 5. 12 Column Grid 960px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    6.5%
    Span 2:    15.0%
    Span 3:    23.5%
    Span 4:    32.0%
    Span 5:    40.5%
    Span 6:    49.0%
    Span 7:    57.5%
    Span 8:    66.0%
    Span 9:    74.5%
    Span 10:    83.0%
    Span 11:    91.5%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */

@media screen and (min-width: 960px) {
        
.page,
.footercontainer {
	width: 960px;
}
		
.col {
	margin-left:2%;
}
        
.row .col:first-child {
	margin-left:0;
}
        
#nav-zeigen,
.menu_mobile,
.logomobile,
.bannercontainermobile {
	display: none;
}

.images	{
	height: auto;
	width: 222px;
	float: right;
}

#treatment-table	{
	width: 55%;
}
        
.span_1 {
	width:6.5%;
}
.span_2,
.images-quarter {
	width:15.0%;
}
.span_3 {
	width:23.5%;
}
.span_4,
.sidebar-left,
.images-half {
	width:32.0%;
}
.span_5 {
	width:40.5%;
}
.span_6,
.content60 {
	width:49.0%;
}
.span_7 {
	width:57.5%;
}
.span_8,
.content80 {
	width:66.0%;
}
.span_9 {
	width:74.5%;
}
.span_10 {
	width:83.0%;
}
.span_11 {
	width:91.5%;
}
.span_12,
.header,
.navigation_mobile,
.pathway,
.content100,
.images-full {
	margin-left:0;
	width:100%;
}
}

