/*
Theme Name: Millionentausch
Theme URI: http://www.millionentausch.de
Description: Tauschen, tauschen, tauschen!
Version: 1.0
Author: Scholz & Friends Hamburg
Author URI: http://www.s-f.com/hamburg

*/

/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
legend { display: none;; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ul { list-style: none; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
a { text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }
* a { position: relative; }
a img { border: none; }
* { outline: none; }
form { display: inline; }


/***********************************************************
 Defaults
************************************************************/

html, body { height: 100%; }

body {
	background: #fff;
	color: #555;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 75%;
	line-height: 1.6em;
}

a 		{ color: #f1381d; }
a:hover	{ color: #111; }

h2.title,
h2.widgettitle {
	background-image: url('images/sprite.png');
	margin: 0 0 6px 0;
	text-indent: -10000em;
}

h2.title { height: 27px; }

h2#categories {
	background-position: 0 -402px;
	width: 247px;
}

h2#infos {
	background-position: -180px -327px;
	width: 56px;
}

h2#blog {
	background-position: -236px -327px;
	width: 56px;
}

h2#archiv {
	background-position: 0 -380px;
	width: 73px;
}

h2#datenschutz {
	background-position: -112px -353px;
	width: 127px;
}

h2#impressum {
	background-position: 0 -353px;
	width: 112px;
}

h2#aktion {
	background-position: -318px -380px;
	width: 113px;
}

h2#stiftung {
	background-position: -196px -380px;
	width: 122px;
}

h2#macher {
	background-position: -73px -380px;
	width: 123px;
}

h2#kontakt {
	background-position: -240px -353px;
	width: 91px;
}

h2#tags {
	background-position: -442px -353px;
	width: 57px;
}

h2#tausch {
	background-position: -331px -353px;
	width: 111px;
}

#text-6 h2 {
	background-position: -292px -327px;
	height: 26px;
	width: 103px;
}

#text-7 h2 {
	background-position: -394px -275px;
	height: 41px;
	width: 165px;
}

#text-8 h2 {
	background-position: -432px -381px;
	height: 21px;
	width: 85px;
}

h2.pagetitle {
	background: #81be18;
	color: #fff;
	font-weight: bold;
	margin: 0 0 12px 0;
	padding: 6px 10px;
	text-align: center;
	text-transform: uppercase;
}

blockquote {
	border-left: 3px solid #f1381d;
	color: #777;
	font-style: italic;
	margin: 1.4em 0;
	padding: 0 20px;			
}

input, textarea {
	border: 1px solid #aeaeae;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 1em;
	padding: 7px 7px;
}

input[type=checkbox] { border: none; }

/***********************************************************
 Site
************************************************************/

#container {
	margin: 0 auto;
	width: 769px;
}

#header {
	float: left;
	margin: 0 15px 0 0;
	position: relative;
	width: 560px;
}

	#header h1 {
		border-bottom: 4px solid #81be18;
		text-indent: -10000em;
	}
	
		#header h1 a {
			background: url('images/sprite.png');
			display: block;
			height: 270px;
			width: 560px;
		}
		
		#header .subheader {
			left: 0;
			position: absolute;
			top: 237px;
		}
		
			#header .subheader a {
				background: url('images/sprite.png') 0 -270px;
				display: block;
				height: 34px;
				text-indent: -10000em;
				width: 156px; 
			}
			
	#meta {
		border-bottom: 4px solid #81be18;
		float: left;
		height: 270px;
		position: relative;
		width: 194px;
	}
	
		#meta .nav {
			color: #6a6a6a;
			font-size: .8em;
			margin: 6px 0 0 0;
			text-align: center;
			word-spacing: 2px;
		}
		
			#meta .nav a 		{ color: #6a6a6a; }
			#meta .nav a:hover 	{ color: #111; }
			
		#meta .search {
			left: 0;
			position: absolute;
			top: 230px;
		}
		
			#meta .search .input {
				float: left;
				margin: 0 10px 0 0;
				width: 108px;
			}
			
			#meta .search .submit {
				background: #81be18;
				border: none;
				color: #fff;
				float: right;
				font-size: .9em;
				height: 30px;
				width: 60px;
			}


#page {
	background: #a8d718;
	float: left;
	margin: 0 15px 0 0;
	width: 560px;
}
	
	#slider {
		padding: 20px;
	}
	
	.categories h2 { display: none; }
	
	.cat-item {
		float: left;
		font-size: 0;
		text-indent: -10000em;
	}
	
		.cat-item img {
			display: block;
		}
	
	#mycarousel { position: relative; }
	
	.jcarousel-scroll {
		left: 0;
	    position: absolute;
	    top: 0;
	}
	
		.jcarousel-scroll a {
			background-image: url('images/sprite.png');
			display: block;
			height: 29px;
			text-indent: -10000em;
			position: absolute;
			top: 40px;;
			width: 28px;
			z-index: 20;
		}
		
		#mycarousel-next { 
			background-position: -187px -273px; 
			left: 506px;
		}
		
		#mycarousel-prev { 
			background-position: -158px -273px; 
			left: -12px;
		}
		
		
#infobox {
	float: left;
	padding: 0 40px 40px 20px;
	width: 155px;
}

	#infobox li {
		background: #fff;
		margin: 0 0 12px 0;
		padding: 11px;
	}

#content {
	float: left;
	padding: 0 0 20px 0;
	position: relative;
	width: 324px;
}

	#content .back {
		position: absolute;
		right: 0;
		top: 2px;
	}
		
		#content .back a 		{ color: #fff; }
		#content .back a:hover 	{ color: #111; }

	#content .post {
		background: #fff;
		margin: 0 0 12px 0;
		padding: 12px;
	}
	
		#content .post h2 {
			font-size: 1.4em;
			font-weight: bold;
			line-height: 1.2em;
			text-transform: uppercase;
		}
	
	#content .entry { padding: 20px 0; }
	#content.page .entry { padding: 0; }
	
		#content .entry p { margin: 1.4em 0; }
		
		#content .entry ol,
		#content .entry ul {
			margin: 0 20px;
		}
		
		#content .entry ul { list-style: square; }
		
		#content .entry input[type=text],
		#content .entry textarea 			{ width: 282px; }
		#content .entry input[type=submit] 	{ width: 300px; }
			
	.postmetadata {
		background: #f8f8f8;
		font-size: .8em;
		padding: 8px 10px;
	}
	
		.postmetadata .left 	{ float:left; }
		.postmetadata .right 	{ float:right; }
	
			.postmetadata .right a {
				background: url('images/icon_comments.gif') top left no-repeat;
				padding: 0 0 2px 20px;
				vertical-align: middle;
			}
	
	#content .related h3 { font-weight: bold; }
	#content .related ol { margin: 10px 20px 0 20px; }
	
	.sociable { 
		border-top: 1px solid #999;
		margin: 30px 0 0 0; 
		padding: 12px 0 0 0;
	}
	
	.sociable ul { 
		list-style: none !important; 
		margin: 6px 0 0 0 !important;
	}
	
		.sociable ul li {
			float: left;
			margin: 0 5px 0 0;
		}
	
	.sociable:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}
	* html .sociable             { zoom: 1; } 
	*:first-child+html .sociable { zoom: 1; } 
	
	
#respond {
	background: #fff;
	padding: 12px;
}

	#respond h3 {
		font-size: 1.2em;
		font-weight: bold;
		margin: 0 0 12px 0;
	}

	textarea#comment {
		width: 286px;
	}
	
	#submit {
		background: #81be18;
		border: none;
		color: #fff;
		font-size: .9em;
		height: 30px;
		margin: 12px 0;
		padding: 0 20px;
	}
	
	h3#comments {
		color: #fff;
		font-size: 1.2em;
		font-weight: bold;
		margin: 30px 0 12px 0;
	}
	
	.commentlist { list-style: none; }
	
		.commentlist li {
			background: #fff;
			margin: 0 0 12px 0;
			padding: 12px;
		}
	
	.commentnumber {
		float: left;
		font-size: 1.3em !important;
		margin: 2px 6px 6px 0 !important;
	}
	
	.comment-entry h4 {
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.6em;
	}
	
	.comment-entry .meta { font-size: .8em; }
	
	.comment-author {
		float: right;
	}
	
	.the-comment p { margin: 1.4em 0; }
	
	#commentform p { margin: 0 0 12px 0; }
	
	#commentform label { float: left; }
	
	#commentform input[type=text] { float: right; }
	
	* html #commentform input { float: right; }
	
	.subscribe-to-comments input { margin: 0 0 0 10px; }
	
#sidebar {
	float: left;
	width: 194px;
}

	#sidebar .widget {
		border-bottom: 4px solid #81be18;
		padding: 20px 0 25px 0;
	}
	
	#cam-container {
		height: 146px;
		width: 194px;
	}
	
	#text-7:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	* html .text-7             { zoom: 1; } 
	*:first-child+html .text-7 { zoom: 1; } 
	
	#text-7 .textwidget a {
		background-image: url('images/sprite.png');
		float: left;
		display: block;
		font-size: 0;
		height: 48px;
		text-indent: -10000em;
		width: 47px;
	}
	
		#text-7 .textwidget a#wtwitter {
			background-position: -226px -275px;
			margin: 10px 20px 0 0;
		}
		
		#text-7 .textwidget a#wfacebook {
			background-position: -273px -275px;
			margin: 10px 20px 0 0;
		}
		
		#text-7 .textwidget a#wyoutube {
			background-position: -322px -275px;
			margin: 10px 0 0 0;
		}
		
#footer {
	color: #b2b2b2;
	padding: 20px 0;
	text-align: center;
	width: 560px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; } 

.clear { clear: both; }




/***********************************************************
 Overrides
************************************************************/
span.wpcf7-list-item { margin-left: 0 !important; }

.wp-pagenavi {
	background: #fff;
	font-size: .9em;
	padding: 10px 12px;
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 0 8px; 
	margin: 0;
	text-decoration: none;
	border: none;
	color: #f1381d;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 0 8px; 
	margin: 0;
	text-decoration: none;
	border: none;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: none;
	color: #111;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 0 8px; 
	margin: 0;
	text-decoration: none;
	border: none;
	color: #f1381d;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 0 8px; 
	margin: 0;
	color: #969696;
	border: none;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 0 8px; 
	margin: 0;
	font-weight: bold;
	border: none;
	color: #111;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 0 8px; 
	margin: 0;	
	border: none;
	color: #111;
	background-color: #FFFFFF;
}