/*  
Theme Name: Daily Paragraph 1.1

Theme URI: http://www.kommposition.de/
Description: Daily Paragraph - Magazin für Rechtsinformationen 
Version: 1.1
Author: Rüdiger v. Schönfels
Author URI: http://www.kommposition.de
Tags: custom header, fixed width, two columns, widgets

This theme was designed and built by: http://www.kommposition.de / Rüdiger v. Schönfels,
*/


/* #################################  Voreinstellungen  ################################## */
html { height: 100.01%; margin: 0; padding: 0;}
* {margin: 0; padding: 0; border: none;}

body {
  font				: normal 100%/1.5 "Arial", "Helvetica", sans-serif;
  text-align		: center;
  background		: #666;
  color				: #000000;  
}

h1, h2, h3, h4, h5, h6 {
  font				: normal 0.985em/1.5 "Arial", "Helvetica", sans-serif;
  margin			: 0;
  padding			: 10px;
}


h3 {
  font				: normal 0.985em/1.5 "Arial", "Helvetica", sans-serif;
  color				: #173C60;
  margin			: 0;
  padding			: 10px;
}


p , table, th, td, input, textarea, code, pre {
  font				: normal 0.785em/1.4 "Arial", "Helvetica", sans-serif;
  margin			: 0 0 7px;
  padding			: 3px 10px 0;
}

ul {
  font				: normal 0.785em/1.3 "Arial", "Helvetica", sans-serif;
  list-style-type	: square;
  padding			: 0px 40px 20px;
  margin			: 0px 10px 0px 0px;	
}

ol {
  font				: normal 0.785em/1.3 "Arial", "Helvetica", sans-serif; 
  padding			: 0px 40px 20px;
  margin			: 0px 0px 0px 0px;	
}

li  {
  margin-bottom		: 10px;
}


li a {
  display			: block;
  padding			: 0px 10px;
}

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

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  padding			: 0px 0 0px;
}

a:hover {
  color				: #173c60;
}

.clearer {
  clear				: both;
  height			: 3px;
  line-height		: 1px;
  font-size			: 1px;
  padding			: 0;
  margin			: 0;
  width				: 10px;
}

blockquote {
  font				: normal .85em/1.4 "Arial", "Helvetica", sans-serif;
  margin			: 3px 10px 7px 30px;
  padding			: 0 10px 0 5px;
  border-left		: 10px solid #173c60;
}

#anwalt {
    font			: normal 0.8em "Arial", "Helvetica", sans-serif;
	float			: left;
}	


.moretext {
    font			: normal 0.7em "Arial", "Helvetica", sans-serif;
    background		: #173c60;
  	color			: #fff;
	padding-left	: 3px;
	padding-right	: 3px;
	}	

.moretext:hover {
    background		: #B9C4CF;
  	color			: #173c60;
}


.siegel {
  position			: relative;
  top				: 15px;
  right				: -5px;
  float				: right;  
}

.expertenlink {
    font			: normal 0.7em "Arial", "Helvetica", sans-serif;
}

.expertenlink a {
    font			: normal 1em "Arial", "Helvetica", sans-serif;
    color			: #fff;
    background		: #173c60;
}

.expertenlink a:hover {
    background		: #B9C4CF;
  	color			: #173c60;
}



/* ###############################  Seitenstruktur  ###################################### */

/*Vorsicht: unterschiedliche Interpretation von Angaben wie width, Margin, padding je nach Browser -> zu enge Angaben führen im Explorer z.B. dazu, das rechtes Menü nach unten kippt, dass */

#starter #hintergrund {
  background		: #ffffff url(images/back.gif);
  width				: 990px;
  text-align		: left;
  margin			: 0 auto;
}

#single #hintergrund {
  background		: #ffffff url(images/back.gif);
  width				: 990px;
  text-align		: left;
  margin			: 0 auto;
}

#kopf {
  height			: 160px;
/*  background		: #ffffff url(images/kopf.gif) no-repeat;  */
}

#seite {
  position			: relative; /* relative Positionierung nötig, damit absolute-Positionierung bei #menurechts greift */
  width				: 990px;
  margin			: 0px 0px;
}

#menulinks {
  width				: 165px;
  float				: left;
  border-left		: 15px solid #fff;
}

#inhalte {
  width				: 600px;
  float				: left;
}

#menurechts {
  position			: absolute; /* Positionierung nötig, sonst spielt rechtes Menü in Explorer verrückt */
  right				: 0px;		
  width				: 166px;
  border-right		: 10px solid #fff;
  float				: left;
}

#fuss {
  clear				: both;
  font-size			: 0.785em;
  background		: #173c60 url(images/fuss.gif) no-repeat;
  text-align		: center;
  height			: 44px;
  background-position : 0px -1px;
}




/* ###############################  Kopf der Seite  ###################################### */

#kopf h1 {
  text-align		: left;
  padding			: 25px 0 0 0;
  height			: 120px;
}


#kopf2 p {
  text-align		: center;
  margin			: 0;
  padding			: 4px 0 3px;
  font				: normal 0.935em/1.1 "Arial", "Helvetica", sans-serif;
}

/* ###############################  Menü linke Seite  ###################################### */


#menulinks a {
  display			: inline;
}

#menulinks ul {
  list-style-type	: none;
  font-size			: 0.8em;
  padding			: 0px;
  line-height		: 1.1;
}

#menulinks ul li {
  margin-bottom		: 5px;
}

#menulinks ul p {
  font-size			: 0.935em;
  padding			: 0;
}

#menulinks ul ul {
  font-size			: 1.0em;
  padding			: 0px;
}

/*definiert die Subkategorien in Kategorie-Menüs*/
#menulinks ul ul ul {
  font-size			: 1.0em;
  padding			: 0px 0 0 10px;
}

#menulinks ul ul ul ul {
  font-size			: 1.0em;
  padding			: 0 0 0 16px;
}

#menulinks ul ul li a {
  font-size			: 0.9em;
  padding			: 0;
}

#menulinks h2 {
  font-size			: 1.1em;
  font-variant		: small-caps;
  font-weight		: bold ;
  color				: #fff;
  background		: #173c60;
  padding			: 0px 5px 0px; 
  border-bottom		: 0px solid #173c60; 
  margin			: 15px 5px 5px -5px;
}

#menulinks a:hover,
#menulinks li.current-cat,
#menulinks li.current_page_item{
  color				: #173c60;
  background		: #ccc;
}

#menulinks ul li form input.sucheingabe,
#menulinks ul li form input#si {
  background		: #fff;
  border			: 1px inset #ccc;
  width				: 126px;
  padding			: 1px 3px 2px;
  margin			: 5px 0 5px 0;
  font-size			: 0.935em;
}

#menulinks ul li form input.suchsubmit,
#menulinks ul li form input#ss {
  background		: #fff;
  border			: 1px outset #ccc;
  width				: 60px;
  padding			: 0px 3px 1px;
  margin-top		: 0;
  font-size			: 0.935em;
}

#menulinks ul li form input:hover.suchsubmit,
#menulinks ul li form input:hover#ss {
  background		: #666;
  color				: #173c60;
}

#menulinks p.catcloud a {
  padding			: 1px 5px 2px 0;
}

#menulinks #wp-calendar {
  border-collapse	: collapse;
  padding			: 0;
  margin			: 0;
  border-top		: 1px solid #ccc;
  border-left		: 1px solid #ccc;
  width				: 120px !important;
}

#menulinks #wp-calendar th,
#menulinks #wp-calendar td {
  font-size			: 1.0em;
  padding			: 0 1px;
  margin			: 0;
  border-right		: 1px solid #ccc;
  border-bottom		: 1px solid #ccc;
}

#menulinks #wp-calendar th a,
#menulinks #wp-calendar td a {
  font-size			: 1.0em;
  padding			: 0;
  margin			: 0;
  border-right		: 1px solid #ccc;
  border-bottom		: 1px solid #ccc;
}

#menulinks #wp-calendar {
  font-size			:1.0em;
}

#menulinks #wp-calendar {
  font-size			:1.0em;
}

#menulinks #wp-calendar {
  font-size			:1.0em;
}

#menulinks #wp-calendar {
  font-size			:1.0em;
}

#menulinks #wp-calendar {
  font-size			:1.0em;
}

#menulinks #social-bookmarks a {
  padding			: 10px 0 0 0;
  margin			: 0 2px 0 0;
}

/* ###############################  Hauptinhalt mittlere Spalten  ############################# */


#entry {}

#inhalte h2 {
  font-size			: 1.1em;
  padding-top		: 25px;
  background		: #ffffff;
}

#inhalte h2 a {
  margin			: 0;
  line-height		: 1.0;
}

#inhalte h2 a:hover {
  color				: #173c60;
}

#inhalte .post {
  width				: 580px;
  float				: left;
  background		: #fff;
  margin-top		: 0px;
  padding-left		: 10px;
  padding-right		: 10px;
  font-size			: 110%;
  overflow          : hidden;
  border-bottom		: 0px solid #ccc; /*Linie unter Hauptmeldung und unter den Meldungsblöcken auf den Hauptseiten*/
}


/* Formatierung von .punktlinie2 siehe weiter unten bei Authorentemplate */ 

.punktlinie2 {
  clear				: left;
  width				: 580px;
  height			: 20px;
  background		: url(images/punktlinie2.gif) repeat-x;
  padding-left		: 8px;
  padding-right		: 8px;
}


#inhalte .post h2 {
  font-size			: 1.8em;
}

#inhalte .post img {
  float				: left;
  padding			: 0px 10px 10px 0px;
}


#inhalte .post p {
}


/* definiert hellblaue Leiste mit Experte, Rubrik (nur unten: Datum) über und unter dem Artikel bei Volltextanzeige*/ 

#inhalte .postmetadata {
  clear				: left;	
  font-size			: 0.8em;
  line-height		: 160%;
  vertical-align	: middle;
  color				: #000; 
  background		: #B9C4CF;
  margin-top		: 15px;
  margin-bottom		: 10px;
  padding-left		: 10px;	
}





/* definiert einzeilige Textankündigungen mittels Titel der Artikel samt Quellenverweisen*/ 

.teaser-titel {
  text-align		: right;
  font-size			: 0.95em;
  color				: #000;
  margin			: 0px;	
  padding			: 0px;	
  padding-left		: 10px;
}

.teaser-text {
  font-size			: 0.65em;
  color				: #000;
  text-align		: right;
  margin			: 0px;	
  padding			: 0px;	
  padding-right		: 10px;  
}




/* definiert Texte im Zweispaltformat*/ 
#inhalte .mini-post {
  width				: 285px;
  float				: left;		
  margin-left		: 5px;
  margin-right		: 5px;
  font-size			: 0.98em;
}

#inhalte .mini-post h2 {
  background		: transparent;
}

#inhalte .mini-post .postmetadata {
  font-size			: 0.685em;
  padding-bottom	: 4px;
  margin-bottom		: 0;
  border-bottom		: none;
  background		: transparent;  
}

#inhalte hr.teiler {
  height			: 1px;
  line-height		: 1px;
  font-size			: 1px;
  background		: #fff;
  clear				: both;
  margin			: 0 10px;
}

/* definiert Linien unter den zweispaltigen Meldungen; ohne diese Formatierung passiert seltsames: nur im Bereich Arbeitnehmer-im-Recht erscheinen die Meldungen plötzlich nicht mehr als Zweierpärchen nebeneinander */
#inhalte .trenner {
  width				: 595px;
  height			: 20px;
  background		: url(images/punktlinie2.gif) repeat-x;
  margin-left		: 0px;
  margin-right		: 0px;
  clear				: both;
}


#inhalte .navigation {
  width				: 606px;
  background		: #fff;
  font-size			: 0.8em;
  clear				: left;
}

#inhalte .drgt {				
  float				: left;
  padding			: 2px 10px;
  height			: 17px;
}

#inhalte .dlft {				
  float				: right;
  padding			: 2px 10px;
  height			: 17px;
}


/* ###########  Experten-Box unter dem Artikel (Experten sind im Backend die Autoren oder User ) ########### */


#authorbox {background:#173c60; color: #ccc;border:0px solid #CECFD0; width:200px; margin:0 auto; margin-bottom:0px; overflow:hidden; padding:10px;}
2	#authorbox h4 {font-size:16px; color:#B34040; margin:0; padding:0;}
3	.authortext {padding-left:100px;}
4	#authorbox img {margin:0; padding:0px; float:left; border:5px solid #FFFFFF;}
5	#authorbox p {color:#FFFFFF; margin:0; padding:0px;}
6	#authorbox h4 > a {text-decoration:none;}
7	#authorbox a {font-weight:bold;}

/* ###############################  Kategorie-Template  ################################ */


h1.cattemplate {
  font				: normal 1.2em/1.5 "Arial", "Helvetica", sans-serif;
}


.catteaser {
  width				: 595px;
  background-color	: #B9C4CF;
  margin-top		: 15px;
  overflow          : hidden;
  border-bottom		: 3px solid #B9C4CF; /* Innenabstand unten in Teaser-Kästen bei Ansicht Rubrik oder Urteile-der-Rubrik */
}


.catteaser-links {
  width				: 190px;
  background-color	: #B9C4CF;
  float				: left;
  margin-top		: 0px;
  margin-left		: 0px;
  margin-right		: 0px;
  margin-bottom		: 10px;
  font-size			: 100%;
  overflow          : hidden;
}


.catteaser-mitte {
  width				: 210px;
  background-color	: #B9C4CF;
  float				: left;
  margin-top		: 0px;
  padding-left		: 0px;
  padding-right		: 0px;
  font-size			: 100%;
  overflow          : hidden;
  border-left		: 1px solid #173c60;
  border-right		: 1px solid #173c60;
}


.catteaser-rechts {
  width				: 180px;
  background-color	: #B9C4CF;
  margin-top		: 0px;
  padding-left		: 0px;
  padding-right		: 0px;
  font-size			: 100%;
  overflow          : hidden;
}



.catteaser-links-cat {
  width				: 290px;
  background-color	: #B9C4CF;
  float				: left;
  margin-top		: 0px;
  margin-left		: 0px;
  margin-right		: 0px;
  margin-bottom		: 10px;
  font-size			: 100%;
  overflow          : hidden;
}

.catteaser-rechts-cat {
  width				: 290px;
  background-color	: #B9C4CF;
  margin-top		: 0px;
  padding-left		: 0px;
  padding-right		: 0px;
  font-size			: 100%;
  overflow          : hidden;
  border-left		: 1px solid #173c60;
}


.catteaser-h {   
  font				: normal 18px "Arial", "Helvetica", sans-serif;
  color				: #173c60;
  margin-top		: 10px;
  margin-bottom		: 15px;
  margin-left		: 15px;
  padding			: 0px;
}


.catteaser-h1 {   
  font-size			: 80%; 
  font-weight		: bold ;
  background-color	: #173c60;
  color				: #fff;
  margin-left		: 5px;
  padding-top		: 3px;
  padding-bottom	: 2px;
  padding-left		: 7px;
  padding-right		: 7px;
}


a.catteaser-h1 {   
  font-size			: 80%; 
  font-weight		: normal;
  background-color	: #eee;
  color				: #000;
  margin-left		: 5px;
  padding-top		: 0px;
  padding-bottom	: 0px;
  padding-left		: 5px;
  padding-right		: 5px;
}

a.catteaser-h1:hover {   
  color				: #173c60;
  background-color	: #fff;
}



p.catteaser-h2 {   
  background-color	: #B9C4CF;
  font-size			: 70%; 
  margin-top		: 4px;
  margin-left		: 5px;
  margin-bottom		: 5px;  
  padding-top		: 0px;
  padding-bottom	: 0px;
}


a.catteaser-h3 {   
  float				: right;	
  font-size			: 80%; 
  font-weight		: normal;
  background-color	: #eee;
  color				: #000;
  margin-left		: 5px;
  margin-top		: 0px;
  margin-bottom		: 2px;
  padding-left		: 5px;
  padding-right		: 5px;
}

a.catteaser-h3:hover {   
  color				: #173c60;
  background-color	: #fff;
}



/* ###############################  Authoren-Template  ################################ */


#inhalte-author {
  width				: 450px;
  float				: left;
}


#hintergrund-menuerechts-author {
  background		: #fff url(images/back.gif);
  width				: 990px;
  text-align		: left;
  margin			: 0 auto;
}


#menuerechts-author {
  width				: 310px;
  margin-top		: 15px;
  margin-bottom		: 10px;
  padding-top		: 12px;
  padding-bottom	: 30px;
  padding-left		: 20px;	
  padding-right		: 15px;	
  background-color	: #B9C4CF;
  font				: normal 1em "Arial", "Helvetica", sans-serif;
  float				: left;
}


.menuerechts-author-h2 {
  font				: normal 1.5em "Arial", "Helvetica", sans-serif;
  color				: #173c60;
  margin-left		: 0px;
  margin-bottom		: 30px;
  padding			: 0px ;
}


h2.rubrikenheadline {
  font				: normal 0.9em "Arial", "Helvetica", sans-serif;
  background		: #ddd;	
  color				: #000;
  margin-left		: 3px;
  margin-right		: 10px;
  border-top		: 0px dotted #173c60;
  padding			: 2px 0px 2px 6px;
}

.punktlinie1 {
  width				: 415px;
  background		: url(images/punktlinie1.gif) repeat-x;
  margin-top		: 20px;
  margin-left		: 3px;
}




/* ###############################  Ähnliche Artikel  ################################ */


#similar {
  position			: relative; 
  width				: 580px; 
  margin-top		: 0px;
  padding-top		: 0px;
  padding-bottom	: 0px;
  padding-left		: 0px;	
  padding-right		: 0px;	
  background-color	: #B9C4CF;
  border-bottom		: 15px solid #fff;
  font				: normal 1em "Arial", "Helvetica", sans-serif;
  float				: left;
}


#similar p {
  font				: normal 1.2em "Arial", "Helvetica", sans-serif;
  font-weight:	bold;
  color				: #000;
  padding-left		: 0px; 
}


#similar a:hover {
  color				: #173c60;
  padding-left		: 0px; 
}


.similar-tab {
  list-style-type	: none;
  font				: normal 0.75em "Arial", "Helvetica", sans-serif;
  color				: #111;
  padding-left		: 15px; 
}

.similar-spalte { 
  vertical-align	: top; 
  width				: 260px;
}


/* #########################  Kommentare und Formular  ################################### */
h3#comments, h3#respond {
  font-size			: 1em;
  margin			: 10px 0px 0px 0px;
}

h3#comments {
  background		: #ccc;
  border-right		: 0px solid #ccc;
  border-top		: 10px solid #fff;
  padding-top		: 10px;
}

#inhalte ol.commentlist {
  background		: #ccc;
  padding			: 3px 10px 3px 50px;
  border-right		: 0px solid #ccc;
}

#inhalte ol.commentlist li {
  padding			: 0 0 1px 0;
  margin-bottom		: 10px;
  font-size			: 1.2em;
  background		: #fff;
}

#inhalte ol.commentlist li.alt {
  background		: #eee;
}

#inhalte ol.commentlist li a {
  display			: inline;
} 

#inhalte ol.commentlist li small.commentmetadata a {
  font-size			: 0.9em;
  display			: inline;
  padding-left		: 0;
}

#inhalte ol.commentlist li cite {
  font				: normal 0.75em "Arial", "Helvetica", sans-serif;
  padding-right		: 0;
}


/* Eingabekasten für Kommentare*/
#inhalte #commentform textarea {
  width				: 530px;
  border			: 3px solid #173c60;
  font				: normal 0.935em/1.1 "Arial", "Helvetica", sans-serif;
  padding			: 1px 3px 2px;
  margin-top		: 0px;
}

#inhalte #commentform p label {
  font				: normal 1.1em/1.0 "Arial", "Helvetica", sans-serif;
  padding			: 0px 3px 12px;
}

#inhalte #commentform input {
  width				: 90px;
  font				: normal 1em/1.1 "Arial", "Helvetica", sans-serif;
  color				: #fff;
  padding			: 1px 3px 2px;
  margin-top		: 0px;
}

#inhalte #commentform input#submit {
  border			: 1px solid #999;
  background		: #173c60;
}

#inhalte #commentform input:hover#submit {
  background		: #666;
  color				: #fff;
}

#inhalte input.inhaltsucheingabe {
  border			: 1px inset #999;
  font				: normal 0.935em/1.1 "Arial", "Helvetica", sans-serif;
  padding			: 1px 3px 2px;
  margin			: 3px 0 0 10px;
}

#inhalte input.inhaltsuchsubmit {
  border			: 1px outset #999;
  background		: #fff;
  padding			: 1px 3px 0px;
  margin			: 3px 0 0 10px;
}

#inhalte input:hover.inhaltsuchsubmit {
  background		: #666;
  color				: #fff;
}

/* ###############################  Menü rechte Seite  ###################################### */

#menurechts {
  font-size			: 1.0em;
  padding			: 0 0 0 10px;
  text-align		: left;
}

#menurechts a {
  display			: inline;
}

#menurechts ul {
  list-style-type	: none;
  font-size			: 0.8em;
  padding			: 0;
  line-height		: 1.1;
}

#menurechts ul li {
  margin-bottom		: 5px;
}

#menurechts ul p {
  font-size			: 0.935em;
  padding			: 0 0 0 10px;
}

#menurechts ul ul {
  font-size			: 1.0em;
  padding			: 0;
  margin			: 0 0 0 10px;
}

/*definiert die Subkategorien in Kategorie-Menüs*/
#menurechts ul ul ul {
  font-size			: 1.0em;
  padding			: 0 0 0 10px;
  margin			: 0;
}

#menurechts ul ul ul ul {
  font-size			: 1.0em;
  padding			: 0 0 0 8px;
  margin			: 0;
}

#menurechts ul ul li a {
  font-size			: 0.9em;
  padding			: 0;
}

#menurechts h2 {
  font-size			: 1.1em;
  font-variant		: small-caps;
  font-weight		: bold;
  color				: #fff;
  background		: #173c60;
  padding			: 0px 5px 0px; 
  border-bottom		: 0px solid #173c60; 
  margin			: 15px 0px 5px -5px;
}

#menurechts a:hover,
#menurechts li.current-cat a,
#menurechts li.current_page_item a {
  color				: #173c60;
  background		: #ccc;
}

#menurechts ul li form input.sucheingabe,
#menurechts ul li form input#si {
  background		: #fff;
  border			: 1px inset #ccc;
  width				: 126px;
  padding			: 1px 3px 2px;
  margin			: 5px 0 5px 10px;
  font-size			: 0.935em;
}

#menurechts ul li form input.suchsubmit,
#menurechts ul li form input#ss {
  background		: #fff;
  border			: 1px outset #ccc;
  width				: 60px;
  padding			: 0px 3px 1px;
  margin			: 0 0 5px 10px;
  font-size			: 0.935em;
}

#menurechts ul li form input:hover.suchsubmit,
#menurechts ul li form input:hover#ss {
  background		: #666;
  color				: #fff;
}

#menurechts p.catcloud a {
  padding			: 1px 5px 2px 0;
}

#menurechts #wp-calendar {
  border-collapse	: collapse;
  padding			: 0;
  margin			: 0 0 0 10px;
  border-top		: 1px solid #ccc;
  border-left		: 1px solid #ccc;
  width				: 120px !important;
}

#menurechts #wp-calendar th,
#menurechts #wp-calendar td {
  font-size			: 1.0em;
  padding			: 0 1px;
  margin			: 0;
  border-right		: 1px solid #ccc;
  border-bottom		: 1px solid #ccc;
}

#menurechts #wp-calendar th a,
#menurechts #wp-calendar td a {
  font-size			: 1.0em;
  padding			: 0;
  margin			: 0;
  border-right		: 1px solid #ccc;
  border-bottom		: 1px solid #ccc;
}

#menurechts #wp-calendar {
  font-size			:1.0em;
}

#menurechts #wp-calendar {
  font-size			:1.0em;
}

#menurechts #wp-calendar {
  font-size			:1.0em;
}

#menurechts #wp-calendar {
  font-size			:1.0em;
}

#menurechts #wp-calendar {
  font-size			:1.0em;
}

/* ###############################  Fuss der Seite  ###################################### */

#fuss {
  margin-left		: 10px;
  margin-right		: 10px;
  padding-top		: 10px;
  color				: #fff;
 }

#fuss p {
  color				: #fff;
 }

#fuss a {
  color				: #fff;
 }

#fuss a:hover {
  color				: #f90;
}