@charset "UTF-8";
/* CSS Document */

html {height:100%;}
body {font-family:"Ubuntu Condensed",sans serif; font-size:14px; color:#333333;height:100%;}
H1 {font-family:"Ubuntu Condensed",sans serif;font-size:1.6em; color:#96bf0d; font-weight:normal; line-height:0.5em;}
H2 {font-family:"Ubuntu Condensed",sans serif;font-size:1.2em; color:#96bf0d;}

.csc-textpic {margin-left:-5px;}
.csc-textpic-caption {padding-left:10px;}
.csc-frame-frame1 {
	background-color:#ffcc66;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	-moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
}


div#body {
	margin:0 auto;
	width:480px;
}

div#spacer {
	width:1px;
	height:50%;
	margin-bottom:-288px;
	float:left;
}

div#header {
	margin:0 auto;
	width:480px;
	height:221px;
	background-image:url(bilder/funkelkammer_logo_small.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #0098d4;
}

div#header_start {
	margin:0 auto;
	width:480px;
	height:576px;
	position:relative;
	clear:both;
}


div#content_left {
	margin:0 auto;
	float:left;
	width:230px;
	line-height:1.4em;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
}

div#content_left a {color:#333333;
	text-decoration:none;
	border-bottom:1px dotted #96bf0d;
}

div#content_left a:hover {
	color:#96bf0d;}

div#content {
	float:left;
	margin:0 auto;
	width:240px;
	padding-top:10px;
}

div#content_right {
	width:230px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	color:#333333;
	font-size:1.1em;
}

div#content_right img {
	width:230px;
	height:147px;
}

div#menu {
	margin:0 auto;
	width:230px;
	height:30px;
	padding-left:10px;
}

div#content_right a {color:#333333;
	text-decoration:none;
	border-bottom:1px dotted #96bf0d;
}

div#content_right a:hover {
	color:#96bf0d;}

div#footer {
	margin:0 auto;
	clear:both;
	width:480px;
	height:30px;
	border-top:1px dotted #0098d4;
	text-align:right;
	font-size:1em;
	padding-top:5px;
}

div#footer a{
	text-decoration:none;
	color:#333333;
}

div#footer a:hover{
	color:#96bf0d;
}


ul.menu, ul.menu ul {
    list-style-type: none;
	margin-left:-40px;
	margin-top:7px;
	font-size:0.9em;
}

*html ul.menu {
	margin-left:30px;
}

ul.menu a {
    display: block;
	background-image:url(bilder/bg_menu.png);
	margin-right:4px;
    padding-top:5px;
	text-align:center;
    font-weight: normal;
	color:#ffffff;
	font-size:1.2em;
	text-decoration:none;
	width:110px;
	height:25px;
}

ul.menu a:hover {
   display: block;
   background-image:url(bilder/bg_menu_over.png);
   color:#ffffff;
}

ul.menu li {
    padding-right:0px;
	margin-top:0px;
    float:left;
}
/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
	margin-bottom:3px;
	border-top:1px dotted #96bf0d;
	text-align:left;
	padding-right:5px;
}
/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color: #ffffff;
}
/* Zweite Ebene */
ul.menu ul {
	margin-top:0px;
	margin-left:0px;
	padding:0px;
    position: absolute;
	background-color:#ffffff;
	border:1px dotted #96bf0d;
    display: none;
	text-align:left;
	min-height:20px;
	width:140px;
}

html ul.menu ul {
}

ul.menu ul a{
	color:#666666;
	font-size:1em;
}
   /* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul  {
    padding-left:5px;
	display: block;
	border-bottom:1px solid #96bf0d;
}
/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
    display: none;
    margin-left: 160px; /* Breite eines Listenelements - Überlagerung */
    margin-top: -20px; /* Höhe eines Listenelements */
}
/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
    display: block;
}
/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
    display: none;
}
/* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
display: block;
}

@media only screen and (max-device-width: 480px) {
	body {font-family:"Ubuntu Condensed",sans serif; font-size:18px; color:#333333;height:100%;}
H1 {font-family:"Ubuntu Condensed",sans serif;font-size:1.6em; color:#96bf0d; font-weight:normal; line-height:0.5em;}
H2 {font-family:"Ubuntu Condensed",sans serif;font-size:1.2em; color:#96bf0d;}

.csc-textpic {margin-left:-5px;}
.csc-textpic-caption {padding-left:10px;}
.csc-frame-frame1 {
	background-color:#ffcc66;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	-moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
}


div#body {
	width:960px;
}

div#spacer {
	width:1px;
	height:10px;
	float:left;
}

div#header {
	margin:0 auto;
	width:960px;
	height:442px;
	background-image:url(bilder/funkelkammer_mobile.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #0098d4;
}

div#header_start {
	margin:0 auto;
	width:960px;
	height:576px;
	position:relative;
	clear:both;
}

div#header_start img {
	width:960px;
	height:1142px;
}


div#content_left {
	margin:0 auto;
	float:left;
	width:470px;
	line-height:1.4em;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	font-size:1.7em;
}

div#content_left a {color:#333333;
	text-decoration:none;
	border-bottom:1px dotted #96bf0d;
}

div#content_left a:hover {
	color:#96bf0d;}

div#content {
	float:left;
	position:relative;
	width:470px;
	padding-top:10px;
}

div#content_right {
	width:460px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	color:#333333;
	font-size:1.1em;
}

div#content_right img {
	width:460px;
	height:294px;
}

div#menu {
	width:230px;
	height:30px;
	padding-left:10px;
}

div#content_right a {color:#333333;
	text-decoration:none;
	border-bottom:1px dotted #96bf0d;
}

div#content_right a:hover {
	color:#96bf0d;}

div#footer {
	margin:0 auto;
	clear:both;
	width:960px;
	height:30px;
	border-top:1px dotted #0098d4;
	text-align:right;
	font-size:1.6em;
	padding-top:5px;
	padding-bottom:40px;
	margin-bottom:10px;
}

div#footer a{
	text-decoration:none;
	color:#333333;
	font-size:1.2em;
}

div#footer a:hover{
	color:#96bf0d;
}


ul.menu, ul.menu ul {
    list-style-type: none;
	margin-left:-40px;
	margin-top:7px;
	font-size:1.8em;
	text-transform:uppercase;
}

*html ul.menu {
	margin-left:30px;
}

ul.menu li a {
   display:block;
   width:377px;
   height:80px;
	float:left;
	/*border-right: 1px dotted #96bf0d;*/
	background-color:#96BF0D;
	text-decoration:none;
	color:#FFFFFF;
	padding:25px 5px 3px 5px;
	border-bottom:none;
	margin-bottom:10px;
	margin-right:3px;
	-moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
}

ul.menu li a:hover {
   	display:block;
	float:left;
	/*border-right: 1px dotted #96bf0d;*/
	color:#FFFFFF;
	padding:25px 5px 3px 5px;
	border-bottom:none;
	margin-bottom:10px;
	margin-right:3px;
	-moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
background-color:#0098D4;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu li {
    float:float;
	margin-left:-50px;
	margin-bottom:30px;

}
/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color: #ffffff;
}
/* Zweite Ebene */
ul.menu ul {
	margin-top:0px;
	margin-left:0px;
	padding:0px;
    position: absolute;
	background-color:#ffffff;
	border:1px dotted #96bf0d;
    display: none;
	text-align:left;
	min-height:20px;
	width:230px;
}

html ul.menu ul {
}

ul.menu ul a{
	color:#666666;
	font-size:1em;
}
   /* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul  {
    padding-left:5px;
	display: block;
	border-bottom:1px solid #96bf0d;
}
/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
    display: none;
    margin-left: 160px; /* Breite eines Listenelements - Überlagerung */
    margin-top: -20px; /* Höhe eines Listenelements */
}
/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
    display: block;
}
/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
    display: none;
}
/* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
display: block;
}
}