@import url("reset.css");
@import url("base.css");

/*
blau: #2a3851
heller weinton:#25080a
*/

::-moz-selection 								{ background-color: #ffa; color: #000;}
/* Works in Safari */
::selection 									{ background-color: #ffa; color: #000;}

html, body 										{ height: 100%;}

html 											{ background: #2b0000/* #1d0000 */; color:#868679}
body 											{ background: url(img/burst.png) 0px top no-repeat}

#wrapper										{ width:100%; min-height: 100%;height: auto !important; height: 100%;margin: 0 auto -70px;}


a 												{ font: 1.2em/1.6em "Arial" normal; letter-spacing:.1em; color:#868679; text-shadow: #000 0 3px 3px;}
a:hover 										{ color: #fff;}


#header 										{ text-align:center; display:block; width:100%;height:130px; /* display:none; */}
#header h1 										{ margin:0;}
#header h1 img									{ margin: 1.5em 0 0 0;}

/*
	Galereien Nav
*/

#sub-nav 										{ width:25%; overflow:hidden;float:left;margin: 1.2em 0 0 0;padding:none}
#sub-nav  ul 									{ list-style:none;}
#sub-nav  ul li 								{ text-align:right;padding:0 1em 0 0}
#sub-nav  ul li a 								{ display:block; width:100%; padding:.4em 1em 1em 0; font: normal 1.2em "Trebuchet MS",sans-serif; text-transform:uppercase; letter-spacing:.3em;}
#sub-nav  ul li a:hover 						{/*  background:#3a1919; */ color: #fff;}
span.marks 										{ }

/*nav highlighting*/
#home #sub-nav li.m1 a,
#aktuelle #sub-nav li.m2 a,       				
#oel #sub-nav li.m3 a, 							
#radierung #sub-nav li.m4 a,
#zeichnung #sub-nav li.m5 a 					{ color: #fff}


#oel a.sel, 										
#zeichnung a.sel,
#radierung a.sel 								{ color:#fff;}

#content										{ float:left; width:50%; margin:none; -webkit-text-stroke:1px transparent; 
opacity: 0.99; /*FF*/}

#home img.sofapicture							{ margin: 1em 0 0 2.5em;}
 
#content p 										{ }


#content h2 									{ } 
#content.text 									{ font-size: 1.2em;line-height:1.25em; padding: 0 2em; margin:-.8em 0 0 0; color:#7f7f74; }
#content.text ul 								{ list-style: none;}
#content.text ul li								{ padding:0 0 0.7em;}
#content.text p 								{ padding:0; font-size: 1.0em;line-height:1.5em;}
#content p.center-text.numbering 				{ padding: 1.5em 0 0 6em; font:1.1em/1 "Trebuchet MS",serif;}
					
.numbering a 									{ color: #654c49;text-shadow: none;}



#content img 									{ padding:.4em; background:#150303;border: .2em solid #462626;} 

table#thumb-grid 								{ margin:1.5em 0 0 3em; width:100%}
table#thumb-grid tr								{ border-bottom:none;padding:0;margin:0;}
table#thumb-grid tr	td 							{ padding: .5em 3%; width:33.33%}
table#thumb-grid tr	td p 						{ margin:0; padding: 0 0 .75em 0; text-align:left; font: normal 100% "Trebuchet MS",serif;}


/*thumbbox*/
.thumbbox 										{ width:100%; font-size:1em;}
.thumbbox img.scaled 							{ width:100%; padding:.4em; background:#1a0000;border: .2em solid #462626;}
#content .thumbmeta 							{ /* color:#573b3b; */ }
.thumbbox p.thumbmeta span.title			 	{ letter-spacing:.1em;} 


/*main-nav*/
#footer ul 										{ list-style:none; padding:2em 0; margin:0;}
#footer ul li 									{ display:inline; text-align:center; border-left:1px solid #2a3851;margin:0;}
#footer ul li.no-border 						{ border:none}
#footer ul li a 								{ padding:0 1.5em;text-transform:uppercase;letter-spacing: .3em; font: 1.1em "Trebuchet MS",sans-serif; text-transform:uppercase;letter-spacing:0.2em; }

#footer											{ background:url("img/footer-bg.jpg") repeat;border-top:3px solid #2f0709;}
#footer, .push 									{ height: 70px;width:100%; }

.clear 											{ clear:both;}

.center-text 									{ text-align:center;}

p.column 										{ -moz-column-count:2;-moz-column-gap:2em; -webkit-column-count:2;-webkit-column-gap:2em; text-align:justify; }