* {
margin: 0;
padding: 0;
}


html {     
	background : #f0f8ff;
	height: 100%;
    margin-bottom: 0.1em;
}

body {
  text-align:center;
  height: 100%;       
}


#container {   
    position : relative;
    width: 800px;
    height: 100%;
    margin: 0 auto;
    text-align:left; 
	padding: 0;
	border: 0;
	background : #ccc;
}

#top {
position : relative; 
top : 0px;
left : 0px;
background : #800000; 
height: 62px;
width : 100%; 
}


/*NAVIGATION LINKS*/


#navleft { 
position : relative; 
float:left;
top : 0px;
left : 0;
width: 150px;
height: 300px;
background : #000 url(images/navleft-bg.jpg) top left no-repeat;	
  margin: 0;
  border: 0;
  padding: 0;
}


#navleft a {
display : block;
width: 140px;
color: rgb(255,198,97);
text-decoration : none;  
margin : 0;
padding: 5px 0 5px 10px;

}

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

#navleft a:hover {
background : url(images/navline.gif) center right no-repeat;
color: #ffa500;
  
}

#navleft #current {
background : url(images/navline.gif) center right no-repeat;
color: #ffa500;
  
}

#navleft ul {
list-style-type : none;
font: normal 0.8em/1.3em arial, verdana, sans-serif;
}


/************TOPNAV************/

#home {
position : absolute;
top: 130px;
left: 170px;
padding :0; 
margin : 0;
border: 0;
}

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


/************AKTUELL************/

#aktuell {
position : absolute;
top: 150px;
left: 10px;
width: 130px;
background-color: #fffafa;
padding : 20px 10px; 
margin : 0;
border: 0;
}

#aktuell h3  {
display : block;
background: #ccc; 
color: #800000;
text-align: center; 
font: 1em Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin: 0;
}


#aktuell h4  { 
color: #000080; 
font: 0.8em Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin: 10px 0 5px 0;
}





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

#content {
position : absolute;
float: right;
top: 150px;
left: 169px;
width: 631px;
background-color: rgb(185,185,185);
padding : 0; 
margin : 0;
border: 0;
}

#content blockquote {
padding : 0 0 0 20px;
}

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

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


#content #reftable {
width: 100%;
}

#content #reftable td {
vertical-align: top;
}

#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: 410px;
margin: 0;
padding : 20px;
}

#content .contentpct {
width: 200px;
vertical-align:top;
background-color: #666;
margin: 0;
padding : 0;
}

#content .contentpct p{
font: 0.7em/1.3em "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
margin: 20px 5px 5px 5px;
font-weight:bold;
color: #f0f8ff;
text-align: center;
}

#content .contentpct h1{
margin: 0;
}

/******* 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 "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
margin: 0 0 5px 0;
color: #333333;
}

h1  { 
color: #751a25; 
font: 1.3em tahoma, arial, sans-serif;
margin-bottom: 10px;
}

h2  { 
color: #002c5e;
font: 1.2em Arial, Helvetica, Verdana, sans-serif;

}

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

h4 {  
font-weight: bold;
color: #000080; 	
margin: 10px 0 0 0;
}

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

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

.left { float: left;}

.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;
float:right;
width: 650px;
background-color: rgb(144,153,157);
padding : 0; 
margin : 0;
border: 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(255,198,97);
    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: #751a25; 
}

div#image a:hover {
    background-color: transparent;
    color: rgb(255,198,97);
    text-decoration: none;
}

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

}

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



div#image td.imagecell {
    width: auto;
    border-style: solid;
    border-color: rgb(255,198,97);
    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(79,25,22);
    text-align: center;
}

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