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

* {
	margin:0;
	padding:0;
	font-family:Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
	margin:15px;
}

h1, h2, h3, h4, h5, h6 {
	color:#3FF;
}

p, ul.liste li {
	font-size:90%;
	color:#FFF;
}

ul.liste {
	padding:10px 30px;
}

ul.liste li {
	line-height:1.5;
}


a {
	color:#3FF;
	text-decoration:none;
}


a:hover {
	color:#000;
}
	
	
.halb {
	width:470px;
}

body  {
	width:100%;
	height:100%;
	background-image:url(bilder-allgemein/Background1.jpg);	
	background-attachment:fixed;	
	overflow:scroll;
}

#center {
	width: 1000px;
	background-image:url(bilder-allgemein/bg_center.png);
	background-repeat:repeat;	
	margin: 30px auto;
	border-radius:9px;
	
	
}

header {
	position:relative;
	height:175px;
	width:1000px;
	
}

nav#main {
	position:absolute;
	top:130px;
}

div#content {
	border-top:#3FF 5px solid;
	position:relative;
	width:1000px;
	min-height:700px;
	overflow:scroll;

}

div#prefooter {
	background-image:url(bilder-allgemein/logo-werbeland.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	border-top:#3FF 5px solid;
}

footer {
	position:relative;
	height:35px;
	width:1000px;
	
}

div#logo {
	position:absolute;
	display:inline;
	top:-10px;
	
	left:520px;
	z-index:9999;
}

/* Struktur ENDE */

p.keywords {
	color:#999;
	text-align:justify;
	width:80%;
	line-height:2;
	font-weight:lighter !important;
}

ul#links {
	list-style:none;
	margin:10px;
}

ul#links li {
	display:inline;
	padding:10px 5px;
	
}

ul#links li a {
	color:#FFF;
	text-decoration:none;
}

ul#links li a:hover {
	color:#000;
}

ul#links li:hover {
	background-color:#3FF;
}



h1#slogan {
	position:relative;
	top:-20px;
	color:#3FF;
	text-transform:uppercase;
	font-size:300%;
	font-weight:lighter !important;
}

p.copyright {
	text-align:center;
	color:#CCC;
	font-size:70%;
}

.float_right {
	float:right;
}

h2.uppercase {
	text-transform:uppercase;
	font-size:100%;
}

img {
	margin:10px;
}




nav#navigation {
	display:none;
	 
}




/* #Media Queries
================================================== */

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	img.mobile_logo {
		display:block;
		width:100%;
		height:auto;
		max-width:419px;
		margin:5px;
	}
	h1,h2,h3,h4,h5,h6,p,address,a {
		font-size:1.1em;
}

nav#main {
	display:none !important;
}

h1#slogan {
	margin:10px !important;
	text-align:center !important;
}

nav#navigation {
	position:relative;
	width:100%;
	display:block; 
	z-index:300 !important;
	
}


#navigation {
    padding: 10px;
    
    color: #fff;
    text-align: center;
}
#navigation ul {
    display: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
	
}
#navigation ul.expanded {
    display: block;
	z-index:400 !important;
	
}
#navigation li a {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #FFF;
    font-size: 1.9em;
    color: #FFF;
    text-decoration: none;
	
}

#navigation li a:hover {
    color: #0FF;

}
.menu_button {
    display: block;
    text-align: right;
    color: #FFF;
    text-decoration: none;
	font-size: 1.9em;
}
.menu_button:hover {
    color: #0FF;
    text-decoration: none;
}




	#center
{
width: 100%;
margin: 0px auto;
}

#logo {

	display:block !important;
	top:0 !important;
	
	left:0 !important;
	
}
div#content, header, footer, #logo, #slogan {
	position:relative !important;
	height:auto !important;
	width:100% !important;
}


div#logo img, img 
{
	width:95% !important;
	height:auto;
}


.dl-menuwrapper {
	display:block; 
	z-index:300 !important;
	
	border-bottom:#b10618 solid 6px;
}

table tr td {
	display:block !important;
}

table tr td img {
	width:100% !important;
	height:auto;
}

.noresize {
		width:100px !important;
	height:auto  !important;
}

.noresize2 {
		width:40px !important;
	height:auto  !important;
}

}

	
@media only screen and ( max-width: 767px) {
img.mobile_logo {
		display:block;
		width:100%;
		height:auto;
		max-width:419px;
		margin:5px;
	}
	h1,h2,h3,h4,h5,h6,p,address,a {
		font-size:1.1em;
}
h1#slogan {
	margin:10px !important;
	text-align:center !important;
}

	#center
{
width: 100%;
margin: 0px auto;
}

nav#main {
	display:none !important;
}

ul.navigation {
	display:none;
	 
}
nav#navigation {
	display:block; 
	z-index:300 !important;
	
}


#navigation {
    padding: 10px;
    
    color: #fff;
    text-align: center;
}
#navigation ul {
    display: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
	
}
#navigation ul.expanded {
    display: block;
	z-index:400 !important;
	
}
#navigation li a {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #FFF;
    font-size: 1.9em;
    color: #FFF;
    text-decoration: none;
	
}

#navigation li a:hover {
    color: #0FF;

}
.menu_button {
    display: block;
    text-align: right;
    color: #FFF;
    text-decoration: none;
	font-size: 1.9em;
}
.menu_button:hover {
    color: #0FF;
    text-decoration: none;
}
#logo {

	display:block !important;
	top:0 !important;
	
	left:0 !important;
	
}

div#logo img, img
{
	width:95% !important;
	height:auto;
}

div#content, header, footer, #logo, #slogan {
	position:relative !important;
	height:auto !important;
	width:100% !important;
}




.dl-menuwrapper {
	display:block; 
	z-index:300 !important;
	
	border-bottom:#b10618 solid 6px;
}

table tr td {
	display:block !important;
}

table tr td img {
	width:100% !important;
	height:auto;
}

.noresize {
		width:100px !important;
	height:auto  !important;
}

.noresize2 {
		width:40px !important;
	height:auto  !important;
}

}

/* Smartphone Horizontal */

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 
	img.mobile_logo {
		display:block;
		width:100%;
		height:auto;
		max-width:419px;
		margin:5px;
	}
	h1,h2,h3,h4,h5,h6,p,address,a {
		font-size:1.1em;
}

h1#slogan {
	margin:10px !important;
	text-align:center !important;
}

#logo {

	display:block !important;
	top:0 !important;
	
	left:0 !important;
	
}
	#center
{
width: 100%;
margin: 0px auto;
}

nav#main {
	display:none !important;
}

ul.navigation {
	display:none;
	 
}

nav#navigation {
	display:block; 
	z-index:300 !important;
	
}


#navigation {
    padding: 10px;
    
    color: #fff;
    text-align: center;
}
#navigation ul {
    display: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
	
}
#navigation ul.expanded {
    display: block;
	z-index:400 !important;
	
}
#navigation li a {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #FFF;
    font-size: 1.9em;
    color: #FFF;
    text-decoration: none;
	
}

#navigation li a:hover {
    color: #0FF;

}
.menu_button {
    display: block;
    text-align: right;
    color: #FFF;
    text-decoration: none;
	font-size: 1.9em;
}
.menu_button:hover {
    color: #0FF;
    text-decoration: none;
}


div#logo img, img 
{
	width:95% !important;
	height:auto;
}

div#content, header, footer, #logo, #slogan {
	position:relative !important;
	height:auto !important;
	width:100% !important;
}

.dl-menuwrapper {
	display:block; 
	z-index:300 !important;
	
	border-bottom:#b10618 solid 6px;
}

table tr td {
	display:block !important;
}

table tr td img {
	width:100% !important;
	height:auto;
}


.noresize {
		width:100px !important;
	height:auto  !important;
}

.noresize2 {
		width:40px !important;
	height:auto  !important;
}

}