@media screen {

html, body { 
	margin : 0; 
	padding : 0; 
	color : #000; 
	background-color : #b0c4de; 
	font-family :  "Trebuchet MS", sans-serif;  
	}
#main { 
	color : #000; 
	background-color : transparent; 
	margin : 20px; 
	padding : 0; 
	min-width : 600px; 
	}	  
#head {
	margin : 0;
	padding : 0;
	color : #000;
	background-color : #4682b4;
	border-top : 1px solid #000;
	border-right : 1px solid #000;
	border-left : 1px solid #000;
	}
#box1 {
	position : absolute;
   	top : 30px;
    left : 30px;
   	width : 23px;
	height : 23px;
    z-index : 1;
    background : #fff;
	color : #000;;
    border:solid 2px #304e6a;
   	}
#box2  {
	position : absolute;
	top : 40px;
    left : 40px;
    width : 23px;
    height : 23px;
    z-index : 2;
    margin : 0;
    padding : 0;
    background : #eee;
	color : #000;
    border : solid 2px #339;
	}
#center {
	margin : 0;
	padding : 0;
	border : 1px solid #000;
}
#left {
	float : left;
	top : 0;
	left : 0;
	width : 175px;
	margin : 0;
	padding : 0;
	color : #000;
	background-color : transparent;
	font-family : sans-serif;
	line-height : 1.4em;
	}
#content {
	top : 0;
	margin-top : 0;
	margin-left : 175px;
	margin-right : 175px;
	margin-bottom : 0;
	padding : 20px;
	color : #000;
	background-color : #fff;
	font-size : 90%;
	line-height : 1.5em;
	border-right : 1px solid #000;
	border-left : 1px solid #000;
	z-index : 3;
	}	
#right {
	float : right;
	top : 0;
	right : 0;
	width : 175px;
	margin : 0;
	padding : 0;
	color : #000;
	background-color : transparent;
	font-family : sans-serif;
	line-height : 1.5em;
	}
#left a  {
	display : block;
	padding : 2px;
	text-decoration : none;
	border : 1px solid #ccc;
	width : 135px;
	font-size : 70%;
	font-weight : 700;
	text-align : left;
	margin : 2px 0 2px 15px;
	background-color : transparent;
	color : #000;
	}
#right a  {
	display : block;
	padding : 2px;
	text-decoration : none;
	border : 1px solid #ccc;
	width : 135px;
	font-size : 75%;
	font-weight : 700;
	text-align : left;
	margin : 2px 0 2px 15px;
	background-color : transparent;
	color : #000;
	}
#right a:link, #left a:link  {
	color : #304e6a;  
	background-color : #b0c4e9;
	}				
#right a:visited, #left a:visited  { 
	color: #304e6a;
	background-color : #b0c4e9; 
	}
#right  a:hover, #left a:hover {
	color : #fff;
	border-top : solid 1px #eee;
	border-right : solid 1px #006;
	border-bottom : solid 1px #006;
	border-left : solid 1px #eee;
	background-color : #4682b4;
	}
#right a:active, #left a:active { 
	color : #ffd700; 
	background-color : #4682b4; 
	}
#right  a:focus, #left a:focus { 
	color : #ffd700;
	border-top : solid 1px #eee;
	border-right : solid 1px #006;
	border-bottom : solid 1px #006;
	border-left : solid 1px #eee;
	background-color : #4682b4;
	}
.menu { 
	list-style-type : none; 
	margin:0; 
	padding:0; 
	}		
#right a .hover, #left a .hover { 
	color : #eee; 
	background-color : transparent; 
	font-size: 130%; 	
	}
#right a:hover .hover, #left a:hover .hover  { 
	color : #339; 
	background-color : transparent; 
	font-size: 130%; 	
	}	
.active { 
	color : #339; 
	background-color: transparent; 
	font-size: 130%; 
	}
.rightcaption {
	color : #304e6a; 
	background-color : transparent;
	font-size :70%;
	font-weight : 600;
	padding : 20px 0 0 20px;
	margin : 0;
	}
.leftcaption {
	color : #304e6a; 
	background-color : transparent;
	font-size : 70%;
	font-weight : 600;
	padding : 20px 0 0 15px;
	margin : 0;
	}
#right .info, #left .info { 
	display: none; 
	}		
#right a:hover .info, #left a:hover .info {
	position : absolute;
	display : block;
	font-size : 120%;
	line-height : 1.5em;
	top : 20px;
	left : 195px; 
	width : 500px;
	padding : 5px 10px 0 10px;
	color : #fff; 
	background : transparent;
	}
#foot {
	margin : 0;
	padding : 0;
	color : #000;
	background-color : #4682b4;
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;
	border-left : 1px solid #000;
	}
#head p  {
	margin : 0; 
	padding : 50px 0 3px 175px;  
	font-size : 90%; 
	font-family : sans-serif; 
	}
.head { 
	margin : 0 5px 0 0; 
	padding : 50px 0 0 0; 
	text-align : right; 
	}
#head a { 
	text-decoration : none; 
	color: #fff; 
	background-color : transparent; 
	}
#head a:link {
	color : #fff; 
	background-color : transparent; 
	}
#head a:visited { 
	color : #fff; 
	background-color : transparent; 
	}
#head a:hover { 
	color : #fff; 
	background-color : transparent; 
	}
#head a:active { 
	color : #ffd700; 
	background-color : transparent; 
	}
#head a:focus { 
	color : #ffd700; 
	background-color : transparent; 
	}
.left {
	font-size : 70%;
	margin : 0;
	padding : 5px 15px;
	line-height : 130%;
	}
.date {
	margin : 0;
	padding : 10px 175px 10px 0;
	color : #fff;
	background-color : transparent;
	text-align : right;
	font-size : 70%;
	font-family : sans-serif;
	line-height : 1.1em;
	}
.info { 
	display : none; 
	}
.top { 
	text-align : right; 
	margin : 0; 
	padding : 0;
	line-height : 0.1em;
	}
h1 {
	font-size : 140%;
	margin : 5px 0;
	padding :  5px 10px;
	display : block;
	border : 1px solid #000;
	color : #fff;
	background-color : #4682b4;
	}
h2 {
	font-size : 120%;
	margin : 5px 0;
	padding : 3px 10px;
	display : block;
	border : 1px solid #000;
	color : #304e6a;
	background-color : #b0c4de;
	}
h3 {
	font-size : 110%;
	margin : 5px 0;
	padding : 3px 10px;
	display : block;
	border : 1px solid #000;
	color : #304e6a;
	background-color : #b0c4de;
	}
h4 { 
	font-size : 100%; 
	}
a:link { 
	color : #0050a0; 
	font-weight : 700;
	text-decoration : none; 
	background-color : transparent; 
	}
a:visited { 
	color : #0050a0; 
	background-color : transparent; 
	text-decoration : none; 
	font-weight : 700;
	}
a:hover { 
	color : #0050a0; 
	background-color : #b0c4de; 
	}
a:active { 
	color : #ffd700; 
	background-color : #4682b4; 
	}	
a:focus { 
	color : #ffd700; 
	background-color : #4682b4; 
	}
.links li {
	margin :  0;
	padding : 8px 0 8px  0;
	line-height : normal;
	list-style-type : disc;
	}
table { 
	font-size : 80%; 
	color : #000; 
	background-color : #4682b4;  
	width : 99%;
	}
th { 
	color : #fff; 
	background-color : #4682b4; 
	padding : 0 3px; 
	text-align : center;
	}
td { 
	color : #000; 
	background-color : #fff; 
	padding : 0 3px; 
	}
.strong {
	color : #000;
	background-color : #b0c4de;
	font-weight : 700;
}
.blau {
	color : #000;
	background-color : #DFEFFF;
}
.acc {	
	text-decoration : underline; 
	}
img {
	color : #b0c4de;
	background-color : transparent;
	}
.jobs {
	margin : 10px 0;
	padding :  0 ;
	font-size : 90%;
	}
.jobs th {
	color : #000;
	background-color : #b0c4de; 
	text-align : left;
	font-weight : 500;
	width : 10%;
}

}	
@media print {

#head, #left, #right, #foot, img { 
	display : none;  
	}
body { 
	color : #000; 
	background-color: #fff; 
	font-family : sans-serif;
	}
#main  { 
	color : #000; 
	background-color : #fff; 
	border : none; }
#content { 
	top : 0; 
	left : 0; 
	width : 100%; 
	margin : 0; 
	padding : 0; 
	border : 0; 
	color : #000; 
	background-color : #fff; 
	}	
h1, h2, h3, h4, h5, p, a, li, td, th { 
	color : #000; 
	background-color : #fff; 
	border : 0;
	line-height : 1.5em;
	}
a:link, a:visited, a:hover, a:active, a:focus { 
	color : #000; 
	background-color : #fff; 
	}
}