/*
Projekt: outark v2 black
Design: Sebastian Laube
Code: Sebastian Laube
-------------------------------------------------------------- */

/* generelles
-------------------------------------------------------------- */
html, body {
	color: #eee;
	background: #222 url(../gfx/grunge1.png) no-repeat;
}

/* layout
-------------------------------------------------------------- */
#container {
	background: url(../gfx/grunge2.png) no-repeat bottom right;
}

a {
	color: #af1110;
	text-decoration: none;
	border-bottom: 1px solid #af1110;
}
a:hover {
	color: #bbfa06;
	border-bottom: none;
}
h1, h2, h3, h4 { color: #fff;}

/* kopfbereich
-------------------------------------------------------------- */
#head {
	background: url(../gfx/head2.png) no-repeat bottom left;
	border-bottom: 1px dotted #666;
}
h1 {
	color: #000;
}

/* navigation
-------------------------------------------------------------- */
#nav a {
	display: block;
	float: left;
	margin: 0 1em 0 0;
	padding: .4em .7em .1em;
	font-size: 1.07em;
	text-decoration: none;
	font-weight: 600;
	color: #eee;
	border-left: 1px dotted #df0623;
	border-right: 1px dotted #df0623;
	border-bottom: 3px solid #af1110;
}
#nav a:hover, #nav .select {
	color: #000;
	background: #f5f5f5;
	border-left: 1px dotted #677044;
	border-right: 1px dotted #677044;
	border-bottom: 3px solid #a00;
}

/* content
-------------------------------------------------------------- */
.highlight { color: #333;}
hr { border-bottom: 1px dotted #666;}

input#nl_mail { background: #333; border: 1px solid #666; color: #fff;}

/* galerie
-------------------------------------------------------------- */
.galerie p {
	border: 1px solid #1f1f1f;
	background: #3f3f3f;
	border-bottom: 1px solid #090909;
}
.galerie .img {
	border: 1px solid #1f1f1f;
	border-bottom: 1px solid #0b0b0b;
}
.galerie p:hover {
	background: #9f9f9f;
	border: 1px solid #7e7e7e;	
	border-bottom: 1px solid #aaa;
}

/* fussbereich
-------------------------------------------------------------- */
#foot {
	border-top: 1px dotted #666;
}