/*  
Theme Name: Campaign
Description: Campaign Template for Animal Rights
Version: 1.0
Author: Kathrin Friedrich
*/

/* Colour Links: #0072ad

/* General */

body {
	margin: 0;
	font-family:Verdana;
	background-color:#e7e7e7;
	background-repeat:no-repeat;	
	background-position:bottom right;	
	
}

h1, h2, h3, h4 {
	margin: 0;
}


h2 {
font-size:12px;
color:#666666;
}

.pagetitle {
font-size:20px;
}

h3 {
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:5px;
}

.subtitle {
font-size:20px;
color:#333333;
font-weight:normal;
}

img {
	border: 0;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

p {
margin-bottom:15px;
margin-top:5px;
}

a {
font-weight:bold;
color:#0072ad;
}
/* Page */

#page {
	margin: 0 auto;
	margin-top:10px;
	width: 900px;	
}


/* Header */
#button {
	width:150px;
	height:150px;
	z-index:10;
	position:absolute;
	top:450px;
	margin-left:120px;
}

#button_page {
	margin-right:-30px;
	position:absolute;
	top:150px;
	left:1000px;
	z-index:200;
	float:left;
}

#logo {
	float:left;
	background-image:url(tierschutzbilder_header.jpg);
	background-repeat:no-repeat;
	}


#header {
	width: 900px;
	height: 180px;
	background-color:#fbfbfb;	
	background-image:url(/wp-content/uploads/2011/08/tierschutzbilder_header.jpg);
	background-repeat:repeat-x;
	position: relative;
	
}

	/* Header - Info */
	
	#header #header-info {
	position:absolute;
	margin-left:20px;
	margin-top:30px;
	width:300px;
	height:130px;
	float:left;	
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	}
	

	
	#header #header-info .description {
		color: #ffffff;
		font: bold 13px Verdana;
		margin-left:100px;
	}
	
	#header .logo_tierschutzvideos {
		width:300px;
		height:50px;
		margin-top:20px;
		
	
	}
	/* Header - Metanav */
	#metanav {
	width:100%;
	background-color:#0072ad;
	margin-right:30px;
	margin-top:20px;
	padding-bottom:10px;
	font-size:11px;
	text-align:right;
	line-height:20px;
	}
	
	#metanav a {
	text-decoration:none;
	color:#ffffff;
	text-align:right;
	margin-left:6px;
	margin-right:10px;
		}	
	
	
	/* Header - Menu */
	
	#header #header-menu {
	text-align:right;
	}
	
	#header #header-menu ul {
		margin: 0;
		padding-top:0;
		list-style-type: none;
		height: 20px;
		display:inline;
	}
	
	#header #header-menu ul li {		
		font: 10px Verdana;
		color: #FFFFFF;
		display:inline;
		margin-left:10px;
	}
	
	
	#header #header-menu ul li a {
		color: #ffffff;
		font-weight:normal;
		text-decoration: none;
		}
	
	#header #header-menu ul li a:hover {
		text-decoration: none;

	}
	
	#header #header-menu ul li ul {
		display: none;
	}
	
	
	#sidebar-nav ul  {
	margin-top:43px;
	clear:both;
	margin-bottom:50px;
	}
	
	#sidebar-nav ul li	{
	font-size:13px;
	padding-bottom:3px;
	padding-left:0px;
	padding-top:5px;
	border-bottom:1px dotted #000000;
	border-left:4px solid #0072ad;	
	list-style-type:none;
	width:200px;
	white-space:nowrap;
	}
	
		#sidebar-nav ul li:hover	{
		background-color:#0072ad;	
		}
	
		#sidebar-nav ul li a{
		color:#0072ad;		
		}
	
		#sidebar-nav ul li:hover a{
		color:#ffffff;
			
		}
	
	#sidebar-nav ul li a, #sidebar-nav ul li a:hover {
	padding-bottom:3px;
	padding-left:10px;
	padding-right:110px;
	padding-top:5px; 
	text-decoration:none;
	}

	#sidebar-nav ul li ul{
		visibility:hidden;
	}
	
	.current_page_item  a{
	text-decoration:underline;	
	}

	.current_page_item {
	background-color:#e5e5e5;
	font-weight:bold;
	}

	
/*Drop-Down Menu */
#drop-down-menu {
	float:right;
	margin-top:30px;
	width:300px;
	height:130px;	
	overflow:hidden;
}

.label_dropdown {
	color:#5a5a5a;
	font-size:11px;
	font-weight:bold;
	padding-bottom:4px;
	}


#drop-down-menu-content  form{
width:400px;
}

.archive_dropdown {
width:620px;
}



/* Main */

#main {
	width: 900px;
	background-color:#ffffff;
}

#main-top {
	width: 900px;
	background: url("images/main_top.gif") no-repeat;
}

#main-bottom {
	width: 900px;
	min-height: 50px;
	background-color:#ffffff;
	
}

	/* Main - Content */
	
	#content {
		float: right;
		width: 630px;
		padding: 40px 16px 0 20px;
		background-color:#ffffff;
	}
	
	
	
	/* Main - Content - Maintext auf Startseite*/
	
	#maintext,
	.maintext	{	
	font-size:11px;
	line-height:20px;
	color:#333333;
	margin-bottom:50px;
	}
	
	#maintext  .maintitle,
	.maintext  .maintitle{	
	font-size:20px;
	}

	#maintext  img,
	.maintext  img{	
	float:left;
	margin-right:10px;
	}

	#maintext  a,
	.maintext  a{	
	color:#0072ad;
	text-decoration:none;
	}
	
		#maintext  a:hover,
		.maintext  a:hover{		
	text-decoration:underline;
	}
	
	
	
	.teaserblock-home {
	display:block;
	margin-top:10px;
	padding-top:10px;
	border-top:2px dotted #dddddd;
	
	}
	
/* News Spalte startseite */
#subheader {
	width:625px;	
	background-position:top;
	border:1px solid #e5e5e5;
	height:300px;
	margin-bottom:20px;
	overflow:hidden;
	background-color:#ffffff;
}

.subheader-content  {
	color:#494949;
}

/* Formatierungen f�r die Teaser-Slides auf der Startseite */
#control {
        margin: 0px 0px 20px 0px;
		margin-top:1px;
	}

#control img {
        margin: 0;
        padding: 0;
		
	}
	
#control span a {
	font:0.9em Arial, Verdana, Helvetica;
    border-right: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 5px 5px 5px 5px;
    text-decoration: none;	
	}

#control .cntrl_active {
	background-color: #e5e5e5;
	padding-top:5px;
	padding-bottom:5px;
	}

#control .cntrl_active a {
	color: #fff;
	}

/* Formatierung der Boxen und Texte auf der Startseite*/	
.newsbox_home_left h2 {
	font-size:16px;
	margin-bottom:4px;
}

.newsbox_home_left h3 {
	font-size:12px;
	margin-bottom:4px;
}


.newsbox_home_right {
	background-image:url(images/zeitungen.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:10px;
	min-height:300px;
	padding-bottom:50px;
	border-left:1px solid #e5e5e5;
	}
	
	.newsbox_home_right a {
	font-weight:bold;
	}

	.newsbox_content {
	margin-top:20px;	
	}
	
.tierschutz-videos {
	margin-top:10px;
	width:380px;
	min-height:20px;
	float:left;	
	}
	
	.tierschutz-videos img {
	padding:1px;
	border: 1px solid #e5e5e5;
	}
	
	.news_startseite img {
	padding:1px;
	border: 1px solid #e5e5e5;
	width:80px;
	height:80px;
	}
	
	.news_startseite p {
	margin-top:5px;
	}
	
	.weiterlesen {
	font-weight:bold;
	}

.kontakt {
	margin-top:10px;
	width:205px;
	min-height:20px;
	float:right;
	margin-left:5px;
	}
	
/* Main - Content - Post Allgemeine Formatierungen der Seiten*/
	
	#content .post {
		float: left;
		margin-bottom: 25px;
		padding-bottom:5px;
		width: 580px;
	}
	
	/* Post - Date */
		
		#content .post .post-date {
			color: #000000;
			text-align: left;
			font: bold 10px/25px Verdana;
		}
		
		/* Post - Title */
		
		#content .post .post-title {
			width: 570px;
			color: #cc081f;
			font: bold 12px Verdana;
			padding: 0 0px;
		}
		
		#content .post .post-title a {
			color: #0072ad;
			text-decoration: none;
		}
		
		#content .post .post-title a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-title h2 {
			color: #4c4c4c;
			font: normal 20px Verdana;
			line-height:30px;
			margin-bottom:0px;
			font-size:20px;
			/* border-bottom:1px dotted #000000; */
			}
		
		#content .post .post-title h2 a {
			color: #0072ad;
			text-decoration: none;
		}
		
		#content .post .post-title h2 a:hover {
			text-decoration: underline;
		}
		
		#content .post .post-title h3 {
			color: #0072ad;
			font: bold 15px Verdana;
			line-height:20px;
			margin-bottom:0px;
			
			}
		
		#content .post .post-title h3 a,
		#content .post .searchresults .searchpost .searchtitle  h2 a{
			color: #0072ad;
			text-decoration: none;
			font-weight:bold;
		}
		
		
		
		#content .post .post-title h3 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: 500px;
			float: left;
		}
		
		#content .post .post-entry h2 {
		margin-top:15px;
		margin-bottom:5px;
		}
		
		#content .post .post-entry ul {
		margin-left:25px;
		margin-top:5px;
		}
		
		#content .post .post-entry a,
		#content #maintext a {
			color: #0072ad;
			text-decoration: none;
			}
			
			
		#content .post .post-entry a.intern ,
		#content #maintext a  {
			color: #0072ad;
			text-decoration: none;
			font-weight:bold;
		}

		/* Formatierungen f�r die Archiv-Seiten bzw. Seiten die Inhalte zu best. Tags listen */
		#content .post .post-entry-archive {
			font: normal 11px/18px Verdana;
			color: #000000;
			padding: 0 0px;
			width: 500px;
			background: #FFFFFF;
			float: left;
		}
		
			#content .post .post-entry-archive p{
			width:350px;
			margin-bottom:3px;
			}
		
			
			.eintragsbox_archiv {
			float:right;			
			margin-left:10px;			
			width:470px;
			font-size:11px;
			line-height:20px;
			margin-bottom:20px;
			}
			
			.eintragsbox_archiv h3 {
			font-size:14px;
			font-weight:bold;
			}
			
			.eintragsbox_archiv p {
			margin-top:5px;
			margin-bottom:5px;
			}
			
				.eintragsbox_archiv h3 a,
				.eintragsbox_archiv a{
					color:#0072ad;
					text-decoration:none;
					}
				
				.eintragsbox_archiv h3 a:hover,
				.eintragsbox_archiv a:hover{					
					text-decoration:underline;
					}
			
				
			.title_archiv {
			width:400px;
			margin-top:0px;
			}
		
			.bildbox_archiv {
			float:left;
			width:100px;	
			margin-right:15px;
			}

			.img_archiv {
			width:100px;
			height:100px;
			padding:1px;
			border:1px solid #cbc3b0;			
			margin-top:3px;
			}
		
		
		
			
		#content #maintext .newsbox_home a  {
			background-image:none;
			background-repeat:no-repeat;
			background-position:left;
			padding-left:0px;
			}
			
			
		#content .post .post-entry a.extlink {
			background-image:url(images/externalLink.gif);
			background-repeat:no-repeat;
			background-position:left;
			color:#0072ad;
			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: #0072ad;
			float: right;
			padding-bottom: 5px;
		}
		
		#content .post .post-entry .more-link a {
			color: #0072ad;
			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;
			padding:1px;
			border:1px solid #e6e6e6;
		}
		
		#content .post-entry-news {
		margin-bottom:60px;
		}
		
		
		#content .post-entry-news .post-entry img {
			float:left;
			margin-right:10px;
			margin-top:5px;
			margin-bottom:5px;
			width:100px;
			height:100px;
		}
		
		#content .post-entry p {
		width:570px;		
		}
		
		input {
		margin:5px;
		}
		
		.mailform {
		background-color:#e5e5e5;
		padding:10px;
		margin-top:10px;
		}
		/* 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;
		}
			
	
	/* 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: #0072ad;
		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;
		font: normal 11px/18px Verdana;
		color: #000000;
		background-color:#ffffff;
		/* border-right: 1px solid #0072ad; */
	}
	
	
	
		/* Sidebar, on the right side */				
		.sidebar-left {
			padding: 0px 0 0px 0px;
			width:203px;
			margin-bottom:20px;
		}
		
		/* Sidebar - Titles */
		
		.sidebar h3 {
			padding-left:7px;
			font-size:12px;
			margin-top:20px;
			border-left:4px solid #0072ad;	
			border-bottom:1px dotted #000000;
			
		}
				
		.sidebar #searchform {
			text-align:left;
			width:170px;
			height:60px;
			margin-left:5px;
		}
		
		.sidebar #searchform #s {
			width: 170px;
			margin-top:7px;
			margin-bottom:5px;
		}
	
		/* Boxen unterhalb der Navigation */
		.sidebar_box {
		background-image:url(images/verlauf_blau.jpg);
		background-repeat:repeat-x;
		color:white;
		padding:5px;
		margin-left:5px;
		margin-bottom:10px;
		}
		
		.sidebar_box_clean {
		color:black;
		padding:5px;
		margin-left:5px;
		margin-bottom:10px;
		}
		
		/* Sidebar - Texts */
		.sidebar .textwidget {
			padding-left: 7px;
		}
		
		.sidebar .textwidget a {
			color:#0072ad;
			font-weight:bold;
		}		

		.sidebar .st-tag-cloud {
		border-bottom:1px solid #0072ad;
		padding:7px;		
		}
			
		.st-tag-cloud  a{
		color:#0072ad;
		text-decoration:none;
		}
		
			

/* Footer, seperated in 2 colums, the left one widget-ready */

	#footer {
		width: 900px;
		height:90px;
		color: #ffffff;
		font: 10px Verdana;
		text-align: center;
		padding-bottom:5px;
		background-color:#0072ad;
		line-height:18px;
		
	}

	#footer a {
		color: #ffffff;
		text-decoration: underline;
	}

	#footer a:hover {
		text-decoration: underline;
	}

	#sidebar-bottom-left {
		float:left;
		width:550px;
		margin-right:50px;
		margin-left:15px;
		margin-top:15px;
		text-align:left;
		}

	#sidebar-bottom-right {
		margin-right:15px;
		text-align:right;
		padding-top:15px;
	}




/* Search Results */

#searchresults .searchpost{
margin-top:5px;
font-size:11px;
padding-bottom:0px;
margin-bottom:0px;
height:160px;
}

.searchentry p {
line-height:150%;
}




/* Topic Image bei jedem Thema */
.topic-image {
margin-left:15px;
margin-bottom:15px;
}


/* News Page */

#content .post .post-entry .newslink {
	color: #0072ad;
	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;	
	}

/* Formatierungen f�r die Seite Aktuelles */
.postbox_aktuelles {
margin-bottom:50px;
width:100%;
}

.aktuelles_oben {
	margin-bottom:10px;
	height:230px;
}

.h2_aktuelles_startseite {
font-size: 16px;
margin-top:10px;
}

.datumsbox {
	float: left;
	height: 40px;
	padding-right:10px;
	border-right:1px dotted #555555;
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
	}


#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:20px;
	margin-bottom:20px;
	float:left;
	width:600px;
	background-color:#eeeeee;
	border:1px solid #e5e5e5;
	background-image:url(images/archiv.gif);
	background-position:bottom right;
	background-repeat:no-repeat;	
}

.clean-archives li{
list-style-type:square;
margin-left:20px;
}

.car-toggler {
	color: #0072ad;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	margin-top:10px;
	display:block;
	margin-bottom:10px;
}

.car-yearmonth {
	color: #0072ad;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	}

.car-monthlisting li,
.car-monthlisting a	{
	color: #0072ad;
	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;
	}

	


/* Tab Widget f�r Preise */
#jwts_tab {
margin-top:40px;
margin-bottom:20px;
}


#content .post .post-entry ul.jwts_tabbernav {
width:586px;
margin-top:20px;
margin-left:0px;
}

ul.jwts_tabbernav  post-entry{
margin-bottom:20px;
height:20px;
}

.jwts_tabberlive .jwts_tabbertab {
width:580px;
padding-right:0px;
}


#jwts_tab table {
margin-top:10px;
}

#jwts_tab table td {
	background-color:#e5e5e5;
	text-align:right;
	padding-right:5px;
	padding-left:5px;
}

#jwts_tab  td .format {
	font-weight:bold;
	border-bottom:1px solid black;
}

#jwts_tab thead  tr td{
	background-color:#0072ad;
	color:#ffffff;
	font-weight:bold;
}

/* Boxen auf den Detailseite mit Tags und Link zu Preisen */
.tag-list {
width:566px;
margin-top:5px;
background-image:url(images/verlauf_grau.jpg);
background-repeat:repeat-x;
border:1px solid #bbbbbb;
padding:1px;
padding-left:3px;
padding-right:3px;
}

	.tag-list span {
	margin-left:5px;
	}

	.tag-list a {
	font-weight:bold;
	}


.preisbox {
	width:570px;
	height:20px;
	background-image:url(images/verlauf_grau.jpg);
	background-repeat:repeat-x;
	border:1px solid #bbbbbb;
	padding-left:2px;
	margin-top:5px;
	font-size:11px;
}

	.preisbox a {
	color:#0072ad;
	font-weight:bold;
	text-decoration:none;
	}

	
/* Infobox, z.B. bei Suche oder Archiv oben am Seitenkopf fuer erlaeuternden Text*/
.infobox {
	background-color:#e5e5e5;
	padding:5px;
	border:1px solid #707070;
	color:black;
	font-size:11px;
	font-weight:normal;
	margin-top:30px;
	line-height:20px;
	}	


	h3.h3box {
			color:white;
			border-bottom:1px solid white;
			border-left:0px;
			padding-left:5px;
			margin-bottom:4px;
			margin-top:4px;		
			}


.zurueck {
font-weight:bold;
color:#cc081f;
margin-top:5px;
}


/* ngg Gallery ueberschreiben*/
.ngg-galleryoverview  {
width:600px;
}

.ngg-clear {
margin-bottom:20px;
}

/* Spendenbox auf der Seite Spenden */
/Title.spendenkonto {
	border:1px dotted #555555;
	display:block;
	margin-top:50px;
	padding:10px;
	height:150px;
	width:550px;;
	} 

/* Formatierung der Hintergrundbox der Videos auf den Bildergalerie-Seiten*/
.wordtube {
	padding-left:190px;
	width:420px;
	background-image:url(images/video_hintergrund.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:20px;
	}

/*RSS Box auf der Seite Aktuelles */
.rss_box {
	background-image:url(images/rss.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-right:70px;
	padding-top:20px;
	height:80px;
	width:500px;
	}
	
.wp-pagenavi {
width:600px;
text-align:center;
}

.sociable {
height:50px;
width:100%;

}


.sociable ul li {
display:inline;
float:left;
text-align:center;
}

.sociablefirst {
display:inline;
float:left;
}

/* Funktionsicons wie Drucken, pdf und Mail */
.print_div {
margin-top:10px;
margin-bottom:20px;
width:150px;
float:right;
margin-left:20px;
}
	

.mail_div {
width:160px;
float:left;
margin-left:10px;
}
	#content .post-entry .mail_div img {
	border:none;
	}
	
	/* pdf button auf Inhaltsseiten, Startseite und Archiv ausblenden */
	#content .single_page .post .post-entry  #aspdf a,
	#subheader #aspdf a,
	.newsbox_home_right #aspdf a,
	#content .clean-archives #aspdf a {
	display:none;
	}
