*
{
	margin: 0; 
	padding: 0;
}

h1
{
	font-size: 13pt;
	font-weight: bold;
	padding-bottom: 10px;
}

h2
{
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 10px;

}		

h3
{
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 10px;
	clear: both;
}

h6
{
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #6699CC;
	margin-bottom: 10px;
	clear: both;
	
}

p
{
	padding-bottom: 15px;
}

ul, ol
{ 
	font-size: 0.95em; 
 	margin-left: 10px;
}

a:link
{
	color: black;
	text-decoration: none;
}

a:visited
{
	color: black;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

body
{
	color: black; 
	background-color: #DBE5F1; 
	font-family: Verdana, Arial, Helvetica;
	margin: 0pt; 
	padding: 0pt;
}

img
{
	border: none;
}

#head	
{ 
	background-image: url(2bg-oben-ggmbh.gif);
	background-repeat: repeat-x;
	background-color: white;
	height: 95px;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;	
	z-index: 4;
}

#mainnav
{	
	position: fixed;
	top: 95px;
	left: 0px;
	height: 30px; /*vorher 20px*/
	width: 100%;
	background-image: url(mainnavbg.png);
	background-repeat: repeat-x;
	/*background-color: #6699CC;*/
	z-index: 3;
}

#mainnav2
{	
	width: 802px;
	color: white;
	font-size: 8pt;
	text-align: right;
	padding-top: 3px;
	font-weight: bold;
	/*background-color: #6699CC;*/
}
		
#mainnav2 a:link
{
	color: white;
	text-decoration: none;
	font-size: 8pt;
}

#mainnav2 a:visited
{
	color: white;
	text-decoration: none;
	font-size: 8pt;
}
		
#mainnav2 a:hover
{
	text-decoration: none;
	color: #FFCC00;
	font-size: 8pt;
}

#menu
{	
	position: absolute;
	top: 135px;
	left: 20px;
	width: 150px;
	height: auto;
	z-index: 2;
	font-size: 9pt;
}

.menulink
{
	margin-bottom: 10px;
}

.menusub
{
	text-decoration: none;
	color: black;
	position: relative;
	left: 10px;
	width: 145px;
	z-index: 3; 
}

.menusub li
{
	list-style-type: disc;
	list-style-position: outside;
}	

.spacer
{
	height: 3px;
}

#inhalt
{
/*	background-color: white;*/
	background-image: url(bgcontentshadow.jpg);
	width: 600px;
	height: auto;
	min-height: 100%;
	position: absolute;
	left: 200px;
	top: 115px;
	z-index: 2;
	font-size: 0.7em;
	padding: 20px;
}		

#inhalt ul li
{
	padding-bottom: 5px;
}
#inhalt li
{
	margin-left: 10px;
}

#inhalt a:link
{
	text-decoration: underline; 
	color: #000000;
}
#inhalt a:visited
{
	text-decoration: underline; 
	color: #000000;
}
#inhalt a:hover
{
	text-decoration: underline;
	color: #666666;
}

p#piktogramme
{
	text-align: center;
	height: 100%;
	padding-top: 20px;
}
	
.imageRight 
{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}



.imageLeft
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.vortrag table
{
	width: 500px;
	border: 0px;
	text-align: left;
}

.ansprecher
{
	margin: 0 0 0 20px; 
	width: 120px; 
	height: 240px; 
	float: left;
}
.ansprecher1 
{
	clear: both;
}

/*  Start Kontaktformular */
#formwrap
{
	margin: 20px 0px 0px 0px;
}
#form {
   padding: 0px 0px 10px 0px;
   text-align: left;
}
/* Rahmenfarbe angeben f?r Opera */
fieldset {
   border: 0px;
   padding: 0px;
   margin: 0px;
}
legend {
   border: 1px solid #fff;
}
Label {
   font:11px/20px verdana, arial, helvetica, sans-serif;
   padding:0px;
}
.inpt {
   width: 200px;
   border: 1px solid #999;
   background-color: #DBE5F1;
   color: #000000;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 0px 100px;
   word-spacing: 0.2em;
}
.txt {
   width: 200px;
   border: 1px solid #999;
   background-color: #DBE5F1;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 100px;
   word-spacing: 0.2em;
}
input.inpt:focus, textarea.txt:focus {
   color: #000;
   font-family: Verdana, Arial, Sans-Serif;
}
.senden {
   width: 200px;
   font-weight: bold;
   font-size: 11px;
   margin: 15px 0px 0px 100px;
   padding: 3px 0px 3px 0px;
   background-color: #6699CC;
   color: #FFFFFF;
   text-align: center;
   border: solid 1px #999;
   cursor: pointer;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
}

.formerror {
	color: red;
}
/*  Ende Kontaktformular */ 

.impressumundkontakt
{
	padding-left: 100px;
	padding-bottom: 15px;
}


#angebot-teaser .wrapp {font-weight:bold; font-size:110%; display:block; float:left; margin-bottom:10px; margin-right:15px; border:1px solid #6699CC; height:100px; width:280px}
#angebot-teaser a:hover .wrapp  {color:#fff; background-color:#6699CC; }
#angebot-teaser .left {float:left; width:120px; }
#angebot-teaser .left img {margin:10px; }
#angebot-teaser .right {padding-top:20px;}





/* Beispiel CSS von Sven Jansen
im Feld "Block-Name" zweier für die Spaltenart "zweispaltig" und dreier für die Spaltenart "dreispaltig" angegeben */

/* 2+3 */
.zweier, .dreier {
 margin: 0px;
 height: 280px;
}

/* 2 */
.zweier .spalte_1 {
 width: 280px;
 float: left;
}

.zweier .spalte_2 {
 width: 280px;
 float: right;
}


/* 3 */
.dreier .spalte_1 {
 width: 15%;
 float: left;
 margin-right: 10px;
}

.dreier .spalte_2 {
 width: 25%;
 float: left;
 text-align: center;
}

.dreier .spalte_3 {
 width: 55%;
 float: right;
}



#hassoGallery {
	margin-left: ;
	padding: 0;
	font-size: medium ;
	
	
}


#hassoNav {
	display: block;
	text-align:left;

}

#hassoNav ul {
	display: block;
	text-align:left;
	list-style: none;
	margin-left: ;
	font-size: small ;
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}

#hassoNav a {
	display: block;
}

#hassoNav a:hover {
	display: block;
}

#hassoNav #active {
	display: block;
}

#hassoThumbs {
	float: left;
	padding: 0;
	width: 600px;
	margin: 0px;
	font: bold 14px verdana ,  sans-serif;
	text-align: center;
	
}

#hassoThumbs .hassoThumb {
	float: left;
	margin: 10px 5px 5px 5px;
	border:0;
	height: auto;
	width: 110px;
	text-align: center;
	vertical-align:middle;
	
}

#hassoThumbs .hassoThumb a {
	border:0;
	
}

#hassoThumbs .hassoThumb a img {
	border:0;
	
}


#hassoPic {
	text-align:center;
	padding: 5px;
	width: 360px;
	margin: 0px;
	font: bold 14px verdana ,  sans-serif;
}


#hassoPic .hassoTitle { display:none;
	font-style:oblique;
	text-align:left;
	
}

#hassoPic .hassoDescription {
	text-align:left;	
}

#hassoPic img {
	border: 0px;
	margin: 0px;
}


#hassoPrevNextNav {
	display: block;
	font-size: small ;
	width: 360px;
	margin:0;
	padding: 0;

}


#hassoPrevNextNav #hassoPrevPic{
	float: left;
	
}


#hassoPrevNextNav #hassoNextPic{
	float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
	text-align:left;
}


#hassoPrevNextNav #hassoNextPic a {
	text-align:right;
		
}