@charset "UTF-8";

/* @override http://www.manfredesser.de/wp/wp-content/themes/ME/style.css */

/*
Theme Name: MANFRED ESSER Theme
Theme URI: http://www.manfredesser.de/
Version: 0.1
Tags: music
Author: Martin Herweg @ Fotostudio Manfred Esser
Author URI: http://www.martinherweg.de/ | www.manfredesser.de
License: All Rights Reserved
*/

@media screen, projection {
  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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0}
	html[xmlns^="http"]{overflow-y:scroll}
	:focus{outline:0}
	ul,ol{list-style:none;list-style-type:none}
	table{border-collapse:separate;border-spacing:0}
	caption,th,td{text-align:left;font-weight:400}
	blockquote:before,blockquote:after,q:before,q:after{content:""}
	blockquote,q{quotes:"" ""}
	a,a:link,a:visited,a:hover{text-decoration:underline;color:#000}
	a:active,a:focus{outline:none}
	sup{position:relative;bottom:0.3em;vertical-align:baseline}
	sub{position:relative;bottom:-0.2em;vertical-align:baseline}
	acronym,dfn,abbr{cursor:help;border-bottom:1px dashed}
	del{text-decoration:line-through}
	a abbr,a acronym{border:none}
	cite,em,dfn,i{font-style:italic}
	ins,dfn{border-bottom:1px solid #ccc}
	code,kbd,samp,pre,tt,var{font-size:100%;font-family:monaco, "Lucida Console", courier, mono-space}
	a img,img,img,iframe{border:none;text-decoration:none}
}

html {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 0.8em;
color: white;
}

body {
color: white;
background-color:#fff;
}

a:link, a:visited, a {
text-decoration: none;
color: white;
}

a:hover {
font-weight: bold;
}

.clear {
clear: both;
}

.bold {
font-weight: bold;
}

b, strong {
font-weight: bold;
}


.uppercase {
text-transform: uppercase;
font-weight: bold;
}

.absatz {
margin-bottom: 10px;
}

/* Container 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#container {
width: 960px;
	clear: none;
	margin: 10px auto 0;
}


/* LOGO 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#logo {
text-indent: -999em;
margin-right: 8px;
margin-bottom: 5px;
}


#logo h1,
#logo a {
background: url(img/logo2.png) no-repeat top left;
margin: 0 auto;
display: block;
height: 80px;
width: 260px;
}

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#header {
width: 960px;
height: 43px;
margin-bottom: 10px;
}

/* NAVI 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#navi {
font-size: .9em;

}

#navi ul {
list-style: none;
}

#navi li {
float: left;
}

#navi a {
display: block;
width: 147px;
height: 17px;
padding: 2px 2px 2px 10px;
margin-right: 1px;
line-height: 17px;
}

#navi ul#navStudio li a {
background-color: #999999;
margin-bottom: 1px;
}

#navi ul#navStudio li a:hover,
#navi ul#navStudio li.current-cat a,
#navi ul#navStudio li.current_page_item a {
background-color: #808080;
font-weight: bold;
}

#navi ul#navGallery li a {
background-color: #666666;
}

#navi ul#navGallery li a:hover,
#navi ul#navGallery li.current-cat a{
background-color: #333333;
font-weight: bold;
}

/* CONTENT 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#content {
height: 500px;
margin-bottom: 15px;
}

/* MAIN 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#main {
width: 680px;
padding: 10px;
margin-right: 10px;
background-color: #999999;
float: left;
overflow: hidden;
	height: 450px;
	margin-bottom: 50px;
}

/* SIDEBAR 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#sidebar {
float: right;
width: 250px;
}

#sidebar1 {
padding: 45px 10px 0px 10px;
height: 130px;
background-color: #666666;
margin-bottom: 10px;
}

#sidebar2 {
padding: 10px;
height: 265px;
background-color: #666666;
}

#sidebar p.stdme {
font-weight: bold;
text-transform: uppercase;
font-size: 0.95em;
}

#sidebar p.adresse {
font-size: 0.9em;
margin-top: 5px;
}

#sidebar p.tel {
font-size: 0.9em;
margin-top: 5px;
}

/* FOOTER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#footer {
width: 100%;
height: 8px;
padding: 10px;
text-align: center;
background-color: gray;
z-index: 100;
bottom: 0;
	position: fixed;
}

/* SEITEN SPEZIFISCH 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* SEITEN TEMPLATE */
#main .page .pageTitle {
text-transform: uppercase;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 2px dotted #666666;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

#main .page .pagetext {
overflow: hidden;
}

/* STARTSEITE */
p.pic_Startseite {
border: 5px solid #666666;
margin-bottom: 10px;
height: 255px;
overflow: hidden;
}

#main .news {
height: 30px;
margin-bottom: 10px;
}

#main .date {
width: 53px;
height: 13px;
background-color: #666666;
line-height: 13px;
text-align: center;
float: left;
padding: 4px;
}

#main .text {
float: right;
background-color: #414141;
padding:  1px 5px;
width: 670px;
}

#newsArchiv .text {
width: 655px;
}

#newsArchiv {
height: 419px;
}

p.newsArchivTitle {
text-transform: uppercase;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 2px dotted #666666;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

#main .small {
font-size: 9px;
}

#main .newsTitle {
font-weight: bold; 
text-transform: uppercase;
margin: 0; padding: 0;
}

#main .moreNews a {
display: block;
width: 676px;
padding: 2px;
text-align: center;
text-transform: uppercase;
background-color: #414141;
}

#main .moreNews a:hover {
background-color: #171717;
}

#aktuelleArbeiten {
	height: 200px;
	overflow: hidden;
	text-align: center;
}

#slideshow {
	margin: auto;
	padding: 0;
	text-align: center;
}

#slideshow li {
	margin: 0; padding: 0;
}

#slideshow,
#slideshow li {
	height: 200px; width: 225px;
}

#slideshow li img {
	border: 1px solid black;
	margin: auto;
	display: block;
}


#aktArb {
font-size: 1.1em;
text-transform: uppercase;
font-weight: bold;
margin: 4px;
padding: 7px;
background-color: #333;
text-align: center;

}

/* PRESSE */

#pressMain {
width: 680px;
padding: 10px;
margin-right: 10px;
background-color: #999999;
	margin-bottom: 50px;
	float: left;
}

#pressMain .pressnews {
margin-bottom: 10px;
height: auto;
	float: left;
}

#pressMain .date {
height: 20px;
background-color: #666666;
line-height: 20px;
text-align: center;
padding: 5px;
	float: left;
}

#pressMain .text {
background-color: #414141;
padding:  1px 5px;
width: 585px;
	float: right;
}

#pressMain .text img,
#pressMain .text span {
max-width: 580px;
}

#pressMain .small {
font-size: 9px;
}

#pressMain .pressTitle {
font-weight: bold;
font-size: 1.2em; 
text-transform: uppercase;
margin: -1px 0 0 -5px; 
padding: 5px;
width: 585px;
background-color: #5F5F5F;
text-align: center;
}

#pressMain p.meta {
font-size: .9em;
}

#pressMain .prtitle {
background-color: #808080;
padding: 5px;
width: 585px;
	float: right;
}

#pressMain .pagebar {
margin: 0 auto;
width: 100%;
text-align: center;
}

#pressMain .pagebar a,
#pressMain .pagebar .this-page {
padding: 2px 20px;
background-color: #808080;
}

#pressMain .pagebar .this-page,
#pressMain .pagebar a:hover {
background-color: #666666;
}

/* CONTACT */
#contactleft,
.contactbox .contactpic {
float: left;
}

#contactleft .uppercase,
#contactright .uppercase {
text-transform: uppercase;
font-weight: bold;
font-size: 0.88em;
}

#contactright {
float: right;
}

#contactleft .contactbox {
width: 360px;
height: 142px;
margin-bottom: 5px;
}

#contactright .contactbox {
	width: 320px;
	height: 142px;	
	margin-bottom: 5px;	
}

.contactbox .contactpic img {
border: 1px solid #666;
margin-right: 10px;
}

.contactbox h2 {
text-transform: uppercase;
font-weight: bold;
font-size: 1.35em;
}

.contactbox .contactdetails {
background-color: #666;
margin-top: 17px;
padding: 10px;
font-size: 0.88em;
}

.contactanfahrt {
font-size: 0.83em;
}

.anfahrttitle {
font-weight: bold;
margin: 4px;
padding: 7px;
float: right;
background-color: #333;
}

/* REFERENCES */
#referencesContent {
height: 419px;
overflow: auto;
line-height: 20px;
}

/* GALLERY */
#gallery {
height: 440px;
width: 960px;
overflow: hidden;
}

#summary,
.loading {
color: black;
}

#gallery img {
border: 1px solid black;
margin-right: 2px;
}

#gallery .imgc {
	min-width: 960px;
}


#galnav a {
display: block;
width: 13px;
height: 13px;
margin-right: 2px;
margin-top: 2px;
background-color: #333;
font-size: .6em;
float: left;
text-align: center;
line-height: 13px;
}

#galnav a.activeSlide {
background-color: #666;
font-weight: bold;
}

#galNavArrows {
list-style: none;
margin-top: 2px;
}

#galNavArrows li {
float: left;
}

#galNavArrows .pre {
background: url(img/scroll_left.png) no-repeat top left;
display: block;
width: 13px;
height: 13px;
margin-right: 2px;
cursor: pointer;
}

#galNavArrows .next {
background: url(img/scroll_right.png) no-repeat top left;
display: block;
width: 13px;
height: 13px;
cursor: pointer;
}

.image_wrap {
	display: inline;
}

.kname,
.kname3 {
	display: inline;
	position: absolute;
	background-color: black;
	z-index: 99;
	top: 417px;
	padding: 3px 5px;
}

/* MAKING OF */
.ngg-galleryoverview {
	overflow: hidden;
	margin: 0;
	width: 95%;
	clear:both; 
	display:block !important;
	padding-left: 35px;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:10px;
	text-align:center;
	margin-bottom: 5px;
	margin-left: -40px;
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
	padding: 2px 20px;
	background-color: #808080;
	border: 1px solid #706f70;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border: 1px solid #706f70;
	margin-right:3px;
	padding: 2px 20px;
	background-color: #808080;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #666666;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* making of */
.vimeovid {
width: 560px;
height: 314px;
}

.videodesc {
padding: 5px 5px;
}

.videsc {
	font-size: .85em;
	margin-bottom: 2px;
}

a.inline img {
	border: 1px solid gray;
}

h2.makingOfVideo {
font-size: 1.1em;
margin-bottom: 5px;
background-color: #333;
padding: 5px;
font-weight: bold;
text-align: center;
}

/* IMPRESSUM */
#impressum {
height: 419px;
overflow: auto;
}