/* RESET */
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, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

.clear { clear: both; }

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=submit],
textarea,
input[type=search] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}


/*
FONT LICENSE
Copyright (c) 2009 ParaType Ltd. with Reserved Names "PT Sans" and "ParaType".
http://www.fontsquirrel.com/fonts/PT-Sans
*/
@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
FONT LICENSE
Apache License v2.00
http://www.fontsquirrel.com/license/open-sans-condensed
*/
@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
   color: #4e4e4e;
   height: 100%;
   font-size: 100%;
   font-family: PTSansRegular, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
   line-height: 1.5em;
   background-color:#f6f6f6; 
   overflow-y: scroll !important;
   }

/* Header */

header {
	width:100%;
	background-color:#f4f4f4;
}
#headerbox {
	margin: 0 auto;
	width: 96%;
	max-width:1300px;
	min-width: 320px;
	height:180px;
	background-image:url(../images/logo-kidsdoc-addoc.png);
	background-repeat:no-repeat;
	background-position:0px 25px;
	background-size:420px;
	position:relative;
}
#logolink { 
	float: left;
	width:420px;
	height:150px;
	margin-top:20px;
}
#logolink img {
	width:100%;
	height:100%;
}
#headerpic { 
	float:right;
	width:580px; 
	height:180px; 
	background-image:url(../images/alexander-rokitansky-2022.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:570px;
}

/* Content Layout  */

#content {
	width: 100%;
}

.containerwhite {
	width:100%;
	background-color:#fff;
}
.containergrey {
	width:100%;
	background-color:#ecedef;
}

.contentbox {
	margin: 0 auto;
	width: 96%;
	max-width:1300px;
	min-width: 320px;
	padding:20px 20px 60px 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	height: auto;
}
section, article {
	width: 100%;
}
.full {
	width:100%;
	height: auto;
	line-height: 1.7em;
	padding: 10px 20px 10px 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
}

.half {
	width:50%;
	height: auto;
	float:left; 
	padding: 5px 25px 10px 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.third  {
	width:34%;
	height: auto;
	float:left; 
	padding: 5px 25px 10px 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.thirdlast  {
	width:32%;
	height: auto;
	float:left; 
	padding: 5px 0px 10px 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newsbox {
	width:100%;
	border:1px dotted #bad9fb;
	padding:15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fourth  {
	width:25%;
	height: auto;
	float:left; 
	padding: 5px 25px 10px 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fourthclear {
	display:none;
}
.threefourth  {
	width:75%;
	height: auto;
	line-height: 1.7em;
	float:left; 
	padding-right: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.threefourthnews  {
	width:75%;
	height: auto;
	line-height: 1.7em;
	float:left; 
	padding-right: 20px;
	margin-top:20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fourthnews  {
	width:25%;
	height: auto;
	float:right; 
	padding-left: 20px;
	margin-top:20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.threefourthlast  {
	width:25%;
	height: auto;
	float:right; 
	padding-left: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dividerline {
	width: 100%;
	margin: 20px 0px;
	border-top:1px dotted #bad9fb;
}
.dividerline2 {
	width: 100%;
	margin: 20px 0px;
	border-top:1px dotted #bad9fb;
}
.divider {
	width: 100%;
	padding:10px;
}
.divider10 {
	width: 100%;
	height:10px;
}

.mt0 {margin-top:0px; padding-top:0px; }
.mb0 {margin-bottom:0px; padding-bottom:0px; }


/* Content Styles */

#content a:link, #content a:visited { color: #345ba2; text-decoration:none; }
#content a:hover, #content a:focus, #content a:active { color: #508aca; text-decoration:underline; }
.senza { text-decoration:none !important; }
.lowercase { text-transform:lowercase !important; }

#content ul { list-style-image: url(../images/list.png); margin: 0px 0px 0px 15px; padding-bottom: 20px; padding-top:0px; line-height:1.7em; }
#content li { margin-left: 12px; padding:2px 0px; text-align: justify; }
#content ol { list-style-type: decimal; margin: 0px 0px 0px 15px; padding-bottom: 20px; }
#content ul ul { list-style-image: url(../images/sublist.png); margin-left: 5px; margin-top: 5px; padding-bottom: 0px; }
#content li li { margin-left: 12px; padding:2px 0px; }
.hlist { margin-top:0px !important; }
.ulsenza { padding-bottom:0px !important; }
.textleft { text-align:left !important; }
.textcenter { text-align:center !important; }

article, #content p { 
	text-align: justify;
	line-height:1.7em;
	margin:0px 0px 15px 0px;
}

h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size:2em; line-height:1.4em; color:#345ba2; padding:20px 0px 25px 0px; }
h2 { font-size:1.4em; line-height:1.4em; color:#345ba2; padding:20px 0px 15px 0px; }
h3 { font-size:1.2em; line-height:1.6em; color:#345ba2; padding:15px 0px; }
h4 { font-size:1.1em; line-height:1.4em; text-transform:uppercase; color:#345ba2; padding:10px; background-color:#ecedef; margin:30px 0px 10px 0px; }
h5 { font-size:1.1em; font-weight:bold; line-height:1.4em; color:#345ba2; padding:0px; }
h6 { font-size:1em; line-height:1.4em; color:#345ba2; }

.topzero { padding-top:0px }
.bottomzero { padding-bottom:0px; }

.small { font-size:0.8em; }
.center { text-align:center; }

i.fa { padding: 0px 10px 0px 10px; color:#345ba2; }
#content i.fa { color:#92bff1; }

#contact i.fa { font-size:2.5em; line-height:1.2em; color:#d9d9d9; }
#contact i.fa:hover { color:#ef831e; }

#zitatbox {
	width:100%;
	max-width:220px;
	height:auto;
	border: 1px solid #ddedff;
	padding:20px;
	text-align:center;
	line-height: 1.2em;
	margin-top:20px;
	margin-bottom:25px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	text-align:left;
}
.zitat {
	color:#345ba2;
	font-style:italic;
	text-align:left !important;
}
.zitierter {
	font-size:0.8em;
	font-weight:bold; 
	color:#4e4e4e;
}
.zitatdetail {
	font-size:0.8em; 
	color:#4e4e4e;
}
.quote { padding:0px 50px; }

#breadcrumbs {
	width:100%;
	border-top:1px dotted #bad9fb;
	border-bottom:1px dotted #bad9fb;
	padding:10px 0px;
	margin:15px 0px 10px 0px;
	font-size:0.8em;
}
#breadcrumbs a:link, #breadcrumbs a:visited { color: #373737; text-decoration:none; }
#breadcrumbs a:hover, #breadcrumbs a:focus, #breadcrumbs a:active { color: #92bff1; }

#submenu {
	width:auto;
	float:right;
	border-left:1px dotted #bad9fb;
	padding:0px 20px;
	margin:0px 0px 100px 50px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#submenu ul, #submenunews ul { 
	padding-left:0px;
	padding-bottom:20px; 
	margin:5px 0px 0px 20px; 
	list-style:none;
	list-style-image:none;
/*	line-height:1.5em;  */
}
#submenu li, #submenunews li { margin-left:0px; padding:0px; line-height:1em; margin-bottom:10px; text-align:left; }
#submenu li:before, #submenunews li:before {    
    font-family: 'FontAwesome';
    content: '\f101 ';
	float:left;
	color:#92bff1;
	font-size:0.8em;
	margin-left: -1.5em;
}	
#submenu a:link, #submenu a:visited, #submenunews a:link, #submenunews a:visited { text-decoration:none;	font-size:0.9em; line-height:1.2em; }
#submenu a:hover, #submenu a:focus, #submenu a:active, #submenunews a:hover, #submenunews a:focus, #submenunews a:active { color: #92bff1; }

#submenu h5, #submenunews h5 {
	color:#4e4e4e;
	margin-bottom:15px;
}
#submenunews h5 {
	padding-top:25px;
}
#submenu li.aktiv:before { color:#aa1c1c; }

.threefourthlast #submenu {
	float:none; 
	margin:20px 0px 100px 0px; 
}

.gallery {
	margin-left:15px;
}

#kindschema {
	width:310px;
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}
#unfaelle {
	width:190px;
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}
#kindschema img, #unfaelle img {
	width:auto !important;
	height:auto !important;
}
#kindschemalinks {
	float:left;
	width:auto;
	height:auto;
	font-size:0.9em;
}
.kindschemahalf {
	width:auto;
	height: auto;
	float:left; 
	padding: 0px 0px 0px 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bgjugendliche  {
	background-image:url(../images/content/kidsdoc-jugendliche.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.ranking { margin-left:15px; color:#345ba2; font-size:0.8em; }

.pressebox {
	width:170px;
	height:250px;
	float:left;
	margin:10px 10px 10px 0px;
	font-size:0.8em;
	line-height:1.5em;
}
.briefe {
	background-color:#efefef;
	padding:20px;
	border: 1px dotted #bad9fb;
	margin-bottom:25px;
}
.briefe img { float:right; margin:0px 0px 15px 15px; }

#veranstaltungen p { padding:0px 0px 10px 10px; }
#veranstaltungen h4 { margin:0px 0px 10px 0px; }


#team a { font-size:0.8em; }
#team h2 { padding-top:0px; }

.teambox {
	width:220px;
	height:200px;
	float:left;
	text-align:center;
	margin:10px 10px 10px 0px;
	line-height:1.5em;
}
.vorstand {
	width:220px;
	height:auto;
	padding:10px;
	margin-bottom:20px;
	text-align:center;
	background-color:#fff;
	line-height:1.5em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#pedsurgint p {  line-height:1.4em; font-size:0.8em; }

.picleft {
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}
.picright {
	float:right;
	padding-left:20px;
	padding-bottom:20px;
}

.kidsdoc { margin-bottom:-8px; }

figure {
  padding: 5px 0px;
  margin: 20px 0px;
}
figure img {
	max-width:100%; 
	}

figure figcaption {
  padding: 0px 4px;
  color: #345ba2;
  font-size:0.8em;
  line-height:1.4em;

}

.videowrap {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 */
padding-bottom: 25px; /* Platzhalter für Controls */
}

.videowrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.button {
	display:inline-block;
	text-align:center;
	font-size:0.9em;
	padding: 10px 20px;
	margin-top:30px;
	background-color:#345ba2; 
	color:#fff;
}
.button:hover {
	background-color:#ef831e;
}
a.buttonlink {
	text-decoration:none !important;
	color:#fff !important;
}
a.buttonlink:hover {
	color:#fff !important;
}
#moreinfo .button {
	dosplay:inline;
	float:right;
	margin:0px 0px 20px 0px;
}

#content img, video {
	max-width: 100%;
}

.pictitle { font-size: 0.8em; }

.literatur {
	font-size:0.8em;
	line-height:1.2em;
}
/* Footer */

#topfooter {
	width: 100%;
	background-color:#92bff1;
	height: auto;
	text-align:center;
	padding:40px;
	color:#fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#arztbesuch {
	width: 100%;
	background-color:#aa1c1c;
/*	background-color:#103c6e;	*/
	height: auto;
	text-align:center;
	padding:10px;
	color:#fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size:0.8em;
}
footer {
	width: 100%;
	background-color:#345ba2;
	height: auto;
	border-top:20px solid #345ba2;
	border-bottom:10px solid #345ba2;
}
#footerbox {
	margin: 0 auto;
	width: 96%;
	max-width:1300px;
	min-width: 320px;
	height: auto;
	color:#fff;
	font-size:0.8em;
	padding: 20px 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow:hidden;
}
footer a:link, footer a:visited { color: #fff; text-decoration:none; }
footer a:hover, footer a:focus, footer a:active { color: #fff; text-decoration:underline; }

footer h3 { padding:0px 0px 5px 0px; color:#fff; text-transform:uppercase; font-size:1.4em; }
footer ul { padding:10px 0px; }
footer i.fa { padding: 0px 10px 0px 0px; color:#fff; }

footer .fourth { 
	height:auto;
	float:left;
}
.morespace { margin-top:24px !important; }

#footercontact i.fa { color:#fff; }


#subfooter {
	margin: 0 auto;
	width: 96%;
	max-width:1300px;
	min-width: 320px;
	color:#676767;
	text-align:center;
	font-size:0.7em;
	padding: 10px 0px 60px 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#subfooter a:link, #subfooter a:visited { color: #676767; text-decoration:none; }
#subfooter a:hover, #subfooter a:focus, #subfooter a:active { color: #345ba2; text-decoration:underline; }

/* LAYOUT END */

/* LAYOUT Responsive Styles*/

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

.kindschemahalf {
	width:100%;
	float:none; 
}
#kindschemalinks {
	float:left;
}
}

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

header { display:block; }
		
.third, .thirdlast {
	width:100%;
	float:none; 
}
.third { padding-right:0px; }

.fourth {
	width:50%;
}
.fourthclear {
	display:block;
	clear: both;
}

.threefourth, .threefourthnews, .threefourthjugendliche {
	width:100%;
	float:none;
	padding: 0px; 
}
.threefourthlast, .fourthnews {
	width:100%; float:none; padding: 0px;
}
.threefourthlast #submenu {
	float:none; 
	margin:30px 0px;
	border-left:0px; 
}

.h2spacer { margin-top:0px; }

.right { float:none; padding:15px 0px 15px 0px; }

#headerpic { 
	float:right;
	width:360px; 
	background-image:url(../images/alexander-rokitansky-2022-small.png);
	background-size:360px;
}

}

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

.teambox {
	width:100%;
	float:none;
	padding:10px;
	margin:0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vorstand {
	width:100%;
}

}

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

/*

body {
   line-height: 1.5em;
   }

#content ul { line-height:1.5em; }
#content li { font-size: 0.9em; }

#content p { 
   font-size: 0.9em;	
	line-height:1.5em;
}

*/

h1 { font-size:1.5em; line-height:1.4em; }
h2 { font-size:1.1em; line-height:1.4em; }
h3 { font-size:1em; line-height:1.4em; }
h4 { font-size:1em; line-height:1.4em; }
h5 { font-size:1em; line-height:1.4em; }
h6 { font-size:1em; line-height:1.4em; }

.small { font-size:0.8em; line-height:1.0em; font-style:italic; }

#headerbox {
	height:120px;
	background-image:url(../images/logo-kidsdoc-addoc.png);
	background-repeat:no-repeat;
	background-position:0px 10px;
	background-size:280px;
	position:relative;
}
#logolink { 
	float: left;
	width:280px;
	height:110px;
	margin-top:0px;
}
#headerpic { display:none; }
.picright {
	float:none;
	padding-left:0px;
	display:block;
}
.fourth, .half {
	width:100%;
	float:none; 
}

.fourth, .half { padding-right:0px; }

#kindschema, #unfaelle {
	float:none;
}
#kindschemalinks {
	width:100%;
	float:none;
}

.mobileno { display:none; }

.ranking { margin-left:0px; display:block; }

}


/* LAYOUT Responsive Styles END */

/* NAVIGATION */

#mobileplus { 
	display:none;
}

nav { 
	width: 100%;
	background-color:#345ba2;
	z-index:1000;
}
nav i.fa { color:#fff; padding-left:0px; }

#navbox {
	margin: 0 auto;
	width: 96%;
	max-width:1300px;
	min-width: 320px;
	position:relative;
}
.toggleMenu {
    display:  none;
	text-transform:uppercase;
	font-size:1.4em;
    background: #345ba2;
    padding: 15px 30px;
    color: #fff;
}

.navi {
	list-style: none;
     *zoom: 1;
}
.navi a, a.toggleMenu {text-decoration: none;}
.navi:before,
.navi:after {
    content: " "; 
    display: table; 
}

.navi:after {
    clear: both;
}
.navi ul {
    list-style: none;
    width: auto;
}

.navi a {
    padding: 15px 25px 15px 19px;
}

.navi li {
    position: relative;
}
.navi > li {
    float: left;
	margin-left: 0px;
}
/*
.navi > li.hover {
	background-color:#e2f3ff;
}
*/
	
.navi > li > .parent {
    background-image: url("../images/menu-arrow-down-white.png");
    background-repeat: no-repeat;
    background-position: right;
}
.navi > li.hover > .parent {
    background-image: url("../images/menu-arrow-down-white.png");
    background-repeat: no-repeat;
    background-position: right;
}
.navi > li > a {
    display: block;
}
.navi li  ul {
    position: absolute;
    left: -9999px;

}
.navi > li.hover > ul {
    left: 0;
}
.navi li li.hover ul {
    left: 100%;
    top: 0;
}
.navi li li {
	min-width:250px;
}
.navi li li:first-child {
	padding-top:0px;
    border-top: 1px solid #fff;
}

.navi li li a {
    display: block;
    padding: 8px 25px;
	font-size:0.9em;
    background: #fff;
    position: relative;
    z-index:100;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}


/*Style for top level links*/

.navi li a { 
	color:#fff;
}
.navi li a:link, .navi li a:visited { color: #fff; }
.navi li a:focus, .navi li a:active { color: #cee7fe; }


/*Hover state for top level links */
.navi li:hover a {
	color: #cee7fe;
}  

/*Style for dropdown links*/
.navi li:hover ul a {
	background: #345ba2;
	color: #fff;
}

/*Hover state for dropdown links*/
.navi li:hover ul a:hover {
	background: #92bff1;
	color: #fff;
}

.navititle {
    display: block;
    padding: 5px 30px;
	font-size:0.9em;
    background: #373737;
	color:#fff;
	text-transform:uppercase;
    position: relative;
    z-index:100;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.subnavititle {
	text-transform:uppercase;
	margin:10px 0px 5px 0px;
}	


@media screen and (min-width: 1020px) {

.navi a {
    margin-right: 20px;
}
}

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

#mobileplus { 
	width: 100%;
	height:45px;
	background-color:#f4f4f4;
	display:block;
	text-align:right;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#mobileplus a, #mobileplus a:link, #mobileplus a:visited, #mobileplus a:active, #mobileplus a:hover, #mobileplus i.fa  { color:#c0c0c0; font-size:1.3em; padding:15px 10px 10px 10px; }

#fontsize { display:none; }

#navbox {
	width: 100%;
}
/*Style for top level links*/
.navi li a { 
	color:#fff;
}
.navi li a:link, .navi li a:visited { color: #fff; }
.navi li a:hover, .navi li a:focus, .navi li a:active { color: #fff; }

.navi a {
    background-color:#345ba2;
}

.navi > li {
	margin-left:0px;
}
.navi li:first-child {
    border-top: 1px solid #fff;
}
.navi li a {
     padding: 15px 30px;
     border-bottom: 1px solid #fff;
 }

/*Hover state for top level links*/
.navi li:hover a {
	color:#fff;
	background-color:#508aca;
} 

/*Style for dropdown links*/
.navi li li a, .navi li:hover ul a {
	background: #92bff1;
	color: #fff;
}
/*Hover state for dropdown links*/
.navi li:hover ul a:hover {
	background: #508aca;
}
.navi li li a {
     padding: 15px 50px;
	 font-size:1em;
 	font-weight:normal;
 }
.navi li li:first-child {
	padding-top:0px;
	border-top:none;
}

/* General Styles */

.navi > li {
        float: none;
    }
.navi > li > .parent {
       background-image: url("../images/menu-arrow-down-white.png"); 
    }
.navi > li:hover > .parent {
       background-image: url("../images/menu-arrow-down-white.png"); 
    }	

.navi > li.hover > .parent {
    background-image: url("../images/menu-close-white.png");
} 
.navi ul {
        display: block;
        width: 100%;
    }
.navi > li.hover > ul , .navi li li.hover ul {
        position: static;
    }

#submenu {
	width:95%;
	float:none;
	margin:20px 0px;
	border-left:0px;
	padding:0px;
}

}
/* NAVIGATION END */


/* FORM */

.g-recaptcha {  
margin-left:200px; 
}

#content input, #content textarea, #content select {
	border: 1px solid #ddd;
	padding: 6px;
}
#content select {
	height: 36px;
}

#searchresult ol {
	list-style-type:none; }

form {
	margin-bottom: 30px;
}

form.contentform {
	background-color:#efefef;
	padding:30px 15px;
}
form.jugendliche {
	padding:30px 15px;
}

form p {
	display: block;
	padding: 0px;
	margin-bottom: 10px !important;
	}

form label {
	float: left;
	clear: left;
	width: 200px;
	}
input[type="text"] {
	font-family: PTSansRegular, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
	height: 20px;
	width: 206px;
	}
input[type="submit"] {
	font-family: PTSansRegular, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
	background-color:#345ba2;
	color:#fff;
	font-size:1em;
	width: 220px;
	height: 48px;
	}
input[type="text"].contentform {	width: 298px; }
input[type="submit"].contentform {	width: 312px; }

input[type="submit"]:hover {
	background-color:#508aca;
	color:#fff;
	}	
input[type="checkbox"] {
	margin-right:15px;
}
select {
	font-family: PTSansRegular, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
	width: 312px;
	font-size:0.8em;
}
textarea {
	font-family: PTSansRegular, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
	height: 100px;
	width: 298px;
	font-size:0.9em;
}
@media screen and (max-width: 636px) {

.g-recaptcha {  
margin-left:0px; 
}
}

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

input[type="text"] {
	width: 218px;
	}
input[type="submit"] {
	width: 232px;
	}
select {
	width: 232px;
}
textarea {
	width: 218px;
}
input[type="text"].contentform {	width: 218px; }
input[type="submit"].contentform {	width: 232px; }

}

/* FORM END */


/* SLIDER */


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: auto;
  border: 0;
  }
/* SLIDER END */


/* SCROLL TO TOP */

#top i.fa { color:#fff; }

		.back-to-top {
			position: fixed;
			bottom: 10px;
			right: 10px;
			text-decoration: none;
			color:#fff;
			font-size: 30px;
		    background-color:#345ba2; 
			padding: 10px;
			display: none;
		}
		
		.back-to-top:hover {
			background-color:#345ba2;
		}
/* SCROLL TO TOP END */


/* FACEBOOK UND TWITTER */

#socials {
	padding-top: 12px;
	padding-bottom: 6px;
	width:100%;
	min-width: 300px;
}
#socials ul {
	list-style: none;
	margin: 0px;
	padding:5px 0px 0px 0px;
}
#socials ul.buttons li {
	float: left;
	line-height:1em;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	position: relative;
}	
#socialleft {
	width:80px;
	float:left;
}
#socialright {
	width: auto;
	float:left;
}
#socialright span {
	font-size:1.4em; 
	line-height:1.2em; 
	color:#345ba2; 
}

/* LAUFSCHRIFT */

.marquee {
width:100%;
max-width: 1000px;
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
}
.marquee span {
display: inline-block;
padding-left: 100%;
animation: marquee 30s linear infinite;
-webkit-animation: marquee 30s linear infinite;
}
@-webkit-keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}


/* RESPONSIVE TABELLEN */


table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  color: #222;
  margin: 0;
  margin-bottom:20px;
}
.nocollapse {
  width: 100%;
  border-collapse: none;
  border-spacing: 0;
  color: #222;
  margin: 0;
  margin-bottom:20px;
}
#content table tr:nth-of-type(odd) td {background-color: #ecedef;} 

table tr td{
	background-color: #fff;
	padding: 5px 10px;
}

caption {
  font-variant: small-caps;
}

th,
td {
  line-height: 1.5em;
  vertical-align: top;
  border: 1px solid #cecece;
}
.td50percent { width:50%; }
.td20percent { width:20%; }

th *:first-child,
td *:first-child {
  margin-top: 0;
}
thead th {
  text-align: left;
  border-bottom: 1px solid #cecece;
  background-color:#345ba2; 
  color:#fff; 
  padding:10px;
}

tbody th, td {
  text-align: left;
  border-top: 1px solid #cecece;
}

tbody tr:hover th,
tbody tr:hover td {
  background: #f8f8f8;
}

tfoot {
  border-top: 4px solid #ccc;
}

	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; margin-bottom: 20px;}
		td { 
			/* Behave  like a "row" */
			border: none;
/*			border-bottom: 1px solid #eee; */
			position: relative;
		}
		.td50percent, .td20percent { width:auto; }
		
		td:before { 
  		/* Label the data */
			content: attr(data-title);
			display: inline-block;
			width: auto;
			color:#8f8f8f; 
			padding-right: 10px; 
			white-space: nowrap;
		}
	}



#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}
#socials a:link, #socials a:visited, #socials a:hover, #socials a:focus, #socials a:active { text-decoration:none; }


/* COOKIEHINWEIS - basierend auf http://www.ideenlounge.de/der-cookie-hinweis-ohne-plugin-ohne-javascript-zum-copypaste-in-zwei-coolen-styles/ */

#cookiedingsbums a {color:#fff; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:20px; padding-right:50px;}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background-color: #345ba2; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:14px; 
   line-height:18px;
   color:#fff;
   }

#cookiedingsbumsCloser {
   color: #777;
   font: 16px/100% arial, sans-serif;
   position: absolute;
   right: 15px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 15px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}

/* COOKIEHINWEIS END */