/* ----------------------- Layoutelemente ----------------------- */

* { padding: 0; margin: 0; border: 0; }

body {
	background: #FFFFFF;
	padding: 57px 0 0 13px;
	margin: 0;
	border: 0;
} 

#start {
	background: #FFFFFF url(../img/bg.jpg) no-repeat;
}

#navi {
	float:left;
	display:block;
	width:150px;
	height:100%;
}
#content {
	display:block;
	width:600px;
	float:right;
	padding-top:0px;
	padding-bottom:150px;
}

#wrapper_home, #wrapper_gallery, #wrapper_published, #wrapper_artdirection, #wrapper_styleicon, #wrapper_contact {
	width: 750px;
}

/* ----------------------- Navigation ----------------------- */


#navi li {
	list-style-type: none;
}

a.logo {
	background: url(../img/A.gif) no-repeat;
	display: block;
	width: 69px;
	height: 84px;
}
a:hover.logo {
	background: url(../img/A.gif) no-repeat;
}

a.gallery {
	margin-top:40px;
	background: url(../img/gallery_a.gif) no-repeat;
	display: block;
	width: 130px;
	height: 32px;
}
a:hover.gallery {
	background: url(../img/gallery_p.gif) no-repeat;
}

a.published {
	background: url(../img/published_a.gif) no-repeat;
	display: block;
	width: 130px;
	height: 32px;
}
a:hover.published {
	background: url(../img/published_p.gif) no-repeat;
}

a.artdirection {
	background: url(../img/artdirection_a.gif) no-repeat;
	display: block;
	width: 130px;
	height: 62px;
}
a:hover.artdirection {
	background: url(../img/artdirection_p.gif) no-repeat;
}

a.styleicon {
	background: url(../img/styleicon_a.gif) no-repeat;
	display: block;
	width: 130px;
	height: 62px;
}
a:hover.styleicon {
	background: url(../img/styleicon_p.gif) no-repeat;
}

a.contact {
	background: url(../img/contact_a.gif) no-repeat;
	display: block;
	width: 130px;
	height: 42px;
	margin-bottom:40px;
}
a:hover.contact {
	background: url(../img/contact_p.gif) no-repeat;
}


a.back {
	background: url(../img/blank.gif) no-repeat;
	display: inline;
	width: 64px;
	height: 28px;
	margin-right:5px;
	float:left;
}

a.next {
	float:left;
	background: url(../img/blank.gif) no-repeat;
	display: block;
	width: 64px;
	height: 28px;
}

a.contactimage {
	float:left;
	background: url(../img/con.jpg) no-repeat;
	display: block;
	width: 573px;
	height: 511px;
}

a:hover.contactimage {
	background: url(../img/con_a.jpg) no-repeat;
}


/* ----------------------- Navigation auf Unterseiten ----------------------- */

#wrapper_home a.logo {
	background: url(../img/A.gif) no-repeat;
}
#wrapper_gallery a.gallery {
	background: url(../img/gallery_p.gif) no-repeat;
}
#wrapper_published a.published {
	background: url(../img/published_p.gif) no-repeat;
}
#wrapper_artdirection a.artdirection {
	background: url(../img/artdirection_p.gif) no-repeat;
}
#wrapper_styleicon a.styleicon {
	background: url(../img/styleicon_p.gif) no-repeat;
}
#wrapper_contact a.contact {
	background: url(../img/contact_p.gif) no-repeat;
}

/* ----------------------- Bilder ----------------------- */

.small { 
	display:inline;
	float:left;
	width:110px;
	height:124px;
	margin: 0px 0px 5px 0px;
}