*{
	margin: 0;
	padding: 0;
}

body{
	font: Verdana, 'Tahoma', arial, sans-serif;
	color: #f0f0f0;
	background: #999490 url(../img/tile.gif) repeat;
	text-align: center;
}

a, a:link, a:visited {
	text-decoration: none;
	outline: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	outline: none;
	cursor: pointer;
}
a img {
	border: none;
}
ul {
	list-style-type: none;
}
p {
	font: normal 0.8em Verdana, 'Tahoma', Arial, sans-serif;
	line-height: 140%;
	padding-bottom: 10px;
}
* html p{
	padding-bottom: 10px;
}
h1 {
font: bold 0.8em Verdana, 'Tahoma', Arial, sans-serif;
height: 1.5em;
letter-spacing: 0.2em;
}
/* div layer */
#container {
text-align: left;
width: 760px;
height: 100%;
margin: 30px auto 0pt auto;
padding: 5px;
border: 1px solid #000;
background: #2b2b2b;
}

#main{
line-height: 1.2em; /* to avoid the peekaboo bug */
background: transparent;
}
#logo{
font-weight: bold;
text-align: right;
padding: 15px 20px 10px 0;
}
* html #logo{
	margin-bottom: 10px;
}
#logo a, #logo a:link, #logo a:visited{
color: #f0f0f0;
outline: none;
}
#logo a:hover, #logo a:active, #logo a:focus{
color: #B3A097;
outline: none;
}
#nav {
width: 700px;
font: normal 0.8em Verdana, 'Tahoma', Arial, sans-serif;
float: left;
display: block;
margin-left: 30px;
margin-bottom: 20px;
background: transparent;
}
* html #nav {
	line-height: 0.5em;
	margin-left: 15px;
}
* html #nav p{
	padding-bottom: 6px;
}
#nav li {
display: inline;
}
#nav a, #nav a:link, #nav a:visited {
text-align: center;
border: 1px solid #2b2b2b;
padding-right: 7px;
padding-left: 7px;
float: left;
color: #f0f0f0;
text-decoration: none;
outline: none;
}
* html #nav a{
width: 7em;  	 /* Internet Explorer < 6 */
height: 1em;
outline: none;	
	}
			
#nav a:hover, #nav a:active, #nav a:focus {
border: 1px solid #2b2b2b;
text-decoration: none;
outline: none;
color: #F54D70;
background: transparent; 
}
#nav a.akt{
cursor: default;
color: #F54D70;
outline: none;
}
#content {
float: left;
width: 760px;
background: transparent;
}
#content img{
float: left;
padding: 2px;
border: 1px solid #000;
background: #fff;
}
#content a, #content a:link, #content a:visited {
color: #f0f0f0;
text-decoration: none;
}
#content a:hover, #content a:active, #content a:focus {
color: #F54D70;
background: transparent; 
outline: none;
}
#content a.akt{
cursor: default;
color: #424242;
outline: none;
}
#indexbild {
margin: 50px 0pt 80px 0pt;
}
#bildspalte {
padding-top: 30px;
padding-bottom: 20px;
margin-left: 45px;
float: left;
width: 320px;
}
* html #bildspalte {
	margin-left: 30px;
}
#texte{
float: left;
width: 320px;
padding: 30px 20px 20px 35px;
}
* html #texte {
	padding-left: 50px;
	width: 300px;
}
#spacer {
width: 720px;

float: left;
height: 5em;
background: transparent;
}
#thumbs {
float: left;
width: 690px;
margin: 20px 0 0 35px;
background: transparent;
}
* html #thumbs {
	margin-left: 25px;
}
#thumbs a, #thumbs a:link, #thumbs a:visited {
background: #2b2b2b;
}
#thumbs a:hover, #thumbs a:active, #thumbs a:focus {
outline: none;
color: #F54D70;
}
#thumbs img {
margin-top: 20px;
margin-right: 200px;
margin-bottom: 20px;
}
#freunde {
float: left;
width: 690px;
margin: 20px 0 0 35px;
background: transparent;
}
* html #freunde {
	margin-left: 25px;
}
#freunde a, #freunde a:link, #freunde a:visited {
outline: none;
background: #2b2b2b;
}
#freunde a:hover, #freunde a:active, #freunde a:focus {
outline: none;
color: #F54D70;
}
#freunde img {
margin-right: 20px;
margin-bottom: 10px;
}
#header {
	text-decoration: underline;
	padding-top: 30px;
	padding-left: 45px;
	padding-right: 100px;
	}
* html #header {
	padding-left: 50px;
}
#footer{
clear: both;
text-align: right;
padding: 30px 20px 20px 0;
height: 1.2em;
font: normal 55% Verdana, 'Tahoma', Arial, sans-serif;
color: #B49E93;
}
#footer a, #footer a:link, #footer a:visited {
font-weight: bold;
color: #aaa;
}
#footer a:hover, #footer a:active, #footer a:focus {
color: #F54D70;
}

/* Klassen */

.petite {
font-size: 0.8em;
color: #fcfcfc;
height: 0.5em;
}
* html .petite {
	width: 9em;
	height: 1%;
	line-height: 60%;
	}
.normal {
font-size: 1em;
font-weight: bold;
height: 0.6em;
letter-spacing: 0.3em;
}

/*Bildergalerie*/

#gallery_position { /*position der gesamten Galerie*/
   margin-left: 30px;
}
#gallery {
   position: relative;
   width: 700px;
   height: 600px;
   border: transparent;
   background: #2b2b2b;
}
#gallery img { /*aussehen des defaultbildes*/
   padding: 2px;
   border: 1px solid #000;
   margin-right: 10px;
}
#beifuss { /*position defaultbild und text*/
display: block;
width: 695px;
background: #2b2b2b;
margin: 8px 0pt 0pt 5px;
}
#gallery a, #gallery a:link, #gallery a:visited { /*aussehen thumbnails*/
   display: block;
   float: left;
   width: 45px;
   height: 45px;
   margin: 20px 20px 60px 5px;
   padding: 2px;
   border: 1px solid #000;
   text-decoration: none; 
   outline: none;
   background: center no-repeat #fff;  
}

#gallery a:hover, #gallery a:active, #gallery a:focus  {/*hover thumbs*/
   border: 1px solid #F54D70;
}
#gallery a span, #gallery a strong { /* versteckt die übrigen Bilder die nicht dran sind*/
   display: none;
}

/* formatierung für #gallery a span em {eingeblendete Grossansichten) herausgenommen!!!
	hat lediglich den Text im firefox von obere Kante bild runtergesetzt
   height: 100%;
   width: 100%;
   padding-left: 2px;
   border: 1px solid #fff;
   background: top left transparent no-repeat;
}
*/
#gallery a span em img{/*rahmen für eingeblendete grossansicht*/
   padding: 2px;
   margin-right: 15px;
   border: 1px solid #000;
   background: #fff;
}

#gallery a:focus span, #gallery a:active span  { /*fläche bild und text*/
   position: absolute;
   float: left;
   display: block;
   width: 710px;
   margin-top: 15px; /*abstand thumbs zu grossbild*/

   left: 5px;
   top: 88px;
   z-index:1;
   font-size: 1em;
   color: #fff;
   border: transparent;
   background: transparent;
}
* html #gallery a:focus span, * html #gallery a:active span{
	   margin-left: 5px;
  }
#gallery a:focus strong, #gallery a:active strong  { /* loading-Block */
   position: absolute;
   display: block;
   left:0pt; /*position des verdecks*/
   top: 87px;
   width: 360px;
   height: 250px;
   padding: 15px; /*position des loadings...*/
   background: #2b2b2b; /*verdeckt Defaultbild*/
   border: transparent;
   color: #fff;/*schriftfarbe loading*/
   font: normal 0.8em Verdana, 'Tahoma', Arial, sans-serif;   
}