/*
Projekt: Freya Version 2
Design: Sebastian Laube
Code: Sebastian Laube

Farben:
rot				hks 14k		#df252a
date rot					#9f2131
menu blau 					#00adef
-------------------------------------------------------------- */

@import url("reset.css");
@import url("typography.css");
@import url("grid.css");
@import url('econtact-basic.css');

/* general
-------------------------------------------------------------- */
body {background: #666 url('../gfx/beton.jpg') top center;}

::selection {
	background: #fff300; /* Safari, Opera, Chrome */
	}
::-moz-selection {
	background: #fff300; /* Firefox */
}

.container_10 {background: #fff;}

.errorBox {
	padding: .5em 3em .5em 4em;
	background: #78daff url('../gfx/achtung.gif') no-repeat 1em center;
	border-bottom: 1px solid #0fbdff;
}
.errorBox a { color: #333;}

/* head
-------------------------------------------------------------- */
.head {margin: 10px; height: 220px; background: #fff url('../gfx/intro.jpg') no-repeat;}
.head h1 {
	height: 140px;
	width: 470px;
	position: absolute;
	top: 59px;
	text-indent: -9999px;
	background: url('../gfx/title.png') no-repeat center right;
}
.intro {
	font: 2em/1.5em Georgia, Times, serif;
	font-style:italic;
	text-align: justify;
}
.intro p { margin: 1em;}
.badge {
	position: relative;
	z-index: 3;
	right: 630px;
	top: 130px;
}

/* navigation
-------------------------------------------------------------- */
.navigation { margin-bottom: 1em; background: #222;}
.navigation ul {margin: 0; list-style: none;}
.navigation ul li{ float:left; display:block;}
.navigation ul li.logo span {
	display:block;
	padding: .6em 1em .2em .4em;
	font-size: 1.6em;
	line-height: 1em;
	font-weight: 700;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
}
.navigation ul li a {
	display:block;
	padding: 2.6em 1em .2em .4em;
	font-size: .8em;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	background: url('../gfx/mecke.png') no-repeat bottom left;
}
.navigation ul li a:hover {background: #00adef;}
.navigation ul li.current_page_item a {background: #df252a url('../gfx/mhover.png');}

/* content
-------------------------------------------------------------- */
.post {margin: 0 0 2.5em; padding-left: .8em;}
.post h2 {position: relative; left: -1em; background: #df252a;}
.post h2 a, h2.page {display: block; padding: .2em 0 .2em .8em; color: #fff; text-decoration: none; text-shadow: rgba(0,0,0,.1) 0 3px 0;}
.post h2 a:hover {background: #00adef;}
.post p { width: 94%; text-align: justify;}
.post .date {
	display: block;
	float: left;
	position: relative;
	bottom: 1.4em;
	right: 10px;
	z-index: 1;
	width: 7em;
	margin: 0 .5em -.1em 0;
	padding: .5em .6em .8em;
	font: 1.1em/1em Georgia, Times, serif;
	text-align: center;
	color: #fff;
	background: #9f2131;
}
.post .date .num {
	font: 1.2em/1em Georgia, Times, serif;
}
.post .meta, .commentlist .meta { font: .9em/1em Georgia, Times, serif; padding: .1em .4em .1em 26px;}
.post .comments { background: url('../gfx/comment.png') no-repeat 8px center;}
.post .category { background: url('../gfx/tag.png') no-repeat 6px center;}
.post .edit, .commentlist .edit { background: url('../gfx/edit.png') no-repeat 6px center;}

.wp-caption {
	margin: 0 .8em 1.5em .8em;
	padding: .4em 0 0 0;
	text-align: center;
	background: #eee;
	border-bottom: 2px solid #00adef;
}
.wp-caption p { margin: .5em 0 .5em 0; text-align: center; padding: 0;}


.alignright 			{ float: right; }
.alignleft 				{ float: left; }
.button					{ position: relative; z-index: 2;}
.button	a				{ display: block; padding: .2em .4em; color: #fff; text-decoration: none; background: #df252a; }
.button a:hover			{ background: #00adef;}
.searchtop 				{ margin-bottom: 2em;}

h3.Wahl {
	position: relative;
	left: -1em;
	background: #df252a;
	display: block;
	padding: .2em 0 .2em .8em;
	font-size: 1.9em;
	color: #fff;
	text-decoration: none;
	text-shadow: rgba(0,0,0,.1) 0 3px 0;
}

/* comments
-------------------------------------------------------------- */
#comments, #respond { font-size: 1.5em;}
.commentlist { list-style: none;}
.commentlist cite { font-size: 1.2em;}
.commentlist li { margin-top: 1em; border-bottom: 1px dotted #bbb; }
.comments-alt 	{ background: #eee;}
.commentlist img {float: none; display: inline;margin: 0 3px;}

#respond { margin: 2em 0 1em;}
#commentform textarea, #commentform input[type=text] {
	width: 50%;
	margin: 0 1em;
	padding: .3em;
	background: #fff;
	border: 1px solid #00adef;
	font: 1.1em/1.4em "Helvetica Neue", Helvetica, Arial, "Lucida Sans", sans-serif;
	color:#333;
}
#commentform textarea {width: 93%;}

/* sidebar
-------------------------------------------------------------- */
.sidebar { text-align: right;}
.sidebar ul {
	margin: 0;
	list-style: none;
}
.sidebar ul ul {margin: 0 0 1em;}
.sidebar h2 {
	width: 85%;
	margin: 0 0 .5em;
	padding: .3em 2em .3em .5em;
	font-size: 1.1em;
	text-align: left;
	color: #fff;
	background: #00adef;
}
.sidebar select, #search #s {
	width: 90%;
	padding: .2em;
	background: #fff;
	border: 1px solid #00adef;
	color: #333;
}
#search { margin-bottom: 1em;}
.post #search #s { width: 50%;}
.post #search .hide {display: inline;}

.blogroll li, .events_widget_list li {
	border-bottom: 1px dotted #ccc;
}
.mypic {text-align: right;}
.mypic img { margin: .3em 0 .3em .1em;}

/* foot
-------------------------------------------------------------- */
.gotop { position: relative; top: -1.5em; z-index: 1; margin-top: 2.5em; margin-bottom: -2.5em}
.gotop a {
	display: block;
	width: 85%;
	padding: .3em .5em .3em 2em;
	font-size: 1.1em;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background: #00adef url('../gfx/arrow-135.png') no-repeat 8px center;
}
.gotop a:hover { background-color: #df252a;}

.foot {
	padding: .4em 0 0;
	font-size: .8em;
	border-top: 1px solid #111;
	border-bottom: 6px solid #111;
	background: url('../gfx/zack.png') repeat-x bottom;
}
.foot a {color: #555; text-decoration: none;}
.foot a:hover {color: #00adef; background-color: none;}
.foot_l {float: left; width: 40%; padding: 0 0 0 .5em;}
.foot_r {float: right; width: 40%; text-align: right;}
.foot_r a {padding: 2px .5em 2px 20px;}
.foot_r a.feed {background: url('../gfx/feed.png') no-repeat left center;}
.foot_r a.print {background: url('../gfx/printer.png') no-repeat left center;}
.foot_r a.login {background: url('../gfx/key.png') no-repeat left center;}