/* CSS RESET */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* ALLGEMEIN */
body {
	font-family:Courier New, sans-serif;
	font-size:14px;
	color:#434343;
}
#wrap {
	position:relative;
	display:block;
	width:800px;
	margin:20px auto;
}
a {
	color:#434343;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	background:#fff124;
}

/* HEAD */
#logo a {
	display:block;
	width:247px;
	height:192px;
	background:url(images/sprite.jpg) no-repeat 0 0;
	text-indent:-99999px;
}
#logo a:hover {
	background-position:1px -203px;
}

/* INHALT */
#content {
	position:absolute;
	top:210px;
	left:320px;
	right:50px;
}
body.page-id-2 #content { /* about */
	width:365px;
	height:171px;
	background:url(images/sprite.jpg) no-repeat -355px -130px;
	left:266px;
	top:156px;
}
body.page-id-2 #content #post-2 {
	padding:29px 32px 10px 68px;
}
body.page-id-5 #content { /* contact */
	background:url("images/sprite.jpg") no-repeat scroll -633px -503px transparent;
	height:400px;
	left:430px;
	top:220px;
}
body.page-id-5 #content #post-5 {
	padding:101px 0 0 169px;
}
body.page-id-5 #content #post-5 a {
	font-weight:normal;
}

/* POSTS */
#content .post {
	margin:0 0 50px 0;
}
#content h1 {
	margin:5px 0 20px 0;
	font-size:16px;
}
#content .post h2 {
	margin:0 0 10px 0;
}
#content .post .content {
	line-height:15px;
}
#content .post .meta {
	font-size:12px;
	margin:15px 0 0 0;
}

/* BILDERGALERIE - WORK */
body.page-id-3 #content {
	top:163px;
}
#ngg-gallery-1-3 {
	position:relative;
	width:600px;
	height:412px;
	background:url(images/sprite.jpg) no-repeat -284px -404px;
	overflow:hidden;
}
#ngg-gallery-1-3 .image {
	position:absolute;
	display:block;
	width:560px;
	height:386px;
	padding:25px 0 0 70px;
}
#ngg-gallery-1-3 .description {
	position:absolute;
	background:white;
	left:354px;
	top:0;
	bottom:0;
	z-index:10;
	width:200px;
}
#ngg-gallery-1-3 .content {
	position:absolute;
	left:5px;
	bottom:30px;
	z-index:11;
}
#ngg-gallery-1-3 .title {
	display:block;
}

/* BILDERGALERIE - PHOTOS */
body.page-id-4 #content {
}
#ngg-gallery-2-4 {
	position:relative;
	width:485px;
	height:370px;
	background:url(images/sprite.jpg) no-repeat -290px -19px;
	overflow:hidden;
}
#ngg-gallery-2-4 .image {
	position:absolute;
	display:block;
	padding:40px 0 0 27px;
}
#ngg-gallery-2-4 .description {
	display:none;
}
body.page-id-4 .pagination {
	width:460px;
}

/* PAGINATION */
.pagination {
	width:325px;
	margin:0 0 50px 15px;
}
.pagination>div {
	display:block;
	float:left;
	width:50%;
	position:relative;
}
.pagination a {
	display:block;
	width:45px;
	height:45px;
	background:url(images/sprite.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
.pagination .left a {
	background-position:-48px -769px
}
.pagination .right a {
	position:absolute;
	right:0;
	background-position:-183px -769px;
}

/* HAUPTMENÜ */
#menu {
	position:absolute;
	top:220px;
	left:160px;
}
#menu li a {
	display:block;
	background:url(images/sprite.jpg) no-repeat 0 0;
	width:100px;
	height:83px;
	text-indent:-9999px;
	margin:0 0 15px 0;
}
#menu li.page-item-2 a { /* about */
	background-position:-25px -412px;
}
#menu li.page-item-2 a:hover, #menu li.page-item-2.current_page_item a {
	background-position:-143px -413px;
}
#menu li.page-item-3 a { /* work */
	background-position:-25px -510px;
	height:101px;
}
#menu li.page-item-3 a:hover, #menu li.page-item-3.current_page_item a {
	background-position:-136px -510px;
}
#menu li.page-item-4 a { /* phtotos */ 
	background-position:-25px -623px;
	height:59px;
}
#menu li.page-item-4 a:hover, #menu li.page-item-4.current_page_item a {
	background-position:-136px -623px;
}
#menu li.page-item-5 a { /* contact */
	background-position:-24px -695px;
	height:55px;
}
#menu li.page-item-5 a:hover, #menu li.page-item-5.current_page_item a {
	background-position:-133px -695px;
}

/* FOOTER */
#footer {
	font-size:12px;
	color:#434343;
	padding:25px 0 0;
}
#footer a {
	color:#434343;
}