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


* {
margin: 0;
padding: 0;
}

html>body #navi li {
        display: block;
} 

html {     

	height: 100%;
    margin-bottom: 0.1em;
}

body {
  text-align:center;
  background: rgb(20,50,80) url(images/body-bg.gif) center repeat-y;
  height: 100%;       
}

#container {   
position : relative;
    width: 760px;
    height: 100%; 
    background : #fff url(images/body-bg.gif) top repeat-y;
    margin: 0 auto;
    text-align:left; 
	padding: 0;
	border: 0;
}

#top {
position : absolute;
background : #fff url(images/top-bg.jpg) top no-repeat;
top : 0px;
left : 140px; 
height: 144px;
width : 620px; 
}

#top h1 {
margin: 0;
}

#topleft { 
position : absolute;
top : 0px;
left : 0px;
width: 140px;
height : 100%;	
background : url(images/topleft-bg.jpg) top no-repeat;

}

/**********NAVIGATION LINKS**********/

#navcontainer {
width: 140px;  
  margin: 0;
  border: 0;
  padding: 0;
}

#navleft { 
position : absolute;
top : 200px;
left : 0;
width: 135px;  
margin: 0;
padding: 0;
}

#navleft ul {
margin: 0;
padding: 0;
list-style-type : none;
}

#navleft li { 
display: inline; 
margin: 0; }

#navleft a {
display : block;
width: 130px;
color: rgb(160,30,40);
font:  bold 0.8em/1em "Trebuchet MS", Tahoma, Arial, sans-serif;
text-decoration : none;  
margin : 0 10px 5px 10px;
padding: 0 0 0 13px;
}

#navleft a:hover, a#current{
color: rgb(0,65,100);
background : url(images/punkt.gif) center left no-repeat;
}

#navleft a.bold {
font-weight:bold;
letter-spacing:0.1em;
}

#navleft ul ul li{
margin: 0 0 2px 0;	
}

#navleft ul ul a
{
display: block;
padding: 0 0 0 13px;
margin : 0 10px 5px 20px;
width: 120px;
font-weight: normal;
text-decoration: none;
}


/************INHALT Infoseiten************/

#content {
position : absolute;
top : 144px;
left : 140px;
width : 620px;
background: #fff ;
padding : 140px 0 0 0; 
margin : 0;
border : 0;

}

#content a {
color: rgb(0,0,150);
text-decoration : none;
}

#content a:hover {
color: rgb(0,60,150);
}


#content #reftable {
width: 100%;
}

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

#content tr.head {
text-align:left;
vertical-align: top;
background: #fff;
color: rgb(120,0,40);
padding: 5px 0 0 0;
}

#content tr.head td {
padding: 7px 0 0 0;
}

#content table { border:0 none; border-collapse:collapse; border-spacing:0; }
#content td { border:0 none; padding:0; }
#content td img { display:block; vertical-align:bottom; }

#content .contenttxt {
vertical-align:top;
width: 460px;
margin: 0;
padding : 20px;
}

#content .contentpct {
vertical-align:top;
background-color: #666;
}

#content ul {
margin-left : 30px;
padding: 0;
}

#content li {
list-style-image: url(images/punkt.gif); 
margin: 2px 0 2px 30px;
}

#content li p {
padding: 0;
margin-left : 0px;
}


#content blockquote {
margin-left: 30px;
}

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

#content p.imgbalk {
margin: 0;
}

#content p.bildtext {
font: 0.7em/1.1em Arial, Helvetica, Verdana, sans-serif;
color: #333;
}

#imgright {
float : right;
height: 100%;
margin-left:30px;
}

#content .txtright {
float : right;
background-color: #FFFF55;
width: 200px;
margin-left:30px;
}

#content .txtright h2 {
margin-right:10px;
margin-left:10px;
}

#content .txtright p {
color:#000;
margin-right:10px;
margin-left:10px;
}

#imgright p {
margin: 0;
padding : 0;
}

#txtright {
float : right;
margin: 30px 0px 20px 30px;
border:2px solid rgb(200,200,200);
padding : 5px;
}

#txtright p{
margin: 0;
padding : 0;
font: 0.7em/1.2em Arial, Helvetica, Verdana, sans-serif;
}

#headline {
position: absolute;
top: 0;
left: 0;

}

/******* Anfang Tabelle Content***********/

#content table.preis {
text-align:left;
width : 559px;
margin: 0 30px 0 30px;
}

#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 table.preis p {
font:inherit;
margin:10px 0 0 0;
}

#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: #666;
padding: 5px;
margin: 0;
border:1px solid #fff;
}

#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 Content***********/



#footer {
position: absolute;
z-index: 10;
margin: 0 ;
padding: 0;
bottom: 10px;
}

#footer p {
font: 0.7em/1em Arial, Helvetica, Verdana, sans-serif;
margin: 0 0 0 20px;
}

#footer a {
text-decoration : none;
color: #999;  
}

#footer a:hover {
color: rgb(0,65,100);
}

/******* Kontaktformular Anfang***********/


.kontform {
width: 400px;
padding : 0px; 

border: 0;
}


.kontform td {
vertical-align: top;
}

/******* Kontaktformular Ende***********/



h2,h3,h4,h5,h6 { 
font-family: Arial, Helvetica, Verdana, sans-serif;
}

h4,h5,h6 {  
font: 0.8em/1.3em Arial, Helvetica, Verdana, sans-serif; 
}

p {  
font: 0.8em/1.3em Arial, Helvetica, Verdana, sans-serif;
margin: 5px 30px 5px 30px;
padding : 0;
color: #666;
}

h1  { 
color: rgb(160,30,40); 
font: 1.2em tahoma, arial, sans-serif;
margin: 0px 0px 20px 30px;
}

h2  { 
color: rgb(0,65,100);
font: bold 0.9em arial, sans-serif;
margin: 20px 30px 10px 30px;
}

h3  { 
color: #ff7f50; 
font: 1em Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin: 0;
}

h4 {  
font-weight: bold;
color: #751a25;	
margin: 0;
}

h5 {  
color: rgb(124,30,25);
font-weight: bold;
margin-bottom: 10px;
}

h6 {  
font-weight: bold;
color: #751a25;
}

.left { float: left;}
.right { float: right;}

.zitat {  
color: rgb(124,30,25);
font: bold 0.7em/1.2em Arial, Helvetica, Verdana, sans-serif;
margin: 0;
}







/******* Style Sheet for gallery.php***********/

#contentgal {
position : relative;
top : 144px;
left : 140px;
width : 620px;
background-color: rgb(220,220,220);
padding : 0; 
margin : 0;
border: 0;
}

#contentgal h1 {
margin : 0 0 10px 0;
}

/* ***** GALLERY INDEX START ***** */

.title {
    padding-top: 20px;
    text-align: center;
}
                                
div#index {
    text-align: center;
}

div#index table {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div#index td.thumbcell {
    width: 130px;
    height: 130px;
    border-style: solid;
    border-color: rgb(0,65,100);
    border-width: 1pt;
    text-align: center;
    vertical-align: middle;
    padding:5px;
}

div#index td.page {
    width: auto;
    border-style: none;
    border-color: #FDFF7A;
    border-width: 1pt;
    text-align: center;
    vertical-align: middle;
    padding: 10pt;
    font: 0.8em tahoma, arial, sans-serif;
    color: #751a25;
    text-decoration: none; 
}


div#index td.page a:hover {
    color: rgb(255,198,97);
}


div#index td.thumbcell img {
    border-style: none;
}

div#index td.thumbcell a { 
    font: 0.9em tahoma, arial, sans-serif;
    color: #751a25;
    text-decoration: none; 
    padding: 10px 0 0 0;
 }

/* *****  GALLERY INDEX END  ***** */


/* ***** IMAGE PAGE START ***** */

                                
div#image {
    text-align: center;
}

div#image a, a:visited {
background-color: transparent;
    font-weight: normal;
    text-decoration: none; 
    color: rgb(0,65,100); 
}

div#image a:hover {
    background-color: transparent;
    color: rgb(160,30,40);
    text-decoration: none;
}

div#image table {
    margin-left: auto;
    margin-right: auto;

}

div#image td.linkcell {
    width: auto;
    border-style: none;
    padding: 0 0 10px 0;
    font: 0.8em tahoma, arial, sans-serif;
    text-align: center;
}



div#image td.imagecell {
    width: auto;
    border-style: solid;
    border-color: rgb(0,65,100);
    border-width: 1pt;
    padding: 5pt;
    text-align: center;
}



div#image td.descriptioncell {
    width: 450px;
    border-style: none;
    padding: 10pt;
    font: 0.9em tahoma, arial, sans-serif;
    color : rgb(0,65,100);
    text-align: center;
}

/* ***** IMAGE PAGE END ***** */