/* CSS Document */

body
{
	font-family:  Arial, Helvetica, sans-serif;
}

/***   Header ***/
.header_include
{
	position:absolute;
	top:0px;
	text-align:center;
}
.top
{
	position:fixed;
	top:0px;
	left:0px;
}

.bottom
{
	position: fixed;
	top:800px;
	left:0px;
}

.h_schrift
{
	position:fixed;
	top: 14px;
	left: 155px;
	z-index:1;
}

.h_adresse
{
	position:fixed;
	top: 64px;
	left: 155px;
	z-index:3;
}

.h_kontakt
{
	position:fixed;
	top: 84px;
	left: 155px;
	z-index:1;
}

.h_blau
{
	position: fixed;
	top: 11px;
	right: 30px;
	z-index:0;
}

.green_header
{
	width: 98%;
	position:fixed;
	top: 38px;
	left: 0px;
	z-index:1;
}


.red_header
{
	color:#FF0000;
	width:98%;
	position:fixed;
	top: 138px;
	left: 0px;
	z-index:1;
}


.red_nav
{
	width:98%;
	position:relative;
	top: 0px;
	left: 0px;
	z-index:1;
}


.logo_header
{
	position:fixed;
	top: 10px;
	left: 0px;
	width:150px;
	z-index:5;
}

.logo_header_bg
{
	position:fixed;
	top: 0px;
	left: 0px;
	z-index:2;
}


._navitable
{
	position:relative;
	top: 10px;
	z-index: 0;
}


/***   Hauptbereich   ***/

.bild_schrift
{
	font-size:10px;
	text-align:center;
}

.bild_header
{
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

.main_content
{
	position:absolute;
	top: 150px;
	left: 440px;
	
	
}

.main_content_wide
{
	position: fixed;
	top: 150px;
}

.main_content a
{
	text-decoration:none;
	/*color: #606060;*/
	color: #0B57D5;
	font-weight: bold;
}

.main_content a:hover
{
	color: #606060;
	/*color: #0B57D5;*/
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #0b57d5;
	
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #0b57d5;
}

.main_content h1
{
	position:relative;
	top: 10px;
	font-size:22px;
	padding-bottom:10px;
	
}

p, ul
{
	font-size: 14px;
}

#pic
{
	position:absolute;
	top: 180px;
	left: 40px;
}

.rechts
{
	
}

input.button 
{
	width:100px;
	height:20px;
	background-color:#7CA1DE;
	color:#FFFFFF;
	border: 1px solid white; 
}


/***   Navileiste   ***/
.navileiste
{
	position:absolute;
	bottom:0px;
	width:98%;
	text-align:center;
}


/***   Werkprobenkram   ***/

.bindunterschrift
{
	position:relative;
	top:-15px;
	height:0px;
	font-weight:bold;
}

.

#panel {
 
 width: 610px;
 list-style-type: none;
 position: relative;
  top: 10px;
  padding: 1px 25px;
  background-color: white;
}
#panel li { /* gegen Opera-Bug */
 display: inline;
 font-size:11px;
 text-decoration:underline;
}
#panel img {
  width: 140px;
  height: 200px;
  margin-right: 5px;
  float:left;
  border: 1px solid #000;
}
#panel a img {
  width: 70px;
  height: 100px;
}
#bildlauf_links, #bildlauf_rechts {
 position: absolute;
 height: 202px;
 width: 20px;
}
#bildlauf_links {
 background:url(../back1.gif) no-repeat;
 left: 15px;
 margin-left:10;
 margin-right:10;
}
#bildlauf_rechts {
 background: url(../vor1.gif) no-repeat;
 left: 650px;
 margin-left:10;
 margin-right:10;
 padding-right:100px;
}
.klickbar {
 cursor: pointer;
}
#bildlauf_links.klickbar {
 background: url(../back2.gif) no-repeat;
}
#bildlauf_rechts.klickbar {
 background: url(../vor2.gif) no-repeat;
}


/*** Workshops ***/

a.grey
{
	color: #606060;
}

a.grey:hover
{
	color: #0B57D5;
}


.workshoptable
{
	font-size:12px;
	width:95%;
	text-align:center;
}

.wtitle
{
	text-align:left;
	width:250px;
}

#free
{
	font-size:12px;
	background-color:#00CC33;
	color:#fff;
	font-weight:bold;
	width:90px;
	text-align:center;
}

a.free
{
	font-size:12px;
	background-color:#00CC33;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

a.free:hover
{
	color:#000;
	
	border-top-width: 0px;
	border-bottom-width: 0px;
	
}


.nofree
{
	font-size:9px;
	background-color:#f00;
	color:#fff;
	font-weight:bold;
	width:90px;
	text-align:center;
}