@media screen {
html
{
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#CCCCCC;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;	
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#333;
	font-weight:bold;
}
h2{
	text-align:center;
}

/*a{
color:#666666;
background-color:#FFFFFF;
text-decoration:none;
border:0px;}
a.hover{
text-decoration:underline;
font-weight:bold;}
*/
img{
	border:none;
	text-decoration:none;
	background-color:#FFF;
	}

#innenwrapper
{
height:100%;
overflow:auto;
} 
#aussenwrapper
{
height: 100%;
position: relative;
margin: 0 auto;
} 
#container{
width:800px;
margin-left: auto;
margin-right: auto;
border:4px;
background-color:#FFFFFF;
border-color:#666666;
padding-left:0px;
padding-right:0px;
}

#header{
width:800px;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
color:#666666;
text-align:left;
/*padding-top:285px;*/
height:330px;
padding-left:5px;
color:#FFF
}
#menue
{
	padding-top:274px;
}
#menue a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-decoration:none;
	color:#FFF;
}

#sub_header {
	text-align:left;
	padding-left:5px;
}

#sub_header a{
	color:#000;
	text-decoration:none;
}
#sub_header a:hover{
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}
#bild{
float:right;
padding-left:10px;

}

.unten{
clear:both;
padding:0px;
text-align:left;
}

li
{
	list-style-image:url(bullett.gif);
}

#content_links{
float:left;
width:510px;
margin-left:10px;
}

#content_rechts{
float:right;
width:280px;
vertical-align:top;
margin-top:80px
}

#footer
{
	clear: both;
	float:none;
	text-align:center
}
.table_l{
	width:300px;
}
.table_r{
	width:210px;
	vertical-align:top;
}
#table_dates
{
	width:510px;
}
.table_head
{ color:#000;
  font-weight:bold
	}
.table_head a
{
	text-decoration:none;
	color:#000
}

.table_head a:hover
{
	text-decoration:underline;
	color:#000
}
/*Ab hier die untere Leiste*/
.wibar {
  bottom:0px;
  position: absolute;
}
/*TO STYLE THE LOOK OF THE WIBAR*/
#bluebar
{
background:#A8D9E3;
/*opacity : 0.9;*/
height:30px;
left:50px;
right:50px;
}
/*CLASSES TO ROUND THE CORNERS OF A DIV*/
.rtop
{
display:block;
background:#CCCCCC;
}
.rtop *
{
display: block;
height: 1px;
overflow: hidden; 
background:#A8D9E3;
}
.r1
{
margin: 0 5px
}
.r2
{	
margin: 0 3px
}
.r3
{
margin: 0 2px
}
.r4
{
margin: 0 1px;
height: 2px
} 
.spacer{
clear:both;
min-height:32px;
height:32px;
padding:0px;
text-align:left;
}
}
/*------------------------------------*\
	IPHONE
\*------------------------------------
@media screen and (max-device-width: 480px){
body{
  -webkit-text-size-adjust:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  padding:5px;
}
div{
  clear:both;
  display:block;
  width:100%;
  float:none;
  margin:0;
  padding:0;
}

img{
  max-width:100%;
  height:auto;
}
}

@media handheld {
html
{
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#CCCCCC;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#333;
	font-weight:bold;
}
h2{
	text-align:center;
}

img{
	border:none;
	text-decoration:none;
	background-color:#FFF;
	}

#innenwrapper
{
height:100%;
} 
#aussenwrapper
{
height: 100%;
position: relative;
margin: 0 auto;
} 
#container{
width:100%;
margin-left: auto;
margin-right: auto;
border:4px;
background-color:#FFFFFF;
border-color:#666666;
padding-left:0px;
padding-right:0px;
}

#header{
display:none;
}

#sub_header {
	text-align:left;
	padding-left:5px;
}

#sub_header a{
	color:#000;
	text-decoration:none;
}
#sub_header a:hover{
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}

.unten{
clear:both;
padding:0px;
text-align:left;
}

li
{
	list-style-image:url(bullett.gif);
}

#content_links{
float:left;
width:100%;
margin-left:10px;
}

#content_rechts{
display:none;
}

#footer
{
	clear: both;
	float:none;
	text-align:center
}
.table_l{
	width:300px;
}
.table_r{
	width:210px;
	vertical-align:top;
}
#table_dates
{
	width:510px;
}
.table_head
{ color:#000;
  font-weight:bold
	}
.table_head a
{
	text-decoration:none;
	color:#000
}

.table_head a:hover
{
	text-decoration:underline;
	color:#000
}*/
/*Ab hier die untere Leiste
.wibar {
  display:none;
  bottom:0px;
  position: absolute;
}
.spacer{
clear:both;
min-height:32px;
height:32px;
padding:0px;
text-align:left;
}
}*/