* {
margin: 0; 
padding: 0;
}
img{
border:0;
}
body {
	color: #58585a;
  background-color:#d9dadb;
  font-family: Arial, Helvetica, sans-serif;
}
/* Textformatierung */
h1 {color:#0076b3;font-size:12pt;font-weight:bold;margin: 0 0 0.5em 0;}
h2 {color:#0076b3;font-size:11pt;font-weight:bold;margin: 0 0 0px 0;}
h3 {color:#0076b3;font-size:10pt;font-weight:bold;margin: 0 0 0.8em 0;}
h4 {color:#0076b3;font-size: 9pt;font-weight:bold;margin:0 0 0.8em 0;}

p {font-size: 11pt;
line-height: 140%;
margin-bottom: 16px;
word-spacing:120%;
}
#emaillink{
position:absolute;
width:192px;
height:20px;
top:672px;
left:768px;
}
#impressumlink{
position:absolute;
width:68px;
height:12px;
top:710px;
left:888px;
}
#menue {
position:absolute;
width:976px;
height:36px;
top:201px;
left:29px;
text-align:center;
}
.menuei{
float:left;
}
#submeinr { 
position:absolute;
width:168px; 
height:146px; 
left:253px;
top:0px;
visibility:hidden;
padding-top:36px;
padding-left:18px;
z-index:10;
background-image:url(images/bg_sm.png);
background-repeat: no-repeat;
}

#submenueinr{
position:absolute;
top:240px;
left:11px;
width:154px;
}
#frame{
position:relative;
width: 1035px;
height:750px;
margin: 16px auto;
background-image:url(images/bg.jpg);
background-repeat: no-repeat;
}
#header{
position:relative;
width:100%;
height:64px;
padding-top:16px;
text-align:center;
}
#left{
position:absolute;
top:290px;
left:80px;
width:208px;
height:352px;
}

#content{
position:absolute;
top:290px;
left:318px;
width:640px;
height:352px;
}
#galheader{
position:absolute;
z-index:4;
top:0px;
left:0px;
}
#galtext{
position:absolute;
z-index:4;
top:0px;
left:400px;
width:360px;
padding:0px 20px;
background-image:url(images/bg_galtext.png);
}
#galtext p{
color:#fff;
margin:8px 0;
}
a {
color: #0076b3;
font-weight:normal;
text-decoration: none;
}
input,textarea{
border:1px solid #009687;
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
padding:2px;
color:#d40050;
width:240px;
margin-bottom:4px;
}

.box49{
width:49%;
float:left;
}
.box_einr_left{
width:416px;
float:left;
}
#kontakt_left{
width:240px;
float:left;
}
#kontakt_right{
width:380px;
float:right;
}
#kontakt_left img{
margin-bottom:8px;
}
.box49_2{
width:49%;
float:right;
}
.box40r{
width:182px;
float:right;
margin-right:6px;
}

.fettbreit {font-weight:bold;word-spacing:.2em;letter-spacing:.1em;}
.fett {font-weight:bold;}

.zentriert{
text-align:center;
}

.galpic{
float:left;
margin: 0px 0px 16px 16px;
}

.scrollable {

	/* required settings */
	position:relative;
  top:0px;
  left:0px;
	overflow:hidden;
	width: 182px;
	height:350px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:182px;
}


/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

a.browse {
	display:block;
	width:32px;
	height:32px;
	float:left;
	cursor:pointer;
}

/* right */
a.right 				{ 
	background:url(./images/next.gif) no-repeat;  
	position:absolute;
	top:320px;
	left:642px;
	z-index:3;
}
/* left */
a.left				{ 
  position:absolute;
  top:320px;
  left:418px;
  background:url(./images/prev.gif) no-repeat;  
  z-index:3;
} 
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}