body, html {
	height : 100%;
}

body {
	background-color : #00CCFF;
	background-image : url(/images/hintergrund.jpg);
	background-position : top;
	background-repeat : repeat-x;
	padding : 0;
	margin :  0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #0056AD;
}

a:link, a:visited, a:active, a:hover, a:focus {
	color : #004B9B;
}

a:hover {
	color : #EA9E00;
}

p, var {
	color : #000000;
	font-style : normal;
}

h1, h2, h3, h4 {
	font-weight : bold;
	margin-top : 10px;
	color : #0056AD;
}


h1 {
	font-size : 18px;
}

h2 {
	font-size : 16px;
}

h3 {
	font-size : 14px;
}

#all {
	height : 100%;
	min-height : 100%;
	margin-bottom:-100px;
}

html>body #all {
	height : auto;/*for mozilla as IE treats height as min-height anyway*/
} 

#clearfooter {
	clear:both;
	height:110px;/*needed to make room for footer*/
}

#klopfbereich {
	margin : 0px 0px 0px 0px;
	border : 1px solid Fuchsia;
	padding : 10px 0px 10px 0px;
}

#hauptbereich {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#fussbereich {
	width:100%;
	clear : both;
	height : 100px;
	background-image : url(/images/feuer.gif);
	background-position : bottom;
	background-repeat : repeat-x;
	text-align:center;
	position : relative;
}

* html #fussbereich {
	/*only ie gets this style*/
	\height:102px;/* for ie5 */
	he\ight:100px;/* for ie6 */
}


#header {
	border-top : 3px ridge Blue;
	border-bottom : 3px ridge Blue;
	border-left : 0px none;
	border-right : 0px none;
	color : #0056AD;
	width : 720px;
	margin : 5px auto 0px auto;
}

#header h1 {
	font-size : 40px;
	font-weight : bolder;
	padding : 0px 0px 0px 165px;
	margin : 0px 0px 0px 0px;
	line-height : 40px;
}

#header h2 {
	font-size : 20px;
	font-weight : bolder;
	padding : 0px 0px 0px 165px;
	margin : 4px 0px 0px 0px;
	line-height : 24px;
}

#header .gmbh {
	font-size : 20px;
}

#header .gas {
	font-size : 26px;
}

#headerb {
	height : 80px;
	background-color : #ECECFF;
	border-top : 2px solid #FFFFFF;
	border-bottom : 2px solid #FFFFFF;
	border-left : 0px none;
	border-right : 0px none;
	padding: 5px 5px 5px 5px;
	vertical-align : middle;
	background-image : url(/images/brink_logo_3d.gif);
	background-repeat : no-repeat;
	background-position : 5px 4px;
}

#hauptall {
	width : 720px;
	margin : 0px auto 0px auto;
	padding : 0px 0px 0px 0px;
	overflow : visible;
}

#navall {
	width : 160px;
	margin-top : 10px;
	float : left;
}

#navtop, #navbot {
	margin-top : 5px;
	margin-bottom : 5px;
	margin-left : 175px;
	text-align : center;
	vertical-align : middle;
}

#navtop a:link, #navbot a:link, #navtop a:visited, #navbot a:visited {
	text-decoration : none;
	display : block;
	padding : 0px 0px 0px 0px;
	margin : 0px 5px 0px 5px;
	width : 120px;
	border : 0px solid;
	float : left;
}

#navtop a:hover, #navbot a:hover {
	text-decoration : underline;
	display : block;
	padding : 0px 0px 0px 0px;
	margin : 0px 5px 0px 5px;
	width : 120px;
	border : 0px solid;
	float : left;
	color : #004B9B;
}

#contentb {
	width : 540px;
	border : 3px solid #0056AD;
	padding : 0px 0px 0px 0px;
	float : right;
	overflow : visible;
}

#content {
	border : 3px solid White;
	overflow : visible;
	padding : 5px 5px 5px 5px;
	/*background-color : #DFF9FF;*/
	background-color : #E3E3E3;
	background-image : url(/images/content_bg.gif);
	color : #000000;
}

#footer {
	margin : 0px auto 0px auto;
	padding : 0;
	color : #FFFFFF;
	width : 720px;
	height : 100px;
	font-size : 12px;
}

#footer p, #footer td, #footer a:link, #footer a:visited, #footer a:hover {
	color : #DDF5FF;
	text-decoration : none;
}

#nav {
	margin-left : 5px;
	padding : 5px 5px 5px 0px;
	/*padding : 4px 4px 4px 4px;*/
	display : block;
	/*width : 150px;*/
	font-size : 12px;
}

#nav a {
	display : block;
	width : 150px;
	padding-left : 4px;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-right : 4px;
	margin : 3px 0px 3px 0px;
}

#nav a:link,  #nav a:visited {
	border-top : 2px solid #6200C6;
	border-left : 2px solid #6200C6;
	border-bottom : 2px solid #330066;
	border-right : 2px solid #330066;
	text-decoration : none;
	color : #FFFFFF;
	background-color : #0056AD;
	margin : 3px 0px 3px 0px;
}

#nav a:hover, #nav a:active {
	border-top : 2px solid #330066;
	border-left : 2px solid #330066;
	border-bottom : 2px solid #6200C6;
	border-right : 2px solid #6200C6;
	text-decoration : underline;
	color : #FFCC66;
	background-color : #004B9B;
	margin : 3px 0px 3px 0px;
}

#nav .aktuell a, #nav .aktuell a:visited {
	color : #FFCC66;
	background-color : #004B9B;
	border-top : 2px solid #330066;
	border-left : 2px solid #330066;
	border-bottom : 2px solid #6200C6;
	border-right : 2px solid #6200C6;
}

#nav .aktuell a:hover, #nav .aktuell a:active {
	background-color : #004B9B;
}

#nav .menl0 a {
	padding-left : 4px;
}

#nav .menl1 a {
	padding-left : 14px;
	width : 140px;
}

#nav .menl2 a {
	padding-left : 24px;
	width : 130px;
}

#nav .menl3 a {
	padding-left : 34px;
	width : 120px;
}

.status {
	font-size : 10px;
	text-align : center;
	vertical-align : middle;
}

.top {
	text-align : right;
	font-size : 10px;
	font-weight : normal;
	margin : 15px 10px 15px 0px;
}

.technik {
	text-align : center;
	font-size : 10px;
	font-weight : normal;
	margin : 15px 0px 5px 0px;
}

.nofloat {
	clear : both;
}

.daten {
	color : #000000;
	font-size : 12px;
	padding : 0px 5px 0px 5px;
}

.daten table  {
	border : 2px solid #0056AD;
	margin-bottom : 20px;
	width : 100%;
	empty-cells : show;
}

.daten td {
	border : 1px solid #0056AD;
	vertical-align : top;
	padding : 4px 4px 4px 4px;
	font-size : 12px;
}

.daten tr.mark{
	background-color : #F6F8FF;
} 

.daten td.xmark{
	background-image : url(images/punkt.gif);
	background-position : center;
	background-repeat : no-repeat;
} 

.daten th {
	font-weight : bold;
	vertical-align : bottom;
	background-color : #0056AD;
	text-align : left;
	border : 1px solid #0056AD;
	padding : 4px 4px 4px 4px;
	font-size : 12px;
	color : #FFFFFF;
}

.daten thead th {
	font-size : 16px;
	background-color : #0056AD;
	text-align : left;
	border : 1px solid #0056AD;
	padding : 4px 4px 4px 4px;
	color : #FFFFFF;
}

.daten .left {
	vertical-align : top;
}

.daten .comment {
	background-color : #F6F8FF;
	border : 1px solid #D0D0E0;
	padding : 4px 14px 4px 14px;
	margin-bottom : 10px;
	font-size : 12px;
	page-break-inside : avoid;
}

.slogan {
	border : 0px none;
	color : #000000;
	font-size : 12px;
	padding : 0px 5px 0px 5px;
}

.slogan h1 {
	text-align : center;
	font-size : 18px;
	font-weight : bolder;
	letter-spacing : 3px;
}

.slogan h2 {
	text-align : center;
	font-size : 16px;
}

.news p {
	background : #ECECFF;
	border : 1px solid Blue;
	padding : 10px;
	margin-bottom : 10px;
	width: 95%;
	text-align : left;
}

.clearall {
	clear : both;
}

.photo {
	margin : 0px;
	border : 0px none;
}

.photonb {
	border-width : 0px 0px 0px 0px;
	border : 0px none;
}

.phototitle {
	font-size: 11px;  
	text-align : center;  
}

.fleft {
	float : left;
	margin : 5px 5px 5px 0px;
	border : 0px;
}

.fright {
	float : right;
	margin : 5px 5px 5px 5px;
	border : 0px;
}

/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
	position: relative;
	text-decoration: none; 
	font-style: normal;
	color: #000066;
  }
  
a.tooltip:hover {
	color: #FF9933; 
	background: transparent;
	cursor : help;
	text-decoration: none; 
}

a.tooltip span {
	display: none;  
	text-decoration: none; 
}

a.tooltip:hover span {
	display: block;
	position: absolute; 
	width : 150px;
	top : 30px; 
	left : 50px;
	height : auto;
	background-color : #F0F1FF;
	color: #000000; 
	border: 1px solid Blue; 
	overflow : visible;
	z-index: 100;
	font: 10px Verdana, sans-serif; 
	text-align: left;
	padding : 2px;
 }

.links p {
	font-size : 14px;	
	margin-top : 0px;
	margin-bottom : 5px;
	margin-left : 40px;
	margin-right : 50px;
	color : #000000;
	text-align : left;
	text-indent : -20px;
}

.links a:link {
	text-decoration : none;
}

.links a:visited {
	text-decoration : none;
}

.links a:hover {
	text-decoration : none;
	color : #EA9E00;
}

 
.never {
	visibility : hidden;
	display : none;
}

.noview {
	visibility : hidden;
	display : none;
}