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

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


/* generelles
-------------------------------------------------------------- */
html, body {
	text-align: center; /*IE7*/
}

.access {
   position: absolute;
   top: -999em;
   left: -999em;
}
/* layout
-------------------------------------------------------------- */
#container {
	width: 50%;
	margin: 0 auto;
	padding: 2em 0 0;
	text-align: left; /*IE7*/
}
h3 { clear: both; margin: 0 0 -.1em 0; padding: 1em 0 0;}

/* kopfbereich
-------------------------------------------------------------- */
#head {
	height: 140px;
	margin: 0 0 2em;
}
h1 {
	font-family: "KarabinE.";
	font-size: 12em;
	margin: 0;
	display: none;
}

/* navigation
-------------------------------------------------------------- */
#menu {
	height: 3em;
	width: 50%;
	position: absolute;
	top: 0em;
}
#nav {
	list-style: none;
	margin: 0 0 0 .2em;
}
#nav li { float: left;}

.flip {
	display: block;
	float: right;
	padding: .7em 0 0;
}
.flip a, .flip a:hover { padding: 0 0 0 .2em; border: none;}

/* content
-------------------------------------------------------------- */
#content {
	clear: both;
	padding: 0 .2em;
}
hr {
	clear: both;
	width: 100%;
	height: 0px;
	border: 0;
	padding: .5em 0 0;
	margin: 0 0 .4em 0;
}
.removed, .added { padding: .2em .3em; display: inline;}

.newsletter input[type=text] { width: 20em;}
.newsletter label {display: none;}

/* galerie
-------------------------------------------------------------- */
.galerie { clear: both;}
.galerie a { border: 0;}

.galerie p {
	float: left;
	width: 128px;
	height: 128px;
	padding: 10px;
	margin: 5px;
	text-align: center;
	border: 1px solid #eee;
	background: #fff;
	border-bottom: 1px solid #aaa;
}
.galerie img {
	float: none;
	margin: 0;
	border: 1px solid #aaa;
	border-bottom: 1px solid #333;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}
.galerie p:hover {
	background: #efefef;
	border: 1px solid #eee;	
	border-bottom: 1px solid #aaa;
}

#pcolors img {float: none; display: inline; margin: .2em .5em;}

/* form
-------------------------------------------------------------- */
input[type=text], input[type=file], input[type=password], textarea {
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(../gfx/grey.png) repeat-x top;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	color:#333;
	padding: .2em;
	margin: .3em .3em 0 0;
}
textarea {margin: .4em .3em 0 0;}

input[type=text], textarea { width: 25em;}

/* fussbereich
-------------------------------------------------------------- */
.toplink a {
	clear: both;
	float: right;
	margin: -1em 0 0;
	padding: 0 0 0 18px;
	background: url(../gfx/up.png) no-repeat center left;
}
.toplink a, .toplink a:hover { border: none;}
#foot {
	clear: both;
	padding: .6em 0;
}
.love { background: url(../gfx/heart2.png) no-repeat center left; padding: 0 0 0 12px;}
#love {
	position: absolute;
	left: 0;
	bottom: 3%;
}