/*
Theme Name: KBDVK2
Theme URI: http://www.KreativDesign.net
Description: WP Theme für den Kreuzbund Diözesanverband Köln
Version: 2.0
Author: Kreuzbund Diözesanverband Köln
Author URI: http://www.kreuzbund-dv-koeln.de/
*/


/* ########## MARKUP ########### */
/* 	Aussen- und Innenabstaende aller HTML-Elemente auf 0 setzen,
	da diese im jeweiligen Browserstandard zu unterschiedlich interpretiert werden
*/
* {
	margin: 0;
	padding: 0;
}

/* setzt alle Schriftgroessen auf den Standard von 16px zurueck */
html {
	font-size: 100%; 
}

img {
	border: 0;
}

ul {
	list-style: none;
}

body {
	background: #FFF;
	color: #444;
	font: normal 75% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica;
	text-align: center;
}

p, h1, h2, h3, h4, h8 {
	margin: .3em 0 1em 0;
}

/* ########## STRUKTUR ########### */
/*	wrapper - zentriert das Layout auf feste Breite */
#wrapper {
	background: url(img/bg_linie.gif) top left repeat-y;
	margin: 0 auto;
	text-align: left; /* Zurucksetzen auf linksbuendigen Schriftfluss */
	width: 720px;
}

#header {
	background: transparent;
	height: 89px;
	margin-bottom: 12px;
	padding-left: 5px;
}

#header img {
	display: block;
	padding-top: 12px;
}

#content { 
	background: transparent;
	float: left;
	margin: 0 0 20px 30px;
	overflow: hidden;
	width: 450px;
}

#sidebar {
	float: right;
	overflow: hidden;
	width: 190px;
}

#sidebar #searchform #s {
    width: 140px;
    padding: 2px;
    }

#sidebar #searchsubmit {
    padding: 1px;
    }

#footer {
	background: transparent;
	clear: both;
	font-size: 89%;
	margin-left: 30px;
	padding-bottom: 20px;
}

.lastModi {
	float: left;
	font-size: 89%;
	text-align: left;
	width: 50%;
	overflow: hidden;
}

.topline {
	float: left;
	font-size: 89%;
	text-align: right;
	width: 50%;
	overflow: hidden;
}

.entry {
	border-bottom: 1px solid #EEE;
	margin: 22px 0;
	padding: 0 0 1em 0;
	overflow: hidden;
	padding: .5em;
}

.ssi {
	border-bottom: 1px solid #CECECE;
	margin: 0 0 10px 0;
}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}
	
.more-link {
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.col_lft {
	float: left;
	width: 162px;
}

.col_rgt {
	float: right;
	width: 250px;
}

/* ########## TYPOGRAFIE ########### */
h2 {
	border-bottom: 2px dotted #FC6;
	color: #666;
	font-size: 1.6em;
}

h3 {
	color: #000;
}

h4, h5 {
	font-size: 110%;
}

h4 {
	margin: 2em 0 1em 0;
}

h8 {
	font-size: 100%;
}

h6 {
	font-size: 95%;
}

.ssi h7 {
	font-size: 95%;
}

#content p {
	line-height: 1.3;
	overflow: hidden;
	text-align: justify;
	width: 100%;
}

.news {
	background: #EEE;
	border: 1px solid #CCC;
	margin-bottom: 1.4em;
	padding: .5em;
}

.entry h4 {
	border-bottom: 1px solid #EEE;
}

.entry h5 {
	margin-bottom: 12px;
}

.entry hr {
	border-bottom: 1px dotted #FC6;
	margin-bottom: 8px;
	}

.aktuelles h3 {
	background: transparent url(img/icons/note.png) 0px 0px no-repeat;
	padding-left: 24px;
	margin-top: 2em;
}

p.email {
	background: #EEE url(img/icons/email_go.png) 4px 4px no-repeat;
	margin: 15px 0;
	padding: 3px 0 3px 30px;
}

p.www {
	background: #EEE url(img/icons/world_go.png) 4px 4px no-repeat;
	margin: 15px 0;
	padding: 3px 0 3px 30px;
}

p.related {
	border-top: 1px solid #EEE;
	clear: both;
	font: 86% Verdana, arial, helvetica, sans-serif;
	padding: 5px 0 0 24px;
	background: transparent url(img/icons/information.png) 0px 5px no-repeat;
}

div.pdf {
	background: transparent url(img/icons/page_white_acrobat.png) 0px 2px no-repeat;
	line-height: 22px;
	padding-left: 22px;
}
div.pdf_startseite {
	font-size: 95%;
	background: transparent url(img/icons/page_white_acrobat.png) 0px 2px no-repeat;
	line-height: 22px;
	padding-left: 22px;
}

.highlight {
	font-weight: bold;
	color: #E97F25;
}

.line {
	border-top: 1px solid #999;
	padding-top: 1em;
}

/* ########## LINKS ########### */
#content a {
	color: #09698B;
	text-decoration: none;
}

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

#footlink a {
	color: #09698B;
	text-decoration: none;
}

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

a.link_up {
	background: transparent url(img/icons/arrow_up.png) top left no-repeat;
	padding-left: 22px;
}

/* ########## MENUE ########### */
#menu ul {
	margin-bottom: 2em;
}

#menu ul li {
	border-bottom: 2px solid #FFF;
	font-size: 86%;
	background: #EEE;
	text-decoration: none;
}

#menu ul li span {
	background: #8AB9B5;
	color: #FFEDC8;
	display: block;
	font-weight: bold;
	padding: 5px;
}

#menu ul li a {
	padding: 5px 5px 5px 10px;
	display: block;
	color: #333;
	text-decoration: none;
	width: 100%;
}

#menu ul li.toplink a {
	background: #FCEDCA;
	font-weight: bold;
	width: 100%;
}

html>body #menu li a { 
	width: auto;
}

#menu ul li a:hover {
	background-color: #CCC;
	color: #09698B;
}

#menu ul li ul {
	margin-bottom: 0;
}

#menu ul li a.akt_kat {
	border: 1px solid #CCC;
	border-bottom: none;
}

#menu ul li.current-cat a {
	background: #8AB9B5;
	color: #FFEDC8;
	font-weight: bold;
	padding: 5px;
}

#menu ul li ul li a, #menu ul li ul li span {
	border-left: 10px solid #CCC;
	border-right: 5px solid #CCC;
	background: #EEE;
	font-size: 1.1em;
}

#menu ul li ul li span {
	background: #8AB9B5;
	color: #FFEDC8;
	display: block;
	font-weight: bold;
	padding: 5px;
}

/* ########## LISTEN ########### */

#content ul {
	list-style-type: square;
	padding-left: 12px;
}

#content ul li {
	padding: 3px 0;
}

ul.no_liststyle {
	list-style: none;
	margin: 0 0 34px -12px;
}

ul.no_liststyle li {
	list-style: none;
}

/* ########## FORMULARE ########### */
#mailform {
	background: #EEE;
	border: 1px solid #CCC;
	margin: 20px auto;
	padding: 20px;
	width: 80%;
}

#mailform fieldset {
	border: 1px solid #CCC;
	padding: 10px;
}

#mailform label, input.submit {
	display: block;
	margin-top: 5px;
}

input text {
	padding: 2px;
	width: 100;
}

input.text {
	border: 1px solid #CCC;
}

input.text, textarea {
	border: 1px solid #CCC;
}

input.submit {
	background: #CCC;
	border: 1px solid #999;
	color: #000;
}

/* ########## BILDER ########### */
.imgflt_lft {
	float: left;
	margin: 4px 8px 4px 0;
}

div.entry img, .img_border {
	border: 5px solid #EEE;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* ########## Tabellarische Daten ########### */
table {
	border: 0;
}

table td, table th {
	padding: .5em;
	vertical-align: top;
}

table.table_data td, table.table_data th {
	border: 1px solid #CCC;
	border-collapse: collapse;
}

table.table_data {
	width: 100%;
}

table.table_data th {
	background: #EEE;
	color: #333;
}

.table_date, td.table_location {
	width: 22%;
}
.table_subject {
	width:20%;
}

/* ########## Google Maps ########### */
#map, #map2, #map3, #map4, #map5 {
	height: 300px;
	width: 447px;
}

/* ########## KLASSEN ########### */
.top {
	background: #FFEDC8;
	border: 1px solid #999;
	padding: 6px;
}

/* ########## HELFERLEIN ########### */
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.block {
	display: block;
}

.lft {
	text-align: left;
}

.rgt {
	text-align: right;
}

.jst {
	text-align: justify;
}

.clr {
	clear: both;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

/* KOMMENTARE */
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}