body {
	font-family: 			verdana;
	font-style: 			normal;
	line-height: 			normal;
	font-weight: 			normal;
	font-variant:			normal;
	font-size: 			11px;
	color: 				#000000;
	text-decoration: 		none;
	list-style-position:		inside;
	list-style-type: 		square;
	background-color:		#808da8; 
	margin-top: 			0px;
	background-image:		url(gfx/bg.jpg); 
	background-repeat:		repeat-x;
}

a {
/*	color: #87933d;*/
	color: 				#1c60a7;
	text-decoration: 		none;
}

a.newstopic {
	color: 				#000000;
}

table {
	font-size:			11px;
}

#Tabelle_01 {
	left:				0px;
	top:				0px;
	width:				1012px;
	background-image:		url(Bilder/contentbg.jpg);
	background-repeat:		repeat-y;
	vertical-align:			middle;
	margin-left:			auto;
	margin-right:			auto;
}

#header {
	clear:				both;
	width:				1012px;
	height:				167px;
	background-image:		url(Bilder/header.jpg);
	background-repeat:		no-repeat;
}

#menu {	
	clear:				both;
	width:				1012px;
	height:				35px;
	background-image:		url(Bilder/menu.jpg);
	background-repeat:		no-repeat;
	padding-left:			10px;
}

#left {
	float:				left;
	margin-left:			11px;
	width:				209px;

}
#contentleft {
	background-color:		#FFFFFF;
	background-image:		url(Bilder/corner.top.right.jpg);
	background-repeat:		no-repeat;
	background-position:		right top;
	padding-left:			4px;
	padding-top:			4px;
	padding-bottom:			4px;
	margin-bottom:			12px;
}

#contentmiddle {
	float:				left;
	width:				14px;
}

#contentright {
	float:				left;
	width:				747px;
	background-color:		#FFFFFF;
	background-image:		url(Bilder/corner.top.left.jpg);
	background-repeat:		no-repeat;
	background-position:		left top;
	padding-left:			10px;
	padding-right:			10px;
}

#user {
	padding-left:			20px;
	margin-left:			12px;
	color:				#FFFFFF;
	width:				960px;
	border-top-width: 		thin;
	border-top-style: 		solid;
	border-top-color: 		#000000;
	clear:				both;
}

#down {
	clear:				both;
	width:				1012px;
	height:				10px;
	background-image:		url(Bilder/down.jpg);
	background-repeat:		no-repeat;
	background-position:		bottom;
}

#news {
	width:				530px;
	height:				128px;
	margin-left: 			15px;
	padding-left:			10px;
	padding-top:			10px;
	background-color:		#333333;
	filter: alpha(opacity=80);
	opacity: 			0.8;
	-moz-opacity: 			0.8;
	overflow: 			auto
}

#login {
	float: 				right;
	margin-top: 			105px;
	margin-right: 			15px;
}

.button {
	background-color: 		#cccccc;
	border: solid 			#333333;
	border-width: 			1px;
	color:  			#000000;
	font-size: 			10px;
	font-family: 			Verdana;
	background : 			url(gfx/topbg.jpg);
	cursor:					pointer;
}
					
.input {
	border: solid 			#000000;
	border-width: 			1px;
	color : 				#000000;
	font-family : 			Verdana;
	font-size : 			10px;
	background : 			url(gfx/leer.gif);
	/*background-color: 	 #FFFFFF;*/
}

.input2 {
	border: solid 			#000000;
	border-width: 			1px;
	color : 				#000000;
	font-family : 			Verdana;
	font-size : 			10px;
	background : 			url(gfx/leer.gif);
	/*background-color: 	 #FFFFFF;*/
}

input.login_top {
	background: 			#eeeeee;
	height: 			16px;
	width: 				140px;
	padding-left: 			5px;
	margin-top:			1px;
	border: 			0px;
	-moz-border-radius:		7px;
        filter: alpha(opacity=60);
        opacity: 			0.6;
        -moz-opacity: 			0.6;
}

input.login_top_check {
	background: 			#eeeeee;
	border: 			0px;
	height: 			9px;
	width: 				9px;
	-moz-border-radius:		7px;
        filter: alpha(opacity=60);
        opacity: 			0.6;
        -moz-opacity: 			0.6;
}

input.button_grau {
	background: 			#727272;
	height:				13px;
	border: 			0px;
	-moz-border-radius:		7px;
	font-weight: 			bold;
	font-size: 			9px;
}

td.newstopic {
	border-left: 			0px;
	border-top: 			0px;
	border-right: 			1px solid #000000;
	border-bottom: 			1px solid #000000;
	background-color:		#fcfcfe;
	background-image:		url(gfx/topbg.jpg);
	background-repeat:		repeat-x;
	color: 				#000000;
}
tr.tabelle:hover {
	background-color: 		#CD5C5C;
	color: 				#CCCCCC;
}
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;/*
background-color: #F3F3F3; /*overall menu background color*/
}
.main ul li{
position: relative;
display: inline;
float: left;
background-color: #cccccc; /*overall menu background color*/
filter: alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border-left: 1px solid grey;
border-right-width: 0;
text-decoration: none;
font-weight:bold;
color: #ffffff;
margin-top:2px;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #000000;
background: #cccccc;
filter: alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover {
background: #333333;
filter: alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
color: white;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */
body {
	color: 				#000000;
	background-color:		#808da8; 
}

a {
	color: 				#1c60a7;
}

a.newstopic {
	color: 				#000000;
}

#contentleft {
	background-color:		#FFFFFF;
}

#contentright {
	background-color:		#FFFFFF;
}

#user {
	color:				#FFFFFF;
	border-top-color: 		#000000;
}

#news {
	background-color:		#333333;
}

.button {
	background-color: 		#cccccc;
	border-color:			#333333;
	color:  			#000000;
}
					
.input {
	border-color: 			#000000;
	color:	 			#000000;
}

.input2 {
	border-color: 			#000000;
	color:				#000000;
}

input.login_top {
	background: 			#eeeeee;
}

input.login_top_check {
	background: 			#eeeeee;
}

input.button_grau {
	background: 			#727272;
}

td.newstopic {
	border-right-color:		#000000;
	border-bottom-color:		#000000;
	background-color:		#fcfcfe;
	color: 				#000000;
}
tr.tabelle:hover {
	background-color: 		#CD5C5C;
	color: 				#CCCCCC;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px),
/* only screen and (min-width: 320px) and (max-width: 480px), */
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
  body {
    background: none;
    margin: 0;
  }
  div#Tabelle_01,
  div#Tabelle_01 > div {
    width: auto !important;
  }
  div#header { background-position: -70px 0; }

  #header div#login {
    float: left;
    margin-left: 10px;
    margin-top: 20px;
  }
  #header #login input {
    height: auto;
    margin: 5px 10px;
    opacity: .8;
    padding: 10px;
  }

  #Tabelle_01 { background: #333; }

  div#menu {
    height: auto;
    background: none;
    padding-right: 10px;
  }
  div#menu .suckertreemenu ul {
    overflow: hidden;
    visibility: visible !important;
    position: relative;
    top: 0 !important;
  }
  div#menu .suckertreemenu ul li {
    float: none;
    display: none;
    background: none;
    color: #ccc;
    opacity: 1;
    width: 100%;
  }
  #menu .suckertreemenu ul li.mobile { display: block; }
  #menu .suckertreemenu ul li a {
    background: none !important;
    color: #ffffff;
    border: 1px solid #ccc !important;
    display: block;
    width: auto;
    padding: 10px 15px;
  }
  #menu .suckertreemenu ul li ul {
    margin-left: 15px; 
  }
  #menu .suckertreemenu ul li ul li a {
    width: auto;
    opacity: 1;
  }

  div#left div,
  div#contentmiddle { display: none; }

  div#Tabelle_01 div#contentright {
    clear: both;
    width: 100% !important;
    padding: 0;
  }

  table#bulitbl { display: none; }

  table#tippabgabe {
    width: auto;
  }
  #tippabgabe .weekday { display: none; }

  table#tipp_others { display: none; }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}