/*Webfarben:
weinrot - #751a25
cyan - #0081d8
TŸrkis - #22d49b
*/

html, body { 
		background : #fff url(images/backlinks-y2.gif) repeat-y;
        width: 100%;
        height:100%; 
        margin:0; 
        padding:0;
        }


/*NUR F†R IE*/ 
 
* html #top {  
	width: 100%;
	}
* html #navigation { 
	height:100%; 
	} 
        
       

#top {
  z-index : 9;
  position : absolute;
  top : 0;
  left : 0;
  height : 100px;
  min-width:100%;
  background : #ccc url(images/backoben-x.gif) repeat-x;
  padding: 0;
  margin: 0;
  border: 0;
}

      
/*BLAUE ECKE*/

#top2 { 
  z-index : 3;
  position : absolute;
  top : 99px;
  left : 189px;
  width : 200px;
  height : 300px;
  padding: 0;
  margin: 0;
  border: 0;
 
}


/*BEGINN NAVIGATION OBEN*/

#tabl {
z-index: 10;
position: absolute;
top: 75px;
left: 220px;
height: 20px !important;
width: 700px;
background-color:transparent;
padding: 0;
margin:0;
border: 0;
}

#topnav {
	width: 100%;
}

#listt td {
text-align:center;
}

#listt a{
color : #004e5d;
font:normal 12px arial,sans-serif;
padding:0;
text-decoration:none;
background-color:transparent;
border: collapse;
text-align:center;}

#listt a:hover{
color : #0081d8;
background-color:transparent;
border: collapse;
text-align:center;}

 

/*BEGINN NAVIGATION LINKS*/

#navigation {
  z-index : 5;
  position : absolute;
  top : 0;
  left : 0;
  min-height : 100%;
  width : 190px;
  background : url(images/backlinks-y.gif) repeat-y;
  padding: 0;
  margin: 0;
  border: 0;
}
#navcontainer {
  position : absolute;
  top : 0;
  left : 0;
  height : 400px;
  width : 190px;
  background : transparent;
  padding : 130px 0 0 0px; 
  margin: 0;
  border: 0;
}
#navcontainer a {
  color : #004e5d;
  background : transparent;
  font-weight : bold;
  display : block;
  padding : 3px 0 3px 5px;
  margin: 0;
  width : 179px;
  text-decoration : none;
  letter-spacing : 0;
}

#navcontainer a:hover {
  color : #0081d8;
  background : transparent url(images/navpunkt.gif) no-repeat;
  background-position : right center;
}

#navcontainer li.img a:hover {
  background : transparent;
}

#navcontainer li.img {
margin-top: 30px;
}

#navcontainer ul {
  margin: 0;
  border: 0;
  padding : 0;
  list-style-type : none;
  font-family : arial, helvetica, verdana, sans-serif;
  font-size : 12px;  
}

#navcontainer ul ul a {
  display : block;
  width : 169px;  
  color : #38788e;
  background : transparent;
  font-weight : normal;
  text-decoration : none;
  margin : 0 0 0 10px;
  border: 0; 
}

ul#navlist a.head, a.headlink {
  color : #751a25;
  padding-top : 10px;
  padding-bottom : 5px;
}

ul#navlist a.headlink {
  color : #751a25;
  padding-top : 10px;
  padding-bottom : 5px;
}


ul#navlist a.headlink:hover {
  color : #0081d8;
}
  
ul#navlist a#current {
	color : #0081d8;
	background: #d9d9d8 url(images/navpunkt.gif) no-repeat;
	background-position : right center;
}


#listt a#current {
	color : #0081d8;
}
/*END NAVIGATION LINKS*/




/*INHALT*/

#content {
	z-index : 15;
	position : absolute;
	left:226px;
	top:100px;
	width:600px;
	min-height:100%;
	padding: 0;
	margin: 0 0 0 0;
	border: 0;
	background : transparent; 
}

#contentindex { 
  z-index : 15;
  position : absolute;
  left:227px; 
  top:100px; 
  width:650px; 
  min-height:100%;
  padding: 0;
  margin: 0 0 0 0;
  border: 0;
  background : transparent;
 
}

#contentindex ul li {
list-style-image: url(images/listpkt.gif);
font: 0.8em/1.5em Arial, Helvetica, Verdana, sans-serif;
}

#content ul li {
list-style-image: url(images/listpkt.gif);
font: 0.8em/1.5em Arial, Helvetica, Verdana, sans-serif;
}

#content li {
  padding : 2px 0 2px 10px;
  margin: 0;
}

#content a {
color:#0081d8;
font-weight:bold;
text-decoration : none;
}

#content a:hover {
color:#0cf;
}

hr {
width: 95%; 
color:#ff9900; 
background-color:#ff9900; 
height:1px;
margin:0 0 0 30px; 
text-align:left;
border: 0; 
}

#content div.aktion {
background-color:#751a25;
}

#content table.bilder {
border:none;
width:100%;
text-align:center;
}

#content .kasten {
display:block;
background-color:#ccc;
padding: 2px 5px 2px 5px;
}

#content .kasten400 {
display:block;
background-color:#ccc;
padding: 2px 5px 2px 5px;
margin-right: 220px;
}


#content .kastenfull {
display:block;
background-color:#ccc;
padding: 2px 5px 2px 5px;
margin-right: 0;
}


#aktu {
 z-index : 25;
  position : absolute;
  left:800px; 
  top:100px;
  width:150px; 
  padding: 10px;
  margin: 0 0 0 0;
  border: 0;
  background : #004e5d;
  }
  
#aktu h1{
 color: #FFFFFF;
 font: 1.2em tahoma, arial, sans-serif;
 font-weight: bold; 
 margin: 0;
  }
  
#aktu h3{
 color:#CCCCCC;
 margin: 0;
  }
  
#aktu p{
 color:#CCCCCC;
 margin: 0;
  }
  
  
  
/*SCHRIFTEN*/


p {  
font: 0.8em/1.3em Arial, Helvetica, Verdana, sans-serif;
margin: 0 160px 5px 0;
}

#content table h4 {
	margin:0;
}

#content table p {
	margin:0 0 5px 0;
}

.pfull p {  
font: 0.8em/1.3em Arial, Helvetica, Verdana, sans-serif;
margin: 0 0 5px 0;
}

h1  { 
color: #751a25; 
font: 1.3em tahoma, arial, sans-serif;
font-weight: bold; 
text-transform: uppercase;
margin: 30px 0 0 30px
}

h2  { 
color: #751a25; 
font: 1.1em arial, helvetica, sans-serif;
font-weight: bold; 
margin: 10px 0 30px 70px;
}


h3 {  
color: #004e5d; 
font: bold 0.9em arial, helvetica, "sans serif"; 
margin: 20px 160px 10px 0
}


h4 {  
color : #002c5e;
font: 0.8em/1.3em Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin: 10px 160px 0 0;
}

h5 { 
font: 0.8em/1.3em Arial, Helvetica, Verdana, sans-serif; 
color: #3a4f67;
font-weight: bold;
margin: 0 160px 10px 0;
}

h6  {  
font: 0.7em arial, helvetica, sans-serif;
font-weight: bold;
text-align: center;
color: #666;
}

.heins { 
color: #751a25; 
font: 1.5em tahoma, arial, sans-serif;
font-weight: bold; 
margin: 0px 0 30px 0
}

.hzwei  { 
color:  
font: 16px/20px arial, helvetica, sans-serif; 
font-weight: bold; 
margin: 0 0 30px 70px;
}

.hdrei { 
color: #ff7f50; 
font: 1em arial, helvetica, sans-serif; 
font-weight: bold;
}

.hvier {  
font-weight: bold;
color : #0081d8;
}

.hfuenf {  
color: #666666;
font-weight: bold;
margin: 0;
}

.hsechs  {  
font-weight: bold;
margin: 0;
}

.fussnote {  
color: #666666;
font: 0.7em/1.3em Arial, Helvetica, Verdana, sans-serif;
margin: 0;
}

.center {text-align:center;}
.right {text-align:right;}

/*BILDER*/


.divbildre {  
float: right;
width: 150px;
}

.divbildre100 {  
float: right;
width: 100px;
}

.divbildre180 {  
float: right;
width: 200px;
margin-top:170px;
}

.divbildre200 {  
float: right;
width: 200px;
margin-left:20 px;
}

.divbildre p {  
font: 0.7em arial, helvetica, sans-serif;
font-weight: bold;
text-align: center;
color: #666;
margin: 10px 0 0 0;
}

.divbildre2 p {  
font: 0.7em arial, helvetica, sans-serif;
font-weight: bold;
text-align: center;
color: #666;
margin: 10px 0 0 0;
}

bildunter {
margin: 0px;
text-align: center;
vertical-align: top;
}

.bildunter dl {
vertical-align: top;
margin: 0;
 }

.bildunter dd { 
text-align: center;
margin: 10px 0 0 0;
}

.bildunter dt {
vertical-align: top;
margin: 0;
 }

.bildunter td  {
vertical-align: top;
text-align: center;
margin: 0;
 }
 
 .bildunter td h6 {
margin: 10px 0 0 0;
width: 80%
 }
 

#contimage {  
float: right;
margin: 0 20px 20px 40px;
z-index : 20;
}

.imageright {  
float: right;
margin: 0 0 10px 20px;
}
.wichtig {  font-weight: bold; color: #002c5e}

br {  margin: 0px 0px 10px}
.imageleft { 
float: left; 
margin: 0 0 20px 0px; 
}
.clearboth { 
clear: both;
}
.bildtab {  font: bold 0.7em Arial, Helvetica, sans-serif; text-align: center}
.divbildre2 { float: right; width: 200px; ; clip:  rect(   )}

/******* Anfang Tabelle "preis" Content***********/

#content table.preis {
text-align:left;
border:none;       
margin: 0;
background: rgb(230,230,230);
}

#content table.preis caption {
text-align:left;
margin: 20px 30px 10px 30px;
font: bold 0.8em/1.3em Arial, Helvetica, Verdana, sans-serif;
color: rgb(0,65,100);
}


#content form label {
font: 0.8em/1.5em Arial, Helvetica, Verdana, sans-serif;
}

#content table.preis li {
list-style-image: none; 
margin-left:0; 
}

#content table.preis tr {
text-align:left;
vertical-align: top;
background: rgb(230,230,230);
}

#content table.preis td {
	font: 0.8em/1.3em Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	padding: 5px;
	margin: 0;
	border:none;
}

#content table.preis tr.head {
text-align:left;
vertical-align: top;
background: #fff;
font-weight: bold;
padding: 5px 0 10px 0;
}

#content table.preis td.head {
color: rgb(120,100,40);
font-weight: bold;
padding: 7px 0 0px 0;

}

/******* Ende Tabelle "preis" Content***********/

input.send {
background-color:#fed5a5;
font-weight: bold;
}


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 113px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}