/*  
Theme Name: ThemeBlue
Theme URI: http://www.joerrens.com/
Description: Just another blue WordPress Theme.
Version: 1.0
Author: Torge Joerrens
Author URI: http://www.joerrens.com/
Tags: blue, custom header, fixed width, three columns, widgets
*/

/* Collage 
----------------------------------------------- */

#collage {
	position: absolute;
	left:626px;
	top:33px; 
}

/* Allgemein 
----------------------------------------------- */

body {
	background-image:url(images/img_hintergrund.gif);
	background-repeat:repeat-y;
	background-color:#e8f4fc;
	text-align:left;
	padding:0px;
	margin:0px;
}

table,td,div,span,p {
	font-family: arial,helvetica;
	text-align: justify;
	font-size:12px;
	text-align:left;
	color:#3b3b3b;
}

li {
	margin:0px 0px 0px -8px;
	padding:0px 0px 0px -8px;
}

.listkategorie {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.listkategorie li {
	background:url(images/img_pfeil.gif) no-repeat left center;
	padding:0px 0px 0px 8px;
	margin:0px 0px 0px 15px;
}

.children {
	list-style:none; 
}

.children li {
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 8px;
}

#inhalt {
	background-color:#FFFFFF;
	padding:5px;
	width:1000px;
}

/* Info 
----------------------------------------------- */

#info {
	padding:0px 0px 0px 9px;
}

#info h1 {
	font-weight:normal;
	font-size:10px;
	color:#666249;
	padding:0px;
	margin:0px;
}

/* Logo 
----------------------------------------------- */

#logo {
	padding:20px 0px 0px 9px;
	color:#FFFFFF;
}

#logo h1 {
	font-family: arial,helvetica;
	margin:45px 0px 0px 30px;
	line-height:20px;
	font-size:24px;
	color:#FFFFFF;
}

#logo div {
	margin:0px 0px 0px 30px;
	font-weight:normal;
	font-size:14px;
	color:#9bc8e1;
	padding:0px;
}

#logo a {
	text-decoration:none;
	color:#FFFFFF;
}

#logo a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

#header {
	background-image:url(images/img_bg_header.jpg);
	background-repeat:repeat-x;
	height:108px;
}

#search {
	background-image:url(images/img_bg_suche.gif);
	background-repeat:repeat-x;
	background-color:#CBCBCB;
	height:38px;
}

#breadcrumb {
	font-size:11px;
	color:#6C6C6C;
}

#breadcrumb a {
	text-decoration:none;
	font-size:11px;
	color:#6C6C6C;
}

#breadcrumb a:hover {
	text-decoration:underline;
	font-size:11px;
	color:#6C6C6C;
}

/* Content 
----------------------------------------------- */

#content_links {
  	float:left;
  	width:195px;
}

#content_links ul {
  	margin:0px;
  	padding:0px;
}

#content_rechts {
  	float:left;
	width:170px;
}

#content_mitte {
  	float:left;
  	width:600px;
  	margin:0px 5px 0px 8px;
}

.clear {
	clear:both;
}

hr {
	border:1px solid #6d9ab5;
}

small {
	color:#6c6c6c;
}

/* Kommentar 
----------------------------------------------- */

.commentlist {
	list-style-type:none;
	padding:12px;
	margin:0px;
}

.comment1 {
	background-color:#fffffd;
}

.comment2 {
	background-color:#f7f7f7;
}

.commentlist  .avatar {
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

	
/* Footer 
----------------------------------------------- */

#footer {
	font-size:11px;
}

#footer a {
	text-decoration:none;
	color:#294671;
}

#footer a:hover {
	text-decoration:none;
	color:#5179B8;
}

/* Copyright 
----------------------------------------------- */

#copyright {
	font-family:tahoma,arial,sans-serif;
	font-size:10px;
	color:#878787;
}

#copyright a {
	text-decoration:none;
	font-size:10px;
	color:#878787;
}

#copyright a:hover {
	text-decoration:none;
	font-size:10px;
	color:#5179B8;
}

/* Überschriften 
----------------------------------------------- */

h1 {
	color:#2c7095;
	font-size:13px;
	padding:0px;
	margin:0px;
}

h2 {
	font-weight:normal;
	font-size:10px;
	padding:0px;
	margin:0px;
}

/* Links 
----------------------------------------------- */

a {
	text-decoration:none;
	color:#a10d59;
}

a:hover {
	text-decoration:underline;
	color:#a10d59;
}

.listkategorie a {
	text-decoration:none;
	color:#a10d59;
}

.listkategorie a:hover {
	text-decoration:none;
	color:#a10d59;
}

.teaser a {
	text-decoration:none;
	color:#6C6C6C;
}

.teaser a:hover {
	text-decoration:none;
}

a.alt {
	text-decoration:none;
	color:#2c7095;
}

a.alt:hover {
	text-decoration:underline;
	color:#2c7095;
}

/* Box 
----------------------------------------------- */

.box {
	margin-top:9px;
	border:1px solid #6d9ab5;
}

.boxohne {
	margin:9px 9px 9px 15px;
	border:1px solid #FFFFFF;
}

.box h1 {
	background-color:#b5dcf2;
	font-size:12px;
	padding:5px;
	margin:0px;
}

.box h2 {
	font-weight:bold;
	font-family: "Arial";
	background-color:#b5dcf2;
	letter-spacing: -1px;
	font-weight: normal; 
	line-height: 16px;
	font-size: 16px;
	color:#2c7095;
	padding:5px;
	margin:0px;
}

.box h3 {
	font-family: "Arial";
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 14px;
	font-size: 14px;
	color:#43689f;
	padding:0px;
	margin:0px;
}

.box h4 {
	line-height:18px;
	font-size:12px;
	padding:5px 0px 0px 5px;
	margin:0px;
}

.box h5 {
	font-family: "Arial";
	letter-spacing: -1px;
	font-weight: normal; 
	line-height: 14px;
	font-size: 14px;
	padding:5px;
	margin:0px;
}

.pagenav {
	line-height:18px;
	font-size:12px;
	padding:5px 0px 0px 5px;
	margin:0px;
}

.box div {
	padding:0px 5px 10px 5px;
}

.box p {
	padding:10px 0px 0px 0px;
	font-family: "Trebuchet MS";
	text-align: justify;
	font-size:12px;
	margin:0px;
}

.box span {
	color:#6C6C6C;
	margin:0px;
}

/* Teaser 
----------------------------------------------- */

.teaser ul {
  	margin:0px;
  	padding:0px;
}

.teaser ul li {
	margin:0px 0px 0px -15px;
	padding:0px 0px 0px -15px;
	list-style:none;
}

.teaser h2 {
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px -15px;
	font-weight:bold;
	line-height:18px;
	font-size:12px;
}

.linkcat {
	list-style:none;
}


/* ABSTAND 
----------------------------------------------- */

.abstand {
    font-size: 1px;
    line-height: 1px;
    height: 5px;
}

/* FORM 
----------------------------------------------- */

form {
	padding:0px;
	margin:0px;
}

input {
	font-family:arial,sans-serif;
	font-size:11px;
	color:#3B3B3B;
}

textarea,select {
	font-family:arial,sans-serif;
	font-size:11px;
	color:#3B3B3B;
}

.left {
	float:left;
}

.right {
	float:right;
}
