/*
  Theme Name: Rolf Neijman NEU
  Theme URI: http://www.neijman.de/
  Description: Das alte war nicht zu gebrauchen
  Version: 1.0
  Author: Peter Kroener
  Author URI: http://www.peterkroener.de
*/


/* Reset */
@import url('default.css');


/* Basics */
body { text-align:center; font-size:80%; line-height:1.5em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; background:#FFF; color:#262425; }
a { text-decoration:none; border-bottom:0.08em solid #DBDBDB; }
  a:link, a:visited { color:#E31B1E; border-color:#DBDBDB; }
  a:hover, a:active { color:#E31B1E; border-color:#E31B1E; }
strong { font-weight:bold; }
em { font-style:italic; }


/* Bilder-Border killen */
a img { display:block; border:none; }
img { background:#FFF; }
#main img { background:#EFF0E6; }


/* Layout */
#container { width:995px; margin:1em auto; }  /* Main + 20px Border + Side + 20px Margin */
#main { width:455px; background:#EFF0E6; border:10px solid #DBDBDB; position:relative; float:left; padding:280px 0 0 0; margin:0 0 64px 0; }
#side { width:500px; float:right; }
div.fifty { width:50%; float:left; padding-top:12px; }
  div.fifty div.content { margin-bottom:32px; }
#col2 { padding-top:288px; }
div.footrow { clear:both; padding:2em 0; }
  div.footrow div.main { width:455px; float:left; }
  div.footrow div.footside { width:500px; float:right; }
    div.footrow div.footside div.fifty { padding:0; }
  div.footrow div.content { position:relative; }
    div.footrow div.content p.rsslink { position:absolute; top:-16px; right:24px; z-index:1337; }
div.fifty { width:50%; float:left; padding-top:12px; }
  div.fifty div.content { margin-bottom:32px; }
#endfooter { clear:both; text-transform:uppercase; padding:4em 0; }

/* Headline */
h1 a { display:block; width:475px; height:273px; background:url(img/header.jpg) top left no-repeat; position:absolute; top:-10px; left:-10px; border:none; }
  h1 a span { display:block; height:0; width:0; overflow:hidden; }


/* H2-Headlines mit Grafik */
h2 { min-height:42px; background-position:top left; background-repeat:no-repeat; margin:0 0 16px 0; }
  h2 span { display:block; height:0; width:0; overflow:hidden; }
.aktuelles-thema { background-image:url(img/aktuelles-thema.gif); }
.ueber-mich { background-image:url(img/ueber-mich.gif); min-height:48px; background-position:-16px -32px; }
.portfolio { background-image:url(img/portfolio.gif); }
.livechat { background-image:url(img/livechat.gif); }
.quicklink { background-image:url(img/quicklink.gif); }
.letzte-eintraege { background-image:url(img/letzte-eintraege.gif); min-height:48px; }
.referenzen { background-image:url(img/referenzen.gif); min-height:48px; }
.letzte-kommentare { background-image:url(img/letzte-kommentare.gif); min-height:48px; }
.kontakt { background-image:url(img/kontakt.gif); min-height:48px; }
.blog-archiv { background-image:url(img/blog-archiv.gif); min-height:48px; }
.playliste { background-image:url(img/playliste.gif); min-height:48px; }

/* H2-Headlines ohne Grafik */
h2#textheadline { color:#494545; font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:2.2em; height:auto; letter-spacing:-0.025em; line-height:1em; margin:0 0 -20px 0; padding:0; }


/* Textformatierung */
.content { text-align:left; padding:0 16px; }
  .content p { margin:1.25em 0; }
  .content ul { list-style-type:square; padding-left:24px; margin:1.25em 0; }
  .content ol { list-style-type:decimal; padding-left:24px; margin:1.25em 0; }


/* Level 3 Headline */
h3 { color:#494545; font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1.6em; line-height:1.25em; text-transform:uppercase; letter-spacing:-0.025em; margin:20px 0; }
  h3 a { font-weight:normal; }
    h3 a:link, h3 a:visited { color:#494545; border-color:#DBDBDB; }
    h3 a:hover, h3 a:active { color:#000; border-color:#E31B1E; }
#side h3 { font-size:1.5em; }


/* Navi */
#navi { line-height:1.2em; list-style:none; padding:0; }
  #navi a { font-weight:bold; border:none; text-transform:uppercase; }
    #navi a:link, #navi a:visited { color:#494545; }
    #navi a:hover, #navi a:active { color:#000; }


/* Post-Datum */
p.date { color:#B2B2B2; text-transform:uppercase; font-size:1.2em; margin:1em 0; }


/* Livechat */
#livechat a { border:none; }


/* Zitate */
blockquote { border-left:15px solid #F6F6F6; padding-left:15px; margin-left:5px; color:#595454; }


/* Icons */
img.icon { position:relative; top:3px; }


/* Linkliste */
#linklist { margin-bottom:2em; }
  #linklist img { float:left; }
  #linklist div.clear { height:0.5em; }


/* Blickpunkte */
#blickpunkte li { margin:0.5em 0; }


/* PDA-Pic im Footer */
#pdapic { float:left; margin-right:8px; }


/* Newsfeed-Box */
#newsfeed { border:10px solid #DBDBDB; background:#F6F6F6; }
  #newsfeed h3 { font-size:1.5em; }
img#feedbg { float:right; margin:8px; }


/* Referenzen-Tabelle */
table.reftab td { text-align:center; padding:0.25em; }
table.reftab h3 { font-size:0.9em; font-weight:bold; letter-spacing:normal; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; height:2em; }
table.reftab a { border:none; }
  table.reftab a img { border:1px solid #DBDBDB; padding:4px; }
    table.reftab a:link img, table.reftab a:visited img { border-color:#DBDBDB; }
    table.reftab a:hover img, table.reftab a:active img { border-color:#E31B1E; }


/* HR-Ersatz */
div.hr { border-top:1px solid #DBDBDB; }


/* Blog-Artikelnavi */
p#postnavi { position:relative; top:48px; }


/* Pagebar */
div.pagebar { position:relative; top:52px; }
	div.pagebar a { display:inline-block; border:0.08em solid #DBDBDB; width:2em; padding:2px 0; }
		div.pagebar a:link, div.pagebar a:visited { background:#F5F5F5; }
		div.pagebar a:hover, div.pagebar a:active { background:#FFFFFF; }


/* Postmeta-Box */
div.postmeta { border:1px solid #DBDBDB; background:#F6F6F6; margin:32px 16px 0 16px; padding:16px; }
  div.postmeta ul, div.postmeta p { margin:0.5em 1em; }
    div.postmeta ul li { display:inline; margin: 0 1em; }


/* Alles was mit Kommentaren zu tun hat */
#comments { margin:4em 0; }
img.gravatar { float:right; border:1px solid #DBDBDB; padding:2px; }
div.comment { position:relative; margin-top:2em; margin-bottom:2em; padding:2em 0; }
  div.comment h4 { color:#595454; font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1.3em; text-transform:uppercase; letter-spacing:-0.025em; margin:0; }
p.comment-date { color:#B2B2B2; text-transform:uppercase; font-size:1.1em; margin:0.5em 0; }
p.quote-comments { position:relative; z-index:1337; text-align:right; margin:0; }
p.admin { font-size:4em; color:#FAFAFA; position:absolute; bottom:-1em; left:0; }


/* Alle Formulare */
fieldset label { display:block; margin:1em 0 0.125em 0; }
fieldset input, fieldset textarea, fieldset select { width:98%; font-size:1em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; padding:0.5em 0.2em; border:1px solid #DBDBDB; background:#F6F6F6; color:#595454; }
fieldset input:hover, fieldset textarea:hover, fieldset select:hover { background:#FFF; border-color:#BFBFBF; color:#494545; }
fieldset input:focus, fieldset textarea:focus, fieldset select:focus { background:#FFF; border-color:#E31B1E; color:#262425; }
fieldset label input { width:auto; border:none; background:none; }

label.error { font-weight:bold; color:#CC0000; }
input.error, textarea.error { border-color:#CC0000; }


/* Besondere Listen */
#recent-comments { list-style:none; padding-left:8px; }
  #recent-comments li { padding-left:24px; background:url(img/icons/comment.gif) 0px 2px no-repeat; }
#blickpunkte { list-style:none; padding-left:0; }
  #blickpunkte li { border:1px solid #DBDBDB; background:#F6F6F6; padding:0.25em; margin:0.5em 0; }
#recent-posts { list-style:none; padding-left:8px; }
  #recent-posts dt { padding-left:24px; background:url(img/icons/page_bookmark.gif) 0px 2px no-repeat; width:50%; float:left; }
  #recent-posts dd { width:40%; float:right; text-align:right; }


/* Allg. Klassen */
.small { font-size:0.8em; }
.clear { display:block; clear:both; }
.footclear { clear:both; height:64px; }  /* Das ist kriminell */
.noborder { border:none; }