/* CSS Stylesheet by dialog im netz http://dialog-im-netz.de
for Joachim Wehnelt	http://joachimwehnelt.de						*/

html,blockquote,body,div,dl,dt,dd,fieldset,form,
h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,
table,tr,td,th,thead,tbody,tfoot,caption  {
	margin:0;
	padding:0;
	border:0 none;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 150%
}

td {
vertical-align:top
}
li {
vertical-align:middle
}
img {
border:0 none;
}
body {
	color: black;
	background-color: white;
	font-size: 0.75em;
	text-align:center;
}
a {
color: black
}
div {
	position:absolute;
}
.initial {
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
}
.floatleft {
float:left;
margin: 0 15px 5px 0
}
.big {
font-size: 16px
}
#wrapper {
position: relative;
	margin:0 auto;
	width:870px;
	height: 602px;
	overflow: visible;
	background: transparent URL(../img/bg-meer.jpg) 0 16px no-repeat;
}
#wrapper div {
	text-align: left
}
div.wehnelt,
div.texte {
left:70px;
top:0px;
width:243px;
height: 39px;
}
div.wehnelt a,
div.texte a{
display:block;
width:238px;
height: 39px;
margin-left:5px;
	background:#FFF URL(../img/headline-wehnelt.gif) 0 0 no-repeat; 
}
div.texte {
	top: 80px;
	left: 93px;
	width:67px;
	height:31px;
	overflow: hidden;
}
div.texte a {
	background-image:	URL(../img/headline-texte.gif)
}
div.texte a:hover {
	background-image:	URL(../img/headline-texte2.gif)	
}
img.holz1 {
position: absolute;
	z-index:2;
	left: 50px;
	top: 46px;
}
div.wehnelt a:hover {
	background-image:	URL(../img/headline-wehnelt2.gif)
}
div.kontakt,
div.links,
div.ueber,
div.fotos {
	bottom:-3px;
	left:20px;
	width: 128px;
	height:28px;
}

div.links {
	left:259px;
	width: 53px;
}
div.ueber {
	left:158px;
width: 90px;
	
}
div.fotos {
	left: 324px;
	width: 55px;
	
}
div.links a{
	height:28px;
	width: 53px;
display:block;
	background: white	URL(../img/links.gif) 0 0 no-repeat;
	
}
div.ueber a {
	height:28px;
width: 90px;
display:block;
	background: white	URL(../img/uebermich.gif) 0 0 no-repeat;
	
}
div.fotos a {
	height:28px;
	width: 55px;
display:block;
	background: white	URL(../img/fotos.gif) 0 0 no-repeat;
	
}
div.kontakt a {
	width: 128px;
	height:28px;
display:block;
	background: white	URL(../img/kontakt.gif) 0 0 no-repeat;
}
div.kontakt a:hover {
	background-image:	URL(../img/kontakt2.gif)	
}
div.fotos a:hover{
		background-image:	URL(../img/fotos2.gif)	
}
div.ueber a:hover{
		background-image:	URL(../img/uebermich2.gif)	
}
div.links a:hover{
		background-image:	URL(../img/links2.gif)	
}
div.wehnelt a span,
div.texte a span,
div.navbuttons a span,
div.kontakt a span,
div.ueber a span,
div.fotos a span,
div.links a span {
display:none
}

div.maincontent div.linklist p img ,
div.maincontent div.fotolist p img {
	display:block;
	margin: 5px 0 10px 10px;
	border: 1px solid #999;
	float:none;
}
div.maincontent div.linklist p,
div.maincontent div.fotolist p {
	margin: 0 0 2em 0;
}

div.teaser {
bottom: 70px;
left: 36px;
height: auto;
width: 360px;
	color: white;
}
div.teaser a {
	color:#EAD2B5
}

div.teaser p {
	margin-top:1em
}
div.main {
width: 350px;
height: 530px;
left: 390px;
top: 0;
padding: 40px 0 20px 0;
background:transparent URL(../img/home-fotoleiste.gif) center 0 no-repeat; 
overflow: hidden;
}
div.maincontent {
padding:0 30px 0 10px;
	position:relative;
	height:510px;
	overflow: auto;
}
div.main h1 {
	font-size: 20px; 
	color: #a0a0a0;
	margin:0 0 10px 10px
}
div.maincontent p {
	margin-bottom: 1em;
}
div.main a img {
	margin: 0 30px 10px 10px ;
	float:right;
}
div.maincontent a img{
	margin: 0 0px 10px 0px ;
	float:none;
}

div.navbuttons {
	right:0; 
	top: 70px;
	overflow: visible;
	width:130px;
}
div.navbuttons a,
div.navbuttons a:hover,
div.navbuttons a.ac
 {
	display:block;
	position:relative;
	width:130px;
	height:42px;
	margin: 60px 0 0 0;
	background:transparent URL(../img/spacer.gif) 0 0 no-repeat; 
	
}
div.navbuttons a.rep,
div.navbuttons a.rep:hover,
div.navbuttons a.repac,
div.navbuttons a.repac:hover {
background-image: URL(../img/reportagen.gif);
	background-color:#D3F980;
	margin: 60px 0 0 0;

}
div.navbuttons a.rep:hover,
div.navbuttons a.repac,
div.navbuttons a.repac:hover {
background-image: URL(../img/reportagen2.gif);
	margin: 60px 0 0 0;
}
div.navbuttons a.por,
div.navbuttons a.por:hover,
div.navbuttons a.porac   {
background-image: URL(../img/portraits.gif);
	background-color:#F6D573;
	margin-top: 70px;
	
}
div.navbuttons a.por:hover,
div.navbuttons a.porac,
div.navbuttons a.porac:hover {
background-image: URL(../img/portraits2.gif);
}
div.navbuttons a.int ,
div.navbuttons a.int:hover,
div.navbuttons a.intac{
background-image: URL(../img/interviews.gif);
	background-color:#FEB1CF;
	margin-top: 40px;
}
div.navbuttons a.int:hover,
div.navbuttons a.intac,
div.navbuttons a.intac:hover {
background-image: URL(../img/interviews2.gif);
}
div.navbuttons a.fea,
div.navbuttons a.fea:hover,
div.navbuttons a.feaac{
background-image: URL(../img/features.jpg);
	background-color:#A5DB73
}
div.navbuttons a.fea:hover,
div.navbuttons a.feaac,
div.navbuttons a.feaac:hover  {
background-image: URL(../img/features2.jpg);
}
a.sin,
a.sinac
{
background:transparent URL(../img/rinde.gif) 0 0 no-repeat;
	color: white;
	font-family:"Times New Roman", Times, Geneva, serif;
	font-size: 14px;
	text-decoration:none;
	padding: 22px 0 0 20px;
	height: 42px;
	width:135px;
	font-weight: normal;
	position:absolute;
	right: 0;
	top: 410px
}
a.sin:hover,
a.sinac,
a.sinac:hover
{
text-decoration: underline
}

div.navbuttons a.null {
	margin-top: 20px
}

div.preload {
	display:none
}

div.linklist p,
div.fotolist p{
width: 300px
}

span.red {
	color:#E8D2B7
}


/* IE Hack*/

div.navbuttons a:hover {

}