/*
Theme: atelier 2.0
Author: rosch-werbung.de
Umsetzung: http://www.rosch-werbung.de/
*/
/******************************
	Reset Defaults
 ******************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, 
font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption 
	{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption{ text-align: left;	font-weight: normal;}
/******************************
	Defaults
 ******************************/
html, body{height:100%;background:#fff;color:#999;font-family: Verdana, Arial, Helvetica, sans-serif;}
body {background: url(images/grafiken/body-bg.gif) repeat-x}
/******************************
      text
 ******************************/
h1{display:block;position:absolute;top:20px; left:0;z-index:2; text-align:left}
h1 a, h1 a:active, h1 a:hover {color:#802065;font-size: 20px;text-decoration:none}
h1 span {font-size: 12px;}
h2, h2 a:link {color:#999;font-size: 14px; font-weight:bold;  margin-bottom:25px}
.category .entry h2, .category .entry h2 a{margin-bottom:15px}
h3 {color:#999;font-size:14px;margin-bottom:25px}
.home h3 {font-size:28px;/*margin-top:200px;*/ margin-top:70px; text-align:right}
.page-id-11 h3 {font-size:11px; margin:0 0 10px 0; font-weight:normal}
.page-id-11 h2 a, .page-id-11 h3, .page-id-11 p, .page-id-11 ul,
.page-id-13 h2 a, .page-id-13 h3, .page-id-13 p, .page-id-13 ul,
.page-id-189 h2 a, .page-id-189 h3, .page-id-189 p, .page-id-189 ul {color:#802065}
a, a:link, a:visited {color: #666;font-weight: normal;background-color: inherit;text-decoration:none} 
a:hover, a:active {color: #999;text-decoration:underline}
p {margin-bottom:10px; color:#666}
.home p {margin-bottom:10px; color:#333}
.left {float:left}
.right {float:right}
.clear { clear:both; }
/******************************
      container
 ******************************/
#wrap{margin:0 auto;position:relative;text-align:center;width: 996px; min-height: 500px;}
#inhalt{font-size:11px;line-height:16px;height: 100%;position:relative;text-align:left;padding:30px 0 10px 0; overflow-x:hidden }  
#sidebar {width:1041px; position:relative; display:block; }
.post {}
#sidebar .post  {width:302px; display:inline; float:left; height:280px; border-bottom:1px solid #e4d0de; margin:0 45px 32px 0px; padding-bottom:32px}
.page-template-page-no-gallery-php .entry,  
.category .entry,
.single .entry{margin-left:360px; width:400px}
.category .entry {padding-bottom:55px; min-height:100px}
.attachment-post-thumbnail {border:1px solid #e4d0de; float:left}
.alignleft {float:left; margin-right:30px}
img.attachment-medium {float:left; margin-top:45px}
.home .attachment-post-thumbnail{float:none}
.breadcrumb, .copy {font-size:11px; padding:10px 0; width:996px; text-align:right; margin:0 auto}
.breadcrumb {border-bottom:1px solid #e4d0de; clear:both}
/******************************
      navigation
 ******************************/
#nav {height:20px; padding:30px 0 20px 0; width:1007px; overflow:hidden}
#nav ul {margin-left:332px; width:900px}
#nav ul li{display:block; display:inline; float:left}
#nav ul a:link, 
#nav ul a:visited{padding:5px; display:block; color:#802065; margin-left:22px; float:left; display:inline; text-decoration:none; font-size:0.7em; font-weight:bold; text-transform:uppercase}
#nav ul a:hover, 
#nav ul li.current_page_item a:link, 
#nav ul li.current_page_item a:visited, 
#nav ul li.current_page_item a:hover, 
#nav ul li.current_page_item a:active,
#nav ul li.current_page_ancestor a:link,
#nav ul li.current_page_ancestor a:visited,
#nav ul li.current_page_ancestor a:hover, 
#nav ul li.current_page_ancestor a:active,
#nav ul li.current_cat_ancestor a:active,
#nav ul li.current-cat a:link
{
	background-color: #802065;
	color:#fff; 
	text-decoration:none;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	}

/***********************************
		Listen
***********************************/
.entry ul {margin:0 0 20px 0}
.entry ul li {margin:3px 0}	
ul.portfolio{margin-left:0}
ul.portfolio li {float:left;margin:60px 60px 0 0; height:152px; position:relative}	
.page-id-11 li {margin-bottom:10px}
/******************************
      tabellen
 ******************************/
.page-id-11 table{border:0; margin:0 0 20px 0;}
.page-id-11 table td {padding-bottom:2px;}
.page-id-11 table td{padding-right:10px;}

/******************************* 
		Shutter 
*******************************/
#shDisplay div#shTitle {
	font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; /* caption font */
	color: #333; /* caption colour */
	text-align: center;
	margin: 0 auto;
	width:700px!important;
}


#shDisplay span.preis {color: #000;margin-left:10px; font-weight:bold}

#shDisplay span#shCount {color: #333;margin-right:10px}

#shDisplay div#shTitle a {
	text-decoration: none;
	font: bold 16pt 'Courier New', Courier, fixed;
	letter-spacing: -2px;
	margin: 0 10px;
	width: 26px;
	color: #333;
}

#shDisplay div#shTitle a:hover {
	color: #666;
	border: none;
}

#shDisplay div#shNext{
	float:right;
}

#shDisplay div#shPrev {
	float:left;
}

body {
	height: 100%;
}

#shShutter *, #shDisplay * {
	padding: 0;
	margin: 0;
}

div#shShutter, div#shDisplay {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

div#shShutter {
	height: 100%;
	z-index: 1000;
	background-color: #fff;
	opacity: 1;
	filter:alpha(opacity=100);
}

div#shDisplay {
	display: block;
	background-color: transparent;
	z-index: 1002;
}

div#shDisplay img#shTopImg {
	margin: 0 auto;
	border: 0 solid #555;
	background: transparent;
	display: block;
	max-width: none;
	max-height: none;
	float: none;
	padding:2px;
	cursor: pointer;
}

div#shDisplay div#shWrap {
	visibility: hidden;
}

div#shWaitBar {
	font: bold 32px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	height: 36px;
	width: 100%;
	left: 0;
	cursor: default;
	opacity: 0.999;
	filter: alpha(opacity=100);
	z-index: 1001;
	margin-top: 160px;
	color: #ae0a0a;
}
/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50
This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design
*/
/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
	margin-left:191px
}

.ngg-album {
    height: 100%;
    padding: 0px;
    margin-bottom: 5px;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 0px;
}

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

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

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	margin:0 0 0 168px !important; 
	height:160px !important; 
	text-align:left;
}

.ngg-album-compactbox {
	margin:0 !important;
	padding:0px !important;
}


.ngg-album-compactbox .Thumb {
	margin:0px !important;
	padding:0px !important;
	width:100px; 
	height:100px;
}

.ngg-album-compact h4 {
	font-size:10px;
	font-weight:normal;
	margin:0;
	width:100px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
	display:none;
}

.ngg-album-compact p img:hover {background-color:#ecdee8;}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
	margin-left:191px
}


.ngg-galleryoverview .ngg-gallery-thumbnail-box
{
	float:left;
	margin:0 0 0 168px !important; 
	height:160px !important; 
	text-align:left;
	width:100px !important}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0 0 10px 0;
   padding:0;
}

.ngg-gallery-thumbnail-box {
	float: left;
	margin:0; padding:0;
}

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

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

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

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

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

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.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 #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.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: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}


/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}