/*  
Theme Name: Campaign
Description: Campaign Template for Animal Rights
Version: 1.0
Author: Kathrin Friedrich
*/

/* Colour Links: #cc081f

/* General */

body {
	margin: 0;
	font-family:Verdana;
	background-image: url("images/pattern_big.gif");
	background-repeat:repeat-x;
}

	.body_petition {
	background-image: url("images/petition.jpg");
	}

h1, h2, h3, h4 {
	margin: 0;
}

h2 {
font-size:12px;
color:#666666;
}

.subtitle {
font-size:20px;
color:#333333;
font-weight:normal;
}

img {
	border: 0;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}


/* Page */

#page {
	margin: 0 auto;
	margin-top:0px;
	width: 800px;
	border-left:1px solid #dedede;
	border-right:3px solid #dedede;
}


/* Header */

#logo {
	float:left;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	}


#header {
	width: 800px;
	height: 140px;
	/* background: url("images/pattern.gif");*/
	background-color:white;
	position: relative;
	border-bottom:10px solid #cc081f;
}

	/* Header - Info */
	
	#header #header-info {
	margin-left:20px;
	margin-top:15px;
	width:300px;
	height:200px;
	float:left;	
	height:100px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	}
	
	#header #header-info h1 {
		color: #ffffff;
		font: bold 24px Verdana;
		padding-bottom: 5px;
		float:left;
		margin-top:12px;

	}
	
	#header #header-info h1 a {
		color: #ffffff;
		text-decoration: none;
		margin-left:100px;
	}
	
	#header #header-info .description {
		color: #ffffff;
		font: bold 13px Verdana;
		margin-left:100px;
	}
	
	/* Header - Metanav */
	#metanav {
	float:right;
	margin-right:30px;
	margin-top:10px;
	font-size:11px;
	font-weight:bold;	
	}
	
	#metanav a {
	text-decoration:none;
	color:#cc081f;
	}	
	
	
	/* Header - Menu */
	
	#header #header-menu {
		position: absolute;
		top: 100px;
		right: 10px;
		height: 52px;
	}
	
	#header #header-menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 20px;
		
	}
	
	#header #header-menu ul li {
		float: right;
		height: 35px;
		margin-right: 10px;
		font: bold 12px/32px Verdana;
		color: #FFFFFF;
		background: url("images/header_menu.gif") repeat-x;
		border-right: 1px solid #cccccc;
		padding: 0 0 0 0;
		padding-top:5px;
	}
	
		#header #header-menu ul li:hover	{
		height: 45px;
		margin-top:-10px;
		background: url("images/header_menu_hover.gif") repeat-x;
		
	}
	
	
	#header #header-menu ul li a {
		color: #FFFFFF;
		text-decoration: none;
		padding: 10px;
		}
	
	#header #header-menu ul li a:hover {
		text-decoration: none;
		padding-top:15px;
		padding-bottom:30px;
	}
	
	#header #header-menu ul li ul {
		display: none;
	}
	
	/*li.current_page_item,
	li.current_page_item a
	{	
		height: 55px;
		margin-top:0px;
		color:black;
		padding-top:5px;
		background-color:#cc081f;
	}*/

/* Main */

#main {
	width: 800px;
	background-color:white;
}

#main-top {
	width: 800px;
	background: url("images/main_top.gif") no-repeat;
}

#main-bottom {
	width: 800px;
	min-height: 50px;
	background: url("images/main_bottom.gif") no-repeat left bottom;
}

	/* Main - Content */
	
	#content {
		float: left;
		width: 540px;
		padding: 20px 16px 0 20px;
	}
	
	
	
	/* Main - Content - Maintext */
	
	#maintext {	
	font-size:11px;
	line-height:150%;
	color:#333333;
	margin-bottom:50px;
	}
	
	#maintext  .maintitle{	
	font-size:20px;
	}

	#maintext  img{	
	float:left;
	margin-right:10px;
	}

	.teaserblock-home {
	display:block;
	margin-top:10px;
	padding-top:10px;
	border-top:2px dotted #dddddd;
	
	}
	/* Main - Content - Post */
	
	#content .post {
		float: left;
		margin-bottom: 25px;
		padding-bottom:5px;
		width: 550px;
	}
	
		/* Post - Date */
		
		#content .post .post-date {			
			color: #4d4d4d;
			text-align: left;
			font: bold 10px/25px Verdana;
			border-bottom:1px solid #4d4d4d;
			margin-bottom:5px;			
		}
		
		/* Post - Title */
		
		#content .post .post-title {
			width: 463px;
			border: 1px solid #FFFFFF;
			background: url("") repeat-x;
			color: #cc081f;
			font: bold 10px Verdana;
			padding: 0 0px;
		}
		
		#content .post .post-title a {
			color: #cc081f;
			text-decoration: none;
		}
		
		#content .post .post-title a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-title h2 {
			color: #cc081f;
			font: bold 15px Verdana;
			line-height:20px;
			margin-bottom:0px;
			float: left;
			width:550px;
			}
		
		#content .post .post-title h2 a {
			color: #cc081f;
			text-decoration: none;
		}
		
		#content .post .post-title h2 a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-title .post-title-info {
			float: right;
			line-height: 20px;
		}
		
		/* Post - Entry */
		
		#content .post .post-entry {
			font: normal 11px/18px Verdana;
			color: #000000;
			padding: 0 0px;
			width: 530px;
			background: #FFFFFF;
			float: left;
		}
		
		#content .post .post-entry a,
		#content #maintext a {
			color: #cc081f;
			text-decoration: none;
			}
			
			
		#content .post .post-entry a.intern ,
		#content #maintext a  {
			color: #cc081f;
			text-decoration: none;
			background-image:url(images/arrow.gif);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:15px;
			}
			
		#content .post .post-entry a.extlink {
			background-image:url(images/externalLink.gif);
			background-repeat:no-repeat;
			background-position:left;
			color:#cc081f;
			text-decoration:none;
			padding-left:18px;
			}
		
		#content .post .post-entry a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-entry .more-link {
			font: bold 11px/20px Verdana;
			color: #000000;
			float: right;
			padding-bottom: 5px;
		}
		
		#content .post .post-entry .more-link a {
			color: #cc081f;
			text-decoration: none;
		}
		
		#content .post .post-entry .more-link a:hover {
			text-decoration: underline;
		}
		
		#content .post-entry img {
			float:left;
			margin-right:10px;
			margin-top:5px;
		}
		
		#content .post-entry p,
		p{
			margin-top:10px;
			margin-bottom:5px;
		}
		
		/* Post - Info */
		
		#content .post .post-info {
			padding: 0 10px 0 0;
			width: 485px;
			clear: both;
			font: bold 10px/19px Verdana;
			color: #000000;
			background: url("") no-repeat;
			text-align: right;
		}
		
		#content .post .post-info a {
			color: #000000;
			text-decoration: none;
		}
		
		#content .post .post-info a:hover {
			text-decoration: underline;
		}
		
		/* Post - Comments */
		
		#content .post .post-entry h3 {
			color: #000000;
			font: bold 12px Verdana;
			margin: 25px 0 5px 0;
		}
		
		#content .post .post-entry .comments {
			font: normal 11px/18px Verdana;
			color: #000000;
			width: 550px;
		}
		
		#content .post .post-entry .comments a {
			color: #000000;
			text-decoration: none;
		}
		
		#content .post .post-entry .comments a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-entry .comments ol {
			margin: 10px 0 10px 0;
			padding-left: 25px;
		}
		
		#content .post .comments ol li {
			padding: 5px;
		}
		
		#content .post .post-entry .comments ol li.alt {
			background: #eeeeee;
		}
		
		#content .post .post-entry .comments ol li cite {
			color: #000000;
			font-style: normal;
			font-weight: bold;
		}
		
		#content .post .post-entry .comments ol li cite a {
			color: #000000;
			text-decoration: none;
		}
		
		#content .post .post-entry .comments ol li cite a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-entry .comments ol li .commentmetadata a {
			color: #000000;
			text-decoration: none;
		}
		
		#content .post .post-entry .comments ol li .commentmetadata a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-entry #commentform {
			font: normal 11px/18px Verdana;
			color: #FFFFFF;
			width: 530px;
			padding-left: 15px;
			margin: 0;
		}
		
		#content .post .post-entry #commentform a {
			color: #000000;
			text-decoration: none;
		}
		
		#content .post .post-entry #commentform a:hover {
			text-decoration: underline;
		}
	
	/* Main - Content - Navigation */
	
	#content .navigation {
		font: bold 11px/25px Verdana;
		color: #cc081f;
		width: 495px;
		height: 25px;
		float: left;
		margin-bottom: 25px;
	}
	
	#content .navigation a {
		color: #cc081f;
		text-decoration: none;
	}
	
	#content .navigation a:hover {
		text-decoration: underline;
	}
	
		#content .navigation .navigation-previous {
			float: left;
		}
		
		#content .navigation .navigation-next {
			float: right;
		}
	
	/* Main - Sidebar */
	
	.sidebar {
		float: left;
		width: 10px;
		font: normal 11px/18px Verdana;
		color: #000000;
	}
	
	.sidebar a {
		color: #cc081f;
		text-decoration: none;
	}
	
	.sidebar a:hover {
		text-decoration: underline;
	}
	
		/* Sidebar, on the right side */				
		.sidebar-right {
			padding: 25px 0 15px 20px;
		}
		
		/* Sidebar - Titles */
		
		.sidebar h3 {
			padding-left:5px;
			font: bold 12px/25px Verdana;
			color: #444444;
			width: 159px;
			height: 20px;
			background: url("") repeat-x;
			border-left:10px #cc081f solid;
			
			}
		
		/* Sidebar - Menus */
		
		.sidebar ul {
			margin: 5px 0 8px 0;
			padding: 0;
			list-style-type: none;
		}
		
		.sidebar ul li {
			width:165px;
			margin-left:15px;
			color: #676767;
			font: bold 10px/20px Verdana;
			background: url("") repeat-x;
			list-style-type:square;
		}
		
		.sidebar ul li a {
			color: #676767;
			text-decoration: none;
		}
		
		.sidebar ul li a:hover {
			text-decoration: underline;
		}
		
			/* Sidebar - Submenus */
			
			.sidebar ul li ul {
				margin: 0;
				padding: 0;
			}
		
		/* Sidebar - Forms */
		
		.sidebar label {
			padding-left:5px;
			padding-top:6px;
			font: bold 12px/25px Verdana;
			color: #444444;
			width: 159px;
			border-left:10px #cc081f solid;
		}
		
		
		.sidebar #searchform {
			text-align:left;
			width:160px;
			height:100px;
		}
		
		.sidebar #searchform #s {
			width: 160px;
			margin-top:5px;
			margin-bottom:5px;
		}
		
		/* Sidebar - Tables */
		
		.sidebar #calendar_wrap {
			margin: 0 auto;
			padding: 5px 0 8px 0;
			width: 130px;
		}
		
		.sidebar #calendar_wrap caption {
			font-weight: bold;
		}
		
		.sidebar #calendar_wrap tbody {
			text-align: right;
		}
		
		.sidebar #calendar_wrap tfoot #next {
			text-align: right;
		}
		
		.sidebar #calendar_wrap #today {
			font-weight: bold;
		}
		
		/* Sidebar - Texts */
		.sidebar .textwidget {
			padding: 5px 4px 8px 4px;
		}		

		
	/* RSS Feed in the Sidebar */
		.rss {
			width:190px;
			height:70px;
		}

		.rss a, .rss a:hover {
			color:#ff5a00;
			text-decoration:none;
			font-weight:bold;
			line-height:30px;
			margin-top:5px;
		}
		
		/* div with the rss icon */
		.rss-button {
			background-image:url(images/rss.gif);
			background-repeat:no-repeat;
			float:left;
			width:22px;
			height:20px;
			margin-top:5px;
			}

		
		#news-sidebar  {
			width:180px;	
		}	
		
		#news-sidebar .news-time {
		font-weight:bold;	
		font-size:9px;
		}	
		
		#news-sidebar .news-text {
		font-weight:normal;	
		font-size:10px;
		margin-top:0px;
		}
		
		#news-sidebar .news-text p {
		margin-top:3px;
		}

		.news-image {
		width:70px;
		height:70px;
		}	
			
		.news-sidebar-headline {
			font-size:12px;
			text-decoration:underline;
			color:#cc081f;
			margin-bottom:-10px;
}

/* Footer, seperated in 2 colums, the left one widget-ready */

	#footer {
		width: 800px;
		height:100px;
		color: #ffffff;
		font: 10px/20px Verdana;
		text-align: center;
		padding-bottom:5px;
		background-color:#cc081f;
	}

	#footer a {
		color: #ffffff;
		text-decoration: underline;
	}

	#footer a:hover {
		text-decoration: underline;
	}

	#sidebar-bottom-left {
		float:left;
		width:410px;
		margin-right:50px;
		margin-left:15px;
		margin-top:15px;
		text-align:left;
		background-color:#cc081f;
	}

	#sidebar-bottom-right {
		margin-right:15px;
		text-align:left;
		padding-top:15px;
	}




/* Search Results */

#searchresults .searchpost{
margin-top:5px;
height:90px;
float:left;
font-size:11px;
padding-bottom:0px;
border-bottom:1px solid black;
margin-bottom:0px;
}

#searchresults .searchtitle h3 {
margin-top:10px;
margin-bottom:-5px;
font-size:11px;
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:left;
}

#searchresults .searchtitle h3 a{
margin-left:20px;
color:#cc081f;
text-decoration:none;
}

/* Comment Form */
#commentform {
background-color:#eeeeee;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}

#commentform  p {
color:#000000;
}

#respond {
border-bottom:3px solid #cc081f;
width:550px;
padding-bottom:0px;

}

/* News Page */

#content .post .post-entry .newslink {
	color: #cc081f;
	text-decoration: none;
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	}
	
	/* Format for preview picture in the news*/
	.newsblock img {
		width:162px;
		height:111px;
		float:left;
		margin-right:10px;
	}
	
	.newsblock .post-entry{
	padding-top:0px;
	margin-top:-5px;
	}
	.newsblock p {
	margin-bottom:0px;	
	}

/* Falls doch mal wieder 2spaltig */
#news-column-index {
width:210px;
float:right;
}

#news-column-index  .post  .post-entry,
#news-column-index  .post  .post-title,
#news-column-index  .post  .post-date {
width:210px;
}

#news-column-index  .post  .post-entry {
margin-top:-10px;
}

/* Navigationsbox im Contentbereich, z.B. bei Hintergründe */
.navbox {
	float:left; 
	border:1px solid black;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:15px;
}

/* Box im Contentbereich, z.B. für Zitate */
.quote {
	float:left; 
	background-color:#eeeeee;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#727272;
	padding:10px;
	width:200px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #e5e5e5;
	}
	
.quote-ziele {
	float:left; 
	background-color:#eeeeee;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#2c4720;
	padding:10px;
	padding-right:150px;
	background-image:url(images/haseGruen.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:200px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #e5e5e5;
	}

/* Wordtube Element in der Mediathek */
.wordtube-container {
position:relative;
background-color:#eeeeee;
background-image:url(images/youtube2.gif);
background-repeat:no-repeat;
background-position:top;
margin-top:50px;
padding-top:60px;
padding-bottom:10px;
padding-left:60px;
width:470px;

}

.wordtube-container-single {
position:relative;
background-color:#eeeeee;
background-image:url();
background-repeat:no-repeat;
background-position:top;
margin-top:50px;
padding-top:20px;
padding-bottom:20px;
padding-left:110px;
width:420px;

}

#WT1_1 {
margin-top:30px;
width:500px;
background-color:#eeeeee;
border:10px solid black;

}


/* Container um Clean Archives Reloaded */
.clean-archives {
	padding:10px;
	padding-bottom:5px;
	margin-bottom:20px;
	float:left;
	width:100%;
	background-color:#eeeeee;
	border:1px solid #e5e5e5;
	background-image:url(images/archiv.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
.clean-archives ul {
margin-left:10px;
}

.clean-archives li{
list-style-type:square;
margin-left:5px;
}

.car-toggler {
	color: #cc081f;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	margin-top:10px;
}

.car-yearmonth {
	color: #cc081f;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	}

.car-monthlisting li,
.car-monthlisting a	{
	color: #cc081f;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	line-height:20px;
	}
	
	
/* Zurück Button */
.back	{
	color: #cc081f;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	line-height:20px;
	}
	
/* Teaser in der Mediathek Uebersichtsseite */
.media-teaser {
width:530px;
height:135px;
padding:10px;
margin-bottom:10px;
background-color:#eeeeee;
border:1px solid #e5e5e5;
}	

/* Bildunterschrfiten auf Mediathek Seiten */
.gallery-description {
font-size:9px;
width:110px;
height:170px;
text-align:left;
font-weight:normal;
}

/* Tabelle auf der Partner-Seite */
.partner {
text-align:center;
border:1px solid #e5e5e5;
margin-right:10px;
padding:5px;
padding-left:10px;
width:160px;

}
#content .post-entry .partner h4 {
text-align:center;
font-size:12px;
}


	
#content .post-entry .partner img {
	display:block;
	padding-left:15px;
	padding-bottom:10px;
	}

#content .post-entry .partner p {
margin-left:0px;
text-align:center;
	}

#content .post-entry .partner a.extlink {
	background-image:url();
	padding-left:0px;
	font-size:9px;
	}
	
/* Spenden Button */
.spenden {
margin-bottom:15px;
}

/* Petition */
.petition_danke_seite {
background-color:#ffffff;
padding:50px;
margin-left:50px;
margin-top:50px;
width:600px;
height:200px;
}

	
	.petition_danke_seite h1 {
	font-size:14px;
	margin-bottom:30px;
	}
	

	.petition_danke_seite p {
	font-size:12px;
	}
	
	.petition_danke_seite img {
	float:left;
	margin-right:20px;
	}
	
	.petition_danke_seite a {
	color:#cc081f;
	}
	
	.body_petition {
	background-color:black;	
	}
	
#petition_text {
	background-color:#eeeeee;
	border:1px solid #d6d6d6;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
	}
	

		
	input {
		margin:5px;
		}
		
		.mailform {
		background-color:#e5e5e5;
		padding:10px;
		margin-top:10px;
		}