/*
Theme Name: ruhrpottbilder.de
Theme URI: http://www.segert.net
Description: WordPress-Layout als Grundvorlage
Version: 0.1
Author: Ralph Segert
Author URI: http://ruhrpottbilder.de
*/

/* Erstellt von Ralph Segert - www.segert.net*/


* {
margin: 0;
padding: 0;
}

body {
font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
text-align: center;
font-size: small;
line-height: 21px;
background-color: #000;
color: #a9a9cb;
}

#top {
height: 0;
}

hr {
clear: both;
visibility: hidden;
width: 0;
height:0; 
margin:0; 
padding:0; 
}


/* Allgemeine Linkformatierung
____________________________________*/


a:link, a:visited {
color: #c60;
background-color: transparent;
text-decoration: none;
}



a:hover, a:active {
color: #cccce7;
background-color: transparent;
border-bottom: 0px dotted;
}



/*  Kopf mit Logo, Hauptnavigation und Infobalken
________________________________________________________*/


#kopf { 
width: 100%;
text-align: center;
}

#logo {
margin-top: 0;
text-align: center;
height: 96px;
background: #cfced6 url(images/logo.jpg) center no-repeat;
}

#navigation {
height: 28px;
padding-top: 10px;
text-align: center;
background-color: #cfced6;
}


/* Hauptnavigation in Listenform */

#navigation ul li {
display: inline;
list-style-type: none;
text-align: center;
font-size: 95%;
}

.hauptnavi a, .hauptnavi a:visited  {
letter-spacing: 1px;
color: #eee;
margin-left: 1px;
padding: 10px 12px 10px 12px;
height: 35px;
text-align: center;
} 

.hauptnavi a {
background: url(images/_hm-bg1.gif) repeat-x top left;
}

.hauptnavi a:hover {
background: url(images/_hm-bg1aktiv.gif) repeat-x top left;
}

.hauptnavi_aktiv  {
letter-spacing: 1px;
color: #fff;
margin-left: 1px;
padding: 10px 12px 10px 12px;
height: 35px;
text-align: center;
background: url(images/_hm-bg1aktiv.gif) repeat-x top left;
}

#navigation .hauptnavi_aktiv a {
color: #fff;
border: 0;
background-color: transparent;
}


/* Rote Leiste oben und unten */


#infobalken {
white-space: nowrap;
text-align: center;
height: 33px;
background: #cfced6 url(images/bg_balken.gif) top left repeat-x;
}

.infooben {
color: #cccce7;
padding-top:6px;
font-size: 95%;
margin-top: 0;
}

#infobalken .infooben a {
color: #ff9618;
background-color: transparent;
}


#infobalken .infooben a:hover, #infobalken .infooben a:active {
color: #cccce7;
background-color: transparent;
}


#infobalkendown {
white-space: nowrap;
text-align: center;
height: 33px;
margin-top:40px;
background: #cfced6 url(images/bg_balken-unten.gif) top left repeat-x;
}

.infoobendown {
color: #cccce7;
padding-top:6px;
font-size: 90%;
margin-top: 0;
}

#infobalkendown .infoobendown a {
color: #ff9618;
background-color: transparent;
}


#infobalkendown .infoobendown a:hover, #infobalkendown .infoobendown a:active {
color: #cccce7;
background-color: transparent;
}

/*  Contentbereich ohne Footer
________________________________________________________*/


#gesamt {
width: 752px;
margin: 0 auto;
text-align: left;
}

#inhalt {
float: left;
width: 752px;
}


/* Grundformatierungen Text */


h1 {
display: none;
}

h2 {
margin: 60px 0 -10px 0;
font-size: 120%;
letter-spacing: 1px;
}

h3 {
margin: 34px 0 -2px 20px;
font-size: 130%;
font-weight: normal;
text-align: left;
letter-spacing: 1px;
color: #cfced6;
}

.h3_center {
font-size: 100%;
text-align: center;
margin-right: 0;
margin-top: 24px;
}

h4 {
margin: 20px 0 0 20px;
font-size: 120%;
font-weight: normal;
text-align: left;
letter-spacing: 1px;
color: #bdbbd0;
}

h5 {
margin: 28px 0 -2px 20px;
font-size: 110%;
padding-left: 25px;
font-weight: normal;
text-align: left;
letter-spacing: 1px;
color: #bdbbd0;
background: url(images/bg_links.gif) left no-repeat;
padding-bottom: 2px;
}

h5 a:hover {
background: url(images/bg_links-on.gif) left no-repeat;
margin-left: -25px;
padding-bottom: 2px;
padding-left: 25px;
}



p {
font-size: 110%;
letter-spacing: 1px;
margin-top: 10px;
text-align: center;
line-height: 25px;
}

.satz {
font-size: 13px;
line-height: 22px;
letter-spacing: 1px;
margin: 6px 10px 18px 15px;
text-align: left;
}

.satz2 {
font-size: 13px;
line-height: 22px;
letter-spacing: 1px;
margin: 6px 110px 18px 104px;
text-align: left;
}

.links {
text-align: left;
margin-left: 45px;
margin-top: 12px;
margin-bottom: 18px;
}

.linkslast {
text-align: left;
margin-left: 45px;
margin-top: 12px;
margin-bottom: 40px;
}

/* Formatierung Datumzeile, Infozeile, Infotext und Vor und Zurueck  */


.datum {
font-size: 90%;
margin-bottom: -8px;
margin-top:22px;
}


#kommentier {
width: 130px;
float: left;
}

.komment {
width: 130px;
font-size: 90%;
margin-bottom: 20px;
padding-top: 5px;
height: 28px;
text-align: center;
background: url(images/bg_next.gif) bottom left repeat-x;
border: 1px solid #302f47;
}


#inhalt .komment a {
font-weight: normal;
}

#infotext {
width: 478px;
float: left;
margin-bottom: 50px;
}


.info {
width: 478px;
font-size: 95%;
margin-bottom: 20px;
padding-top: 6px;
height: 26px;
letter-spacing: 0px;
text-align: center;
background: url(images/bg_infozeile.gif) bottom left repeat-x;
border: 1px solid #302f47;
}


#inhalt .mehr a {
font-weight: normal;
}

#nextnavi {
width: 110px;
float: left;
}

.segert {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 50px 60px 0px 60px;
color: #999;
font-size: 12px;
line-height: 22px;
text-align: center;
letter-spacing: 1px;
}

.mehr {
width: 110px;
font-size: 90%;
margin-bottom: 20px;
padding: 5px 14px 0 14px;
height: 28px;
text-align: center;
background: url(images/bg_next.gif) bottom left repeat-x;
border: 1px solid #302f47;
}

#inhalt .mehr a {
font-weight: normal;
}


#seitennavi { 
font-size: 110%;
margin: -10px 0 50px 0px;
text-align: center;

}


.pagebar {
font-size: 95%;
letter-spacing: 1px;
	padding: 0.5em 0.8em;
	margin-top: 0px;
	margin-bottom: 60px;
text-align: center;

	text-decoration: none;
}

.pagebar a,.pageList .this-page {
border: 1px solid #302f47;
	text-decoration: none;
margin-left: 4px;
	padding: 0.5em 0.8em;
background: url(images/bg_next.gif) bottom left repeat-x;
}

.pagebar a:visited {
border: 1px solid #302f47;
	text-decoration: none;
	padding: 0.5em 0.8em;
background: url(images/bg_next.gif) bottom left repeat-x;
}

.pagebar .break {
	text-decoration: none;
margin-left: 2px;
	padding: 0.4em 0.4em;
background-color: #000;
}

.pagebar .this-page {
border: 1px solid #302f47;
	padding: 0.5em 0.8em;
	background: #2E6AB1;
	color: #fff;
background: url(images/bg_infozeile.gif) bottom left repeat-x;
}

.pagebar a:hover {
border: 1px solid #888;
background: #111030 url(images/bg_infozeile.gif) bottom left repeat-x;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.5em 0.8em;
}


#infotextsingle {
width: 700px;
float: left;
margin-top: 10px;
margin-bottom: -20px;
}


#previous {
float:left;
}

#next {
float:right;
}

.mehr br {
clear: both;
}

.nachoben {
text-align: center;
margin: 30px 20px 30px 0;
}

.lastcomments {
font-size: 90%;
text-align: center;
letter-spacing: 0px;
margin: 0 0 20px 0;
color: #999;
}


/* Fotos */

img {
border: 0;
}

#inhalt img {
border: 1px #999 solid;
color: #000;
background-color: #424257;
margin: 18px 0 10px 0;
}

.bild {
text-align: left;
margin: 17px 0 0 35px;
}

.bild a {
border: none;
}

#inhalt .thumb {
border: 1px #424257 solid;
padding: 9px;
color: #000;
background-color: #0b0a24;
margin: 10px 10px 5px 0;
}




/* Formatierung der Permalink-Seite single.php
___________________________________________________*/


/* Text und Listen im Kommentarbereich */


#kommentarbereich {
width: 702px;
}

#kommentarbereich .kommentar {
list-style-type: none;
background-color: transparent;
text-align: center;
}

#kommentarbereich p {
list-style-type: none;
background-color: transparent;
text-align: left;
padding: 0 20px 10px 20px;
}


#kommentarbereich .header {
font-size: 90%;
padding: 10px 20px 10px 20px;
height: 21px;
color: #a9a9cb;
background-color: #14133b;
border: 1px solid #302f47;
}

.comment {
padding: 10px 0px 15px 0px;
}




/* Das Kommentarformular */


form {
margin-top: 30px;
margin-bottom: 30px;
}

fieldset {
padding: 10px 10px 10px 0;
border: 0px;
}

legend {
display: none;
}

label {
float: left;
width: 110px;
text-align: left;
}

.textfeld {
padding-top: 4px;
height: 22px;
width: 300px;
border: 1px #424257 solid;
background-color: #111030;
color: #cccce7;
font-size: 130%;
background: #111030 url(images/bg_infozeile.gif) bottom left repeat-x;
}


.kommentarfeld {
width: 450px;
border: 1px #424257 solid;
background-color: #111144;
color: #cccce7;
font-size: 140%;
}


.sendbutton {
width: 450px;
border: 1px #c00 solid;
background-color: #111030;
color: #cccce9;
margin-left: 110px;
margin-bottom: 10px;
height: 28px;
background: url(images/bg_next.gif) bottom left repeat-x;
font-size: 110%;
padding-bottom: 4px; 
}

.sendbutton:hover {
border: 1px #c60 solid;
background-color: #111144;
color: #dddde9;
margin-left: 110px;
margin-bottom: 10px;
}