/* CSS Document */

  
body {

  font-family: Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #000 ;
	color: #333;
	text-align: center;
    	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */    	
  }

h1                  {  font-size:12px; color: #ff0000;  }
  
#wrapper {
width: 909px;
padding-top: 5px;
padding-left: 0px;
margin:  auto;
height: auto;
text-align: left;
border: 0px;
border-color: #000; border-style:solid;
}

#head   {
	margin: 0 0 0 0px;
	padding: 0;
	width: 909px;
	height: 93px; 
	border: 0px;
  border-color: #fff; border-style:solid;
}

#login {
padding-left: 20px;
padding-top: 20px;
width: 350px;
height: 270px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 12px;
color: #ccc;
text-align: left;
 display: block; 
}

#intern {
padding-left: 0px;
padding-top: 5px;
width: 380px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 11px;
color: #ccc;
text-align: left;
display: block;
}


#topnavi {
padding-right: 20px;
float: right;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
color: #ccc;
text-transform: capitalize;
font-variant: small-caps;
font-size: 12px;
}


 
#headernavi li {
float: right;


}

 #headernavi ul li {
    list-style: none;
 }

 
 #headernavi img{
	border: 0px solid #ccc;
   
}


.adress { 
 width: 60px;
}


#text {
padding-top: 70px;
padding-left: 25px;
width: 460px;
height: 421px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 12px;
color: #ccc;
text-align: left;
 display: block;
}

#text1 {
padding-top: 20px;
padding-left: 25px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 12px;
color: #ccc;
text-align: left;
 display: block;
}

#contenttext {
padding-left: 20px;
padding-top: 20px;
width: 400px;
height: 270px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 12px;
color: #ccc;
text-align: left;
 display: block;
}

#contenttext  img{
	border: 1px solid #ccc;
}

#contenttext1 {
padding-left: 20px;
padding-top: 20px;
width: 400px;
height: 270px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 12px;
color: #ccc;
text-align: left;
 display: block;
}

#contenttext1 a {
color: #fff;}

#contenttext1 a:hover {
color: #ff9c00;;}

#contenttext_bild { 
border: 0px solid #fff;
position: relative;
padding-left: 20px;
padding-top: 20px;
width: 430px;
height: 270px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 12px;
color: #ccc;
text-align: left;
 display: block;
}

#contenttext_pdm { 
border: 0px solid #fff;
position: relative;
padding-left: 20px;
padding-top: 0px;
width: 400px;
height: 300px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 12px;
color: #ccc;
text-align: left;
 display: block;
}

#start  img{
	border: 0px solid #ccc;
padding-top: 56px;
padding-left: 18px;
}

#content {
float: right;
border: 0px solid #fff;
width: 584px;
height: 421px;
color: #ccc;
text-align: left;
background: #000 url("http://www.maikhensel.de/syndikat/images/contentopen.gif");
}

#bilderleiste {
background: #000;
 width: 420px;
 min-height: 280px;
 text-align: center; 
border: 0px solid #fff;
}

#bilderleiste img {
margin: 5px;
}

#maincontent {
float: left;
border: 0px solid #fff;
width: 450px;
height: 297px;
color: #ccc;
margin-top: 70px;
margin-left: 27px;
overflow: auto;
background: #000 ;
	 }
	 
#maincontent_bild {
float: left;
border: 0px solid #fff;
width: 470px;
height: 300px;
color: #ccc;
margin-top: 70px;
margin-left: 27px;
overflow: auto;
background: transparent ;
	 }

   #maincontent_pdm {
float: left;
border: 0px solid #fff;
width: 470px;
height: 290px;
color: #ccc;
margin-top: 0px;
margin-left: 20px;
overflow: auto;
background: transparent ;
	 }
#interncontent {
float: left;
border: 0px solid #fff;
width: 450px;
height: 350px;
color: #ccc;
margin-top: 70px;
margin-left: 37px;
overflow: auto;
background: transparent ;
	 }
	 
#footer {     
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #ccc;
font-size: 10px;
}           

#footertext {
text-align: right;
padding-right: 30px;
}

#footertext a {
font-size: 9px;
color: #ff9c00;
}


#navi ul {
    float: left;
    margin:0px;
    padding:0px;
 }
 #navi ul li {
    list-style: none;
 }
 #navi ul li a {   
    text-decoration: none;     
    width: 325px;
    text-align: left;
    vertical-align: center;    
    display: block;
 }
 

ul { margin:0; padding:0;}

a {
text-decoration: none;
color: #ff0000; }

a:hover {
color: #fff;}

a#galerie{
display:block;
width:325px;
height:89px;
background: transparent url(images/galerie.gif) 0px 0px no-repeat;
text-indent:-9000%;
}
a:hover#galerie{
background: transparent url(images/galerie.gif) 0px -89px no-repeat;    
}

a#piercing{
display:block;
width:325px;
height:47px;
background: transparent url(images/piercing.gif) 0px 0px no-repeat;
text-indent:-9000%;
}
a:hover#piercing{
background: transparent url(images/piercing.gif) 0px -47px no-repeat;
}

a#open{
display:block;
width:325px;
height:48px;
background: transparent url(images/open.gif) 0px 0px no-repeat;
text-indent:-9000%;
}
a:hover#open{
background: transparent url(images/open.gif) 0px -48px no-repeat;
}

a#kontakt{
display:block;
width:325px;
height:47px;
background: transparent url(images/kontakt.gif) 0px 0px no-repeat;
text-indent:-9000%;
}
a:hover#kontakt{
background: transparent url(images/kontakt.gif) 0px -47px no-repeat;
}

a#guestbook{
display:block;
width:325px;
height:47px;
background: transparent url(images/guestbook.gif) 0px 0px no-repeat;
text-indent:-9000%;
}
a:hover#guestbook{
background: transparent url(images/guestbook.gif) 0px -47px no-repeat;
}

a#press{
display:block;
width:325px;
height:49px;
background: transparent url(images/press.gif) 0px 0px no-repeat;
text-indent:-9000%;
}
a:hover#press{
background: transparent url(images/press.gif) 0px -49px no-repeat;
}

a#links{
display:block;
width:325px;
height:94px;
background: transparent url(images/links.gif) 0px 0px no-repeat;
text-indent:-9000%;
}
a:hover#links{
background: transparent url(images/links.gif) 0px -94px no-repeat;
}

.links { 
float:left;
width:325px;
}
.rechts {
}
.clear {
clear:left;
}

a#home{
display:block;
width:66px;
height:93px;
background: transparent url(images/header1_02hover.gif) 0px 0px no-repeat;
text-indent:-9000%;
}
a:hover#home{
background: transparent url(images/header1_02hover.gif) 0px -93px no-repeat;
}

a#news{
display:block;
width:62px;
height:93px;
background: transparent url(images/header1_03hover.gif) 0px 0px no-repeat;
text-indent:-9000%;
}
a:hover#news{
background: transparent url(images/header1_03hover.gif) 0px -93px no-repeat;
}

a#impressum{
display:block;
width:117px;
height:93px;
background: transparent url(images/header1_04hover.gif) 0px 0px no-repeat;
text-indent:-9000%;
}

a:hover#impressum{
background: transparent url(images/header1_04hover.gif) 0px -93px no-repeat;
}
a#agb{
display:block;
width:130px;
height:93px;
background: transparent url(images/header1_05hover.gif) 0px 0px no-repeat;
text-indent:-9000%;
}
a:hover#agb{
background: transparent url(images/header1_05hover.gif) 0px -93px no-repeat;
}