/*  
Theme Name: Netzjournal - Freies Online Magazin
Theme URI:
Description: 
Version: 1.0
Author: Oliver Polenz
Author URI: http://www.creative-webdev.de/
*/

body
	{
	font-family: "Arial",arial,verdana,clean,sans-serif;
	font-size: 13px;
	background-color: #eeeeee;
	color: #2d2d2d;
	}

			.gutschein-background {
				background: #e0e0e0;
				padding: 7px;
				margin-top: 20px;
				overflow: hidden;
				}
				
			.gutschein-text {
				height: 36px;
				background: #ffffff;
				color: #333333;
				font-weight: bold;
				line-height: 36px;
				font-size: 15px;
				text-align: center;
				float: left;
				width: 366px;
				border-top: 2px solid #cccccc;
				}
			
			.gutschein-button {
				height: 36px;
				background: url(images/button.png);
				width: 128px;
				color: #ffffff;
				line-height: 36px;
				font-size: 18px;
				text-align: center;
				float: right;
				border: 1px solid #B40404;
				}
				
			.gutschein-button-2 {
				height: 39px;
				background: url(images/button.png);
				width: 300px;
				color: #ffffff;
				line-height: 39px;
				font-size: 24px;
				text-align: center;
				border: 3px solid #B40404;
				-moz-border-radius: 1em; 
				-webkit-border-radius: 1em;
				margin-top: 30px;
				margin-left: 140px;
				}
		
			.gutschein-popup-title {
				font-size: 32px; 
				font-weight: bold; 
				color: #333;
				}
				
			.gutschein-popup-subtitle {
				font-size: 18px;
				}
				
			.gutschein-popup-desc {
				margin: 20px 0px 20px 0px; 
				font-size: 15px; 
				float: left; 
				overflow: hidden;
				}	
				
			.gutschein-popup-desctitle-2 {
				font-weight: bold; 
				color: #000; 
				font-size: 16px; 
				margin: 20px 0px 3px 10px;
				}
				
			.gutschein-popup-desctitle {
				font-weight: bold; 
				color: #000; 
				font-size: 16px;
				}
			
			.gutschein-popup-list {
				line-height: 18px;
				margin-left: 10px;
				}	
				
			.gutschein-info {
				font-size: 11px;
				margin: 7px 0px 35px 0px;
				padding: 10px 15px 10px 15px;
				line-height: 24px;
				background: #FFFEEC;
				border: 1px solid #DCD8C1;
				color: #666666;
				}
				
				.gutschein-info img {
					float: left;
					margin: 0px 10px 0px 0px;
					width: 24px;
					border: 0px;
					}
					
			.leave-button {
				float: right; 
				margin: 7px 0px 0px 0px; 
				font-size: 16px; 
				background: url(images/button.png);
				height: 38px;
				//text-transform:uppercase; 
				text-align: center;
				line-height: 38px;
				width: 246px;
				color: #ffffff;
				-moz-border-radius: 0.2em;
				webkit-border-radius: 2em;
				border: 1px solid #B40404;
				}
				
				.leave-button a {
					color: #ffffff;
					text-decoration: none;
					}

	
.black-link
{
color: #000000;
font-weight: normal;
text-decoration: none;
}

a, a:visited, a:active
	{
	color: #005ba0;
	}

a:hover
	{
	color: #2d2d2d;
	text-decoration: none;
	}
	
#wrapper
	{
	width: 960px;
	margin: 0px auto;
	}
	
	.wrapper-headline {
		padding: 15px 10px 13px 10px;
		background: #4c7586;
		overflow: hidden;
		margin-top: 30px;
		-moz-border-radius: 0.4em 0.4em 0em 0em;
		-webkit-border-radius: 0.4em 0.4em 0em 0em;
		}
		
		.wrapper-headline a {
			color: #ffffff;
			text-decoration: none;
			margin-left: 5px;
			}
	
	.header-top
		{
		background: #ffffff;
		border-left: 6px solid #e0e0e0;
		height: 10px;
		}
	
	.header
		{
		background: #ffffff;
		border-left: 6px solid #e0e0e0;
		height: 40px;
		}
		
	.logo
		{
		height: 50px;
		}
		
	.navigation
		{
		background: url(images/navigation.png);
		width: 957px;
		height: 39px;
		}
		
		.navigation ul 
			{
			margin: 0 0 0 20px;
			padding: 0 0 0 0;
			}
			
		.navigation li
			{
			margin: 0 35px 0 0;
			padding: 0 0 0 0;
			line-height: 39px;
			list-style: none;
			float: left;
			}
			
	#content
		{
		background: #ffffff;
		overflow: hidden;
		border-left: 6px solid #e0e0e0;
		border-right: 6px solid #e0e0e0;
		border-bottom: 6px solid #e0e0e0;
		-moz-border-radius: 0em 0em 0.8em 0.8em;
		-webkit-border-radius: 0em 0em 0.8em 0.8em;
		}
			
		.main-content
			{
			width: 598px;
			background: #ffffff;
			margin: 10px 0 10px 0;
			float: left;
			border-right: 1px dashed #dadada;
			padding-bottom: 20px;
			}
			
			.marker
				{
				margin: 35px 15px 0 0;
				width: 27px;
				height: 22px;
				float: left;
				background: url(images/marker.png);
				}
			
			.cat-post
				{
				text-align: normal;
				margin: 10px 45px 0 5px;
				overflow: hidden;
				}
				
			.cat-post-2
				{
				border-bottom: 1px dotted #e0e0e0;
				padding: 0px 10px 15px 10px;
				text-align: normal;
				margin: 15px 20px 0px 20px;
				overflow: hidden;
				}
				
			.cat-post-3
				{
				text-align: normal;
				margin: 15px 40px 0 10px;
				overflow: hidden;
				}
				
			.cat-desc
				{
				margin-bottom: 30px;
				padding: 20px;
				font-size: 13px;
				}
			
			.cat-desc h1
				{
				font-size: 140%;
				line-height: 16px;
				font-weight: bold;
				margin: 6px 0 -10px 0;
				}	
				
			.cat-desc h2
				{
				font-size: 130%;
				line-height: 18px;
				font-weight: bold;
				margin: 10px 0 0px 0;
				}	
			
			.cat-post h1, .cat-post-2 h1
				{
				font-size: 150%;
				line-height: 26px;
				font-weight: bold;
				margin: 6px 0 2px 0;
				}
				
			.cat-post h1 a, .cat-post-2 h1 a
				{
				color: #2a4c5a;
				text-decoration: none;
				font-weight: bold;
				}
				
			.cat-post h1 a:hover, .cat-post-2 h1 a:hover
				{
				color: #2d2d2d;
				text-decoration: none;
				}
				
			.cat-post-3 h1
				{
				font-size: 150%;
				line-height: 26px;
				font-weight: bold;
				margin: 7px 0 2px 0;
				}
				
			.cat-post-3 h1 a
				{
				color: #005ba0;
				text-decoration: none;
				font-weight: bold;
				}
				
			.cat-post-3 h1 a:hover
				{
				color: #2d2d2d;
				text-decoration: none;
				}
				
			.cat-post-text
				{
				margin: -5px 0 0 0;
				padding: 0px;
				font-size: 98%;
				line-height: 20px;
				
				}
				
				.cat-post-text li
					{
					font-weight: none;
					list-style-type: none;
					background-repeat: no-repeat;
					margin: 0px;
					}
				
			.cat-post-text-2
				{
				margin: 0 0 0 0;
				padding: 0px;
				font-size: 98%;
				line-height: 18px;
				
				}
				
			.cat-post-datum
				{
				font-size: 90%;
				color: #c0c0c0;
				margin: 0 0 10px 0;
				}
				
			.icon
				{
				float: left; 
				margin: 0 15px 0 0;
				}
				
				.icon img
					{
					width: 100px;
					}
			
		.sidebar
			{
			width: 330px;
			float: left;
			font-size: 13px;
			margin-left: 8px;
			margin-right: 10px;
			}
			
			
			.sidebar-ads
				{
				padding: 20px 25px 25px 25px;
				}
			
			.sidebar-button
				{
				margin: 0px 20px 0px 20px;
				padding: 5px 0px 5px 0px;
				border-bottom: 1px dashed #dadada;
				}
				
			.sidebar-button li
				{
				margin: 0 0 0 0;
				padding: 7px 0 7px 5px;
				list-style: none;
				}
				
			.sidebar-button a
				{
				color: #2d2d2d;
				text-decoration: underline;
				}
				
			.sidebar-button a:hover
				{
				color: #00376a;
				text-decoration: underline;
				}
				
			.sidebar-button li:hover
				{
				background: url(images/sidebar-button-hover.png);
				}
				

			.sidebar-button-haupt
				{
				font-size: 15px;
				color: #999999;
				padding: 8px 0px 0px 0px;
				margin-top: 20px;
				margin-bottom: 0px;
				}
				
			.sidebar-button-haupt li
				{
				margin: 0 0 0 0;
				padding: 0 0 0 20px;
				list-style: none;
				}
				
			.sidebar-button-haupt a
				{
				color: #999999;
				text-decoration: none;
				}
				
			.sidebar-button-haupt a:hover
				{
				color: #2d2d2d;
				text-decoration: none;
				}
				
			.sidebar-button-text
				{
				border-top: 1px dashed #e0e0e0;
				padding: 7px;
				font-size: 87%;
				color: #666666;
				margin: 5px 20px 0px 20px;
				}
				
			.sidebar-button-text a
				{
				color: #2d2d2d;
				text-decoration: underline;
				}
				
			.sidebar-button-text a:hover
				{
				color: #2d2d2d;
				text-decoration: none;
				}
				
			.sidebar-button-text li
				{
				margin: 0 0 0 0;
				line-height: 32px;
				padding: 0 0 0 30px;
				list-style: none;
				}
				
				
	.clearfloat
		{
		clear: both;
		}
		
	.footer
		{
		background: url(images/leiste.png);
		height: 3px;
		margin: 0 0 0 0;
		}
		
	.footer-bottom
		{
		overflow: hidden;
		}
		
	.footer-text
		{
		width: 943px;
		text-align: right;
		margin: 0 0 50px 0;
		padding: 7px;
		font-size: 70%;
		}
			
/* Comments */

.content-wrapper
	{
	margin: 20px;
	border-top: 1px dotted #dddddd;
	}	
	
#comments
	{
	margin: 0px;
	overflow:hidden;
	}
	
.comment-date
	{
	color: #666666;
	font-style: italic;
	font-size: 90%;
	}

.comment-headline
	{
	text-transform: uppercase;
	font: 800 18px Cambria, Georgia, serif;	
	}	

.comment-author-box
	{
	padding: 10px 7px 2px 0px;
	overflow:hidden;
	}
	
.comment-author
	{
	text-transform: uppercase;
	font: 800 14px Cambria, Georgia, serif;	
	}

.comment-author a, comment-author a:visited, .comment-author a:hover, comment-author a:active
	{	
	color: #1d1d1d;	
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
	}
	
.comment-text
	{
	padding: 0px;
	font-size: 98%;
	line-height: 18px;
	
	padding: 0 5px 0 5px;
	}
	
.comment-fields
	{
	margin: 5px 20px 5px 20px;
	font-size: 13px;
	}

.comment-fields h3
	{
	font-size: 20px;
	text-transform: uppercase;
	margin: 0 0 -1px 0;
	}

.form-left
	{
	overflow: hidden;
	}
	
.form-right
	{
	overflow: hidden;
	}

.form-style
	{
	border: 1px solid #e6e6e6;
	-moz-border-radius:0.6em;
	-webkit-border-radius:0.6em;
	background: #fff;
	font-size: 12px;
	color: #666666;
	padding: 8px 10px;
	}
	
.comment-submit
	{
	margin: 0 8px 0 0;
	}
	
.links
	{
	text-align: right;
	margin: 0 20px 20px 0;
	font-size: 11px;
	color: #cccccc;
	}		
	
	.links a, .links a:visited
		{
		color: #ededed;
		}
		
	.links a, .links a:visited
		{
		color: #ededed;
		}				
		
.tarif-vergleich
	{
	text-align: normal;
	margin: 30px;
	}
	
	.tarif-vergleich h1
		{
		font-size: 140%;
		line-height: 16px;
		font-weight: bold;
		margin: 6px 0 -10px 0;
		}
		
	.tarif-tabelle
		{
		background: #ececec;
		border: 1px solid #ddd;
		margin: 30px;
		overflow: hidden;
		}
		
		.tarif-tabelle-spalte
			{
			width: 140px;
			float: left;
			margin: 4px;
			padding: 0px;
			overflow:hidden;
			}
			
		.tabelle-anbieter-spalte
			{
			width: 88px;
			float: left;
			margin: 0px;
			padding: 4px;
			overflow:hidden;
			border-right: 1px dotted #ddd;
			}
			
		.tabelle-tarif-spalte
			{
			width: 105px;
			float: left;
			margin: 0px;
			padding: 4px;
			overflow:hidden;
			border-right: 1px dotted #ddd;
			}
			
		.tabelle-praemie-spalte
			{
			width: 110px;
			float: left;
			margin: 0px;
			padding: 4px;
			overflow:hidden;
			text-align: center;
			}
			
		.tabelle-preis-spalte
			{
			width: 90px;
			float: left;
			margin: 0px;
			padding: 4px;
			overflow:hidden;
			border-right: 1px dotted #ddd;
			}
			
		.tarif-tabelle-zeile
			{
			border-bottom: 1px solid #ddd;
			line-height: 33px;
			margin: 0px;
			padding: 0px;
			background: #ffffff;
			overflow:hidden;
			font-size: 12px;
			text-align: center;
			}
			
		.tarif-tabelle-zeile-2
			{
			margin: 0px;
			padding: 5px;
			background: #ececec;
			overflow:hidden;
			font-size: 12px;
			}
			
		.tabelle-anbieter-beschreibung
			{
			margin: 0px;
			padding: 5px;
			background: #ffffff;
			overflow:hidden;
			font-size: 12px;
			line-height: 17px;
			border:1px dotted #dddddd;
			}
			
		.right
			{
			text-align: right;
			margin-right: 10px;
			}
			
			.right a
				{
				color: #ff0000;
				}

.links2
{
text-decoration: none;
}