@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	
	width:100%;
	height:100%;
	min-height:1500px;
	background-color:#DDD;
	background-image:url(bilder/oil_wallpaper.jpg);
	background-size:auto 100%;
}

#center {
	width: 1000px;
	margin: 0 auto;
	background-color:#FFF;	
	border:#999 solid thin;
	height:auto;
}

#inner {
	position:relative;
	top:0;
	width:1000px;
	height:auto;
	margin:0 !important;
		
}



#header2 {
	position:relative;
	top:-20px;
	background-color:#EEE;
	height:100px;
}

#header2 img {
	float:left;
	height:90px;
	width:auto;
	margin:5px;
}

#header2 h2 {
	padding-top:10px;
	font-size:190%;
	
}

.clear {
	clear:both;
}

nav#navigation {
	display:none;
}

#banner {
	height:250px;
	width:980px;
	background-image:url(bilder/logo-hd-oil.png);
	background-position:bottom top;
	background-size:100% auto;
	z-index:100;
}

.breadcrumbs {
	z-index:9999;
}

#sidebar_left {
	width:220px;
	height:auto;
	float:left;
	border-top:#999 thin solid;
	
}

#content {
	height:auto;
	width:558px;
	border-top:#999 thin solid;
	border-left:#999 thin solid;
	border-right:#999 thin solid;
	float:left;
	overflow:visible;
	
	
}
#sidebar_right {
	width:220px;
	height:auto;
	float:left;
	border-top:#999 thin solid;
	
}

footer {
	position:relative;
	height:60px;
	width:1000px;
	background-color:#EEE;
	border-top:#999 thin solid;
	
}

#content h1,h2,h3,h4,h5,h6,p,table {
	margin:20px;
	line-height:1.5;
}

#content h1,h2,h3,h4,h5,h6 {
	color:#000;
}

a {
	color:#F90;
	text-decoration:none;
}

a:hover {
	color:#F30;
}

p {
	color:#000;
	font-size:80%;
}

/* =Navigation
-------------------------------------------------------------- */
/* clip skip link for screen readers */
.skip-link {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
#access {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow:visible;
    z-index:100;
	margin:20px;
}
/* style the main menu 8*/
.sf-menu{
    
    border-top: none;
	margin:20px;
}
/* get rid of padding and margin off all ul's (not sure about using * here, could be better) */
.sf-menu, .sf-menu * {
    margin:0;
    padding:0;
    list-style:none;
}
/* position all dropdowns off screen */
.sf-menu ul {
    position:absolute;
    top:-999em;
}
/* style the main nav list items */
.sf-menu li {
    border-top: 3px solid #FFF;
    clear: left;
    float:left;
    position:relative;
    width: 100%;
	list-style:circle;
	margin-left:20px !important;
	
}
/* change the main nav list items on hover */ 
.sf-menu li:hover {
	
    visibility:inherit; /* fixes IE7 'sticky bug' */
}



/* style all the links */
.sf-menu a {
    font-size: .75em ;
    color: #F90 ;
    display:block;
    padding: 3px 0;
    text-decoration: none;
    text-indent: 12px;
	font-weight:bold;
	
}

.sf-menu a:hover {
	text-decoration:underline;
}

/* style the first drop */
.sf-menu li li, .sf-menu li li:hover{
    background: none;
    background-image: none;
}
/* add a larger text indent for the first drop links */
.sf-menu li li a{
    text-indent: 24px;
}
/* add a larger text indent for the second drop links */
.sf-menu li li li a{
    text-indent: 36px;
}
/* add a larger text indent for the third drop links */
.sf-menu li li li li a{
    text-indent: 48px;
}
/* position first drop */
.sf-menu li:hover ul {
    top:auto; /* match top ul list item height */
    position:relative;
}
/* make sure second drop is still off screen */
ul.sf-menu li:hover li ul {
    position: absolute;
    top:-999em;
}
/* position second drop */
ul.sf-menu li li:hover ul {
    top:auto;
    position:relative;
}
/* make sure third drop is still off screen */
ul.sf-menu li li:hover li ul {
    position: absolute;
    top:-999em;
}
/* position third drop */
ul.sf-menu li li li:hover ul {
    top:auto;
    position:relative;
}
ul.sf-menu li ul.sub-menu li {
	background-color:#FFF;
}
ul.sf-menu li ul.sub-menu li a {
	color:#F00;
} 

ul.sf-menu li ul.sub-menu li:hover {
	background-color:#CC3;
}

ul.sf-menu li ul.sub-menu li:hover a {
	color:#FFF !important;
}

/************* ENDE MENU ***********/

#sidebar_right p {
	font-size:80%;
}

#sidebar_right h2 {
	
	color:#000;
	padding:5px;
	width:160px;
	
}

#sidebar_right img {
	width:200px;
	height:auto;
	margin:10px;
}


#sidebar_right p {
	color:#000;
}

h2.shadow {
	text-shadow: -1px -1px 3px #FFF, 1px 1px 3px #FFF;
}



a:hover div {
	background-image: -webkit-linear-gradient(white 0%, #CC6 100%); 
	background-image: -moz-linear-gradient(white 0%, #CC6 100%); 
	background-image: -o-linear-gradient(white 0%, #CC6 100%); 
	background-image: linear-gradient(white 0%, #CC6 100%);
}

a:hover div div h2 {
	color:#C30;
}

*::selection { 
	background:#F90; 
	color:#000; 
}
	
span.wie_link {
	color:#C00;
	text-decoration:underline;
}

.float_right {
	float:right;
}

footer p {
	color:#000;
	text-align:center;
	font-size:80%;
}


.thumbs {
	width:150px;
	height:auto;
}

iframe {
	margin:20px;
}

table tr td {
	padding-left: 20px;
	font-size:90%;
}

table tr td img {
	margin:0 !important;
	line-height:1 !important;
}

.speisekarte {
float: left;
}


.control-label { color:#000000; font-family:Arial,Helvetica,Geneva; font-size:12pt; }


.captcha 
{ 
  width: 20%; 
  display: inline; 
}

.form-control 
{
  
  border:thin solid #999;
  margin:3px 0;
  padding: 5px;
  background-color: #FFFFFF;
}

.textend 
{
  margin-top: 15px;
  margin-bottom: 15px;
}

.checkbox {
	margin-top: 0px;
}

.radio {
	margin-top: 0px;
}

.zwtext{
  margin-top: 10px;
  margin-bottom: 10px;
}

.input-file {
  border-width: 0px;
  background-color: transparent;
}

div.row, .form-group
{
	margin:20px;
}



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

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	
	#center {
	height:auto;
	width:90%;
	margin: 0 auto;
	
	height:auto;
}

#inner {
	position:relative;
	top:10px;
	height:auto;
	width:auto;
	margin:10px !important;
	border-radius:15px;
	padding-bottom:20px;	
}

header {
	height:150px;
	
	width:auto;
	
	background-repeat:repeat;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}



header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:280%;
	color:#C00;
	position:absolute;
	top:90px;
	left:300px;
	text-shadow:1px 1px #FFF;
}

header img {
	margin:5px;
}



ul.sf-menu li ul {
    top:auto !important;
    position:relative !important;
}
ul.sf-menu li ul.sub-menu li a {
	color:#CC3;
	font-size:50% !important;
} 


.sf-menu li {
    list-style:none;
	margin-left:0 !important;
	
}


.sf-menu a {
	background-color:#F90;
    color: #000 ;
	font-size: 1em;
	margin: 2px 0;
}


#banner {
	width: 100% !important;
height: 190px;
margin-top: 50px;
background-position: center;
background-size: 100% auto;
}

#sidebar_left {
	height:auto;
	width:100%;
}

#content {
	height:auto;
	width:auto;
	border:none;
	max-width: 100%;
}
#sidebar_right {
	height:auto;
	width:100%;
	
	
}

footer {
	height:100px;
	width:auto;
	
	
	
	background-repeat:repeat-x;
}

#content h1,h2,h3,h4,h5,h6,p,img,ul,table {
	margin:20px;
	font-size:200% !important;
	line-height:1.5;
}

#content h1,h2,h3,h4,h5,h6 {
	color:#000;
}


a {
	color:#F90;
	text-decoration:none;
}

a:hover {
	color:#F00;
}

#sidebar_right h2,p {
	font-size:100%;
}

#sidebar_right h2 {
	color:#F90;
	padding:5px;
	width:auto;
	
}

}

	
@media only screen and ( max-width: 767px) {
	
#center {
	height:auto;
	width:90%;
	margin: 0 auto;
	
	height:auto;
}

ul.sf-menu li ul {
    top:auto !important;
    position:relative !important;
}
ul.sf-menu li ul.sub-menu li a {
	color:#F90;
	font-size:50% !important;
} 

.sf-menu li {
    list-style:none;
	margin-left:0 !important;
	
}


.sf-menu a {
	background-color:#F90;
    color: #000 ;
	font-size: 1em;
margin: 2px 0;
}

#inner {
	position:relative;
	top:10px;
	height:auto;
	width:auto;
	margin:10px !important;
	border-radius:15px;
	padding-bottom:20px;	
}

header {
	height:150px;
	
	width:auto;
	
	background-repeat:repeat;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}

#header2 {
	top:-10px;
}

header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:110%;
	color:#C00;
	position:absolute;
	top:70px;
	left:300px;
	text-shadow:1px 1px #FFF;
}



header img {
	margin:5px;
}

.clear {
	clear:both;
}


#banner {
	width: 100% !important;
height: 150px;
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat;
}


#sidebar_left {
	height:auto;
	width:100%;
}


#content {
	height:auto;
	width:auto;
	border:none;
	max-width: 100%;
}
#sidebar_right {
	height:auto;
	width:100%;
	
	
}

footer {
	height:100px;
	width:auto;
	
}

#content h1,h2,h3,h4,h5,h6,p,img,ul,table {
	margin:20px;
	font-size:150% !important;
	line-height:1.5;
}

#content h1,h2,h3,h4,h5,h6 {
	color:#000;
}


a {
	color:#F90;
	text-decoration:none;
}

a:hover {
	color:#F00;
}

#sidebar_right h2,p {
	font-size:100%;
}

#sidebar_right h2 {
	color:#F90;
	padding:5px;
	width:auto;
	
}

#inner img {
	max-width:90%;
}

}

@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)  { 



#center {
	height:auto;
	width:90%;
	margin: 30px auto;
	
	height:auto;
}

#inner {
	position:relative;
	top:10px;
	height:auto;
	width:auto;
	margin:10px !important;
	border-radius:15px;
	padding-bottom:20px;	
}

header {
	height:150px;
	
	width:auto;
	
}

ul.sf-menu li ul {
    top:auto !important;
    position:relative !important;
}
ul.sf-menu li ul.sub-menu li a {
	color:#C00;
	font-size:50% !important;
} 
.sf-menu li {
    list-style:none;
	margin-left:0 !important;
	
}


.sf-menu a {
	background-color:#F90;
    color: #000 ;
	font-size: 1em;
margin: 2px 0;
}


header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:70%;
	color:#C00;
	position:absolute;
	top:70px;
	left:300px;
	text-shadow:1px 1px #FFF;
}

header img {
	margin:5px;
}

.clear {
	clear:both;
}



#banner {
	width:100% !important;
	background-position:center;
	background-size:100% auto;
}

div#deichkind_hype_container {
	display:none;
}

#sidebar_left {
	height:auto;
	width:100%;
}


#content {
	height:auto;
	width:auto;
	border:none;
	max-width: 100%;
}
#sidebar_right {
	height:auto;
	width:100%;
	
	
}

footer {
	height:100px;
	width:auto;
	
}

footer p {
	font-size:100% !important;
}

#content h1,h2,h3,h4,h5,h6,p,img,ul,table {
	margin:20px;
	font-size:130% !important;
	line-height:1.5;
}

#content h1,h2,h3,h4,h5,h6 {
	color:#000;
}


a {
	color:#F90;
	text-decoration:none;
}

a:hover {
	color:#F00;
}

#sidebar_right h2,p {
	font-size:100%;
}

#sidebar_right h2 {
	color:#F90;
	padding:5px;
	width:auto;
	
}

#inner img {
	max-width:90%;
	width:90%;
}

}