/*
Theme Name: silvernote
Theme URI: http://www.ralph-segert.de/silvernote/
Description: WordPress-Layout
Version: 1.0
*/

/* Erstellt von Ralph Segert - www.ralph-segert.de */

html {
overflow-y: scroll;
} 

* {
margin: 0;
padding: 0;
}

body {
background-color: #1e1c1d;
color: #ddd;
text-align: center;
font-family: Verdana, Arial, sans-serif;
}

a:focus {
outline: none;
}

/*      Kopfbereich mit Hauptmenue
_________________________________________*/


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

#kopf {
width: 822px;
height: 50px;
text-align: left;
background: url(images/bg-hm2.gif) top repeat-x;
}


#navi {
padding: 0 20px 0 20px;

}

#navi ul li {
display: inline;
list-style-type: none;
}


.hauptnavi a, .hauptnavi a:visited {
font-size: 12px;
letter-spacing: 0px;
float: left;
width: auto;
color: #000;
padding: 24px 22px 0 22px;
height: 24px;
text-align: center;
background: url(images/bg-hover.gif) top repeat-x;
background-position: 0 -100px; 
} 


.hauptnavi a:hover {
width: auto;
height: 26px;
padding: 24px 22px 0 22px;

background: url(images/bg-hover2.gif) top repeat-x;
background-position: 30px 0px;
}

.hauptnavi-aktiv a {
font-size: 12px;
letter-spacing: 0px;
float: left;
width: auto;
color: #fff;
padding: 24px 22px 0 22px;
height: 40px;
text-align: center;

background: url(images/bg-active2.gif) top repeat-x;
background-position: 30px 0px;
}

#navi .hauptnavi-aktiv a:link, #navi .hauptnavi-aktiv a:visited {
color: #fff;
background-color: transparent;
text-decoration: none;
}


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

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


.sitename {
font-size: 12px;
letter-spacing: 0px;
float: right;
color: #fff;
margin-right: 0px;
padding: 24px 150px 0 22px;

text-align: right;
} 

.switcher {
float: right;
color: #fff;
margin-right: 0px;
margin-top: -16px;
padding: 0 30px 0 22px;
text-align: right;
}



/*      Kopfbereich - Suchfeld- Logo
_________________________________________*/


#gesamt2 {
width: 740px;
margin: 0 auto;
text-align: left;
}



#kopf2 {
float: left;
width: 730px;
text-align: left;
padding: 0px 0 0px 24px;
}


.suche { /* Beginn Suche */
margin: 70px 0 0 489px;
}

.suchfeld {
float: left;
width: 115px;
height: 26px;
border: 0;
color: #ccc;
margin-right: 4px;
padding: 3px 1px 0 1px;
background: url(images/suchfeld2.gif) top left no-repeat;
}

.suchbutton { /* Ende Suche */
float: left;
width: 92px;
height: 24px;
border: 0;
font-size: 12px;
letter-spacing: 1px;
color: #999;
padding-bottom: 7px;
background: url(images/suchbutton2.gif) top no-repeat;
}


#kopflogo {
float: right;
width: 740px;
height: 140px;
background: url(images/ratatatam.gif) no-repeat;
background-position: -1px 23px;
}


#kopflogo span {
display: none;
}


.skiplink {
display: none;
}




#kopflogo .kopftext a {
color: #5f5f5f;
letter-spacing: 1px;
} 

#kopflogo .kopftext a:hover {
color: #3f3f3f;
letter-spacing: 1px;
} 




/*      Blogmenue
_________________________________________*/


#blogmenue {
clear: both;
margin-top: 125px;
margin-left: 186px;
width: 500px;
text-align: right;
}

#blogmenue ul li {
list-style-type: none;
display: inline;
}



#blogmenue .menue a, .menue a:visited {
font-family: Verdana, Arial, sans-serif;
font-size: .8em;
margin: 0 0 11px 23px;
letter-spacing: 1px;
color: #5f5f5f;
} 


#blogmenue .menue a:hover {
color: #ccc;
}




/*  Inhalt oben - Navigation - RSS
_________________________________________*/


#inhalt {
clear: both;
float: left;
width: 740px;
text-align: left;

}

#inhalt span {
display: none;
}

.datumrahmen {
display: block;
z-index: 40;
position: relative;
margin: 40px 0 0 0;
background: url(images/zettelreiter.gif) no-repeat;
height: 46px;
width: 740px;
}

.datum {
font-size: 1.25em;
font-family: Georgia, Verdana, Arial, sans-serif;
letter-spacing: 1px;
padding: 12px 0 0 35px;
font-weight: lighter;
}

#inhalt .gplus a {
z-index: 50;
position: relative;
float: right;
margin: 46px -2px 0 0;
height: 39px;
width: 48px;
}

.textrahmen {
display: block;
z-index: 30;
position: relative;
margin-top: -1px;
width: 650px;
background-color: #0e0d0e;
border: 1px solid #656464;
padding: 20px 40px 40px 50px;
}


.info {
font-family: Verdana, Arial, sans-serif;
font-size: .8em;
margin: -1px 0 70px 0;
height: 31px;
width: 740px;
background-color: #0e0d0e;
border: 1px solid #656464;
letter-spacing: 1px;
text-align: center;
padding: 10px 0 0 0;
background: url(images/bg-info.gif) repeat-x;
}

.rss {
z-index: 50;
position: relative;
float: left;
width: 70px;
height: 41px;
margin: -112px 0 0 1px;
background: url(images/b-rss01.gif) no-repeat;
}

.rss a {
display: block;
width: 70px;
height: 41px;
background: url(images/b-rss01.gif) no-repeat;
}

.rss a:hover {
background: url(images/b-rss02.gif) no-repeat;
}

.rss-com {
z-index: 50;
position: relative;
float: left;
width: 70px;
height: 41px;
margin: -112px 0 0 1px;
background: url(images/b-rss-com01.gif) no-repeat;
}

.rss-com a {
display: block;
width: 70px;
height: 41px;
background: url(images/b-rss-com01.gif) no-repeat;
}

.rss-com a:hover {
background: url(images/b-rss-com02.gif) no-repeat;
}

.tags {
z-index: 50;
position: relative;
float: right;
width: 69px;
height: 41px;
margin: -112px 0 0 0;
background: url(images/b-tags01.gif) no-repeat;
}

.tags a {
display: block;
width: 69px;
height: 41px;
background: url(images/b-tags01.gif) no-repeat;
}

.tags a:hover {
background: url(images/b-tags02.gif) no-repeat;
}

.home {
z-index: 50;
position: relative;
float: right;
width: 78px;
height: 41px;
margin: -112px 0 0 0;
background: url(images/b-home01.gif) no-repeat;
}

.home a {
display: block;
width: 78px;
height: 41px;
background: url(images/b-home01.gif) no-repeat;
}

.home a:hover {
background: url(images/b-home02.gif) no-repeat;
}




/*  Footerbereich - Tags -Impressum
_________________________________________*/


#footerbg {
width: 100%;
margin-top: 10px;
margin-bottom: 0;
border-top: 1px solid #555454;
background: #0e0d0e url(images/bg_next.gif) top left repeat-x;
}

#gesamtfooter {
width: 800px;
margin: 0 auto;
text-align: left;
}

#gesamtfooter a:link, #gesamtfooter a:visited {
color: #575757;
}

#gesamtfooter a:hover {
color: #dadada;
}

#tags {
float: left;
width: 800px;
margin: 0px 1px 0 10px;

}

.tagging {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
padding: 10px 110px 170px 80px;
color: #575757;
line-height: 24px;
text-align: center;
letter-spacing: 1px;
}

.segertsites {
margin: 50px 34px 70px 0px;
color: #999;
line-height: 21px;
text-align: center;
letter-spacing: 1px;
font-size:11px;
}

#tags .segertsites a {
color:#777;
}

.impress {
font-family: Verdana, Arial, sans-serif;
padding: 40px 16px 40px 0;
text-align: center;
font-size: .75em;
letter-spacing: 0px;
}

.impress2 {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
padding: 40px 0 70px 70px;
text-align: center;
font-size: .75em;
letter-spacing: 1px;
}

.impress a:link, .impress a:visited {
color: #7a7a7a;
}

.impress a:hover {
color: #3c383a;
}




/* Allgemeine Linkformatierung
____________________________________*/


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


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




/*     Textformatierung
____________________________________*/


h2 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 1.5em;
letter-spacing: 1px;
font-weight: normal;
margin: 26px 0 18px 0;
}

h2 a:link, h2 a:visited {
color: #999;
}

h2 a:hover {
color: #555;
}

h3 {
font-size: 1.5em;
letter-spacing: 1px;
margin: 20px 0 5px 0;
color: #606060;
}

h4 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 1.3em;
letter-spacing: 1px;
font-weight: normal;
color: #999;
margin: 26px 0 18px 0;
}

.h4archiv {
font-size: 1.5em;
margin: 35px 0 2px 0;
}

.h4search {
font-size: 1.5em;
text-align: right;
margin: 60px 65px -25px 0;
}

.h4cf {
margin: -10px 0 10px 0;
}

h5 {
font-size: 1.5em;
letter-spacing: 0;
font-weight: normal;
margin: 30px 0 15px 0;
color: #606060;
}

h6 {
font-size: 1.4em;
letter-spacing: 1px;
font-weight: normal;
margin: 35px 0 40px 0;
color: #606060;
}

p {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 1em;
line-height: 24px;


margin-bottom: 15px;
letter-spacing: 0px;
text-align: left;
}

blockquote p {
font-size: 1em;
line-height: 22px;
margin: 18px 0 22px 25px;
color: #bbb;
}


.hinweistext {
margin: 40px 20px 100px 0;
font-size: 1em;
letter-spacing: 0;
}

.edit {
margin: 40px 20px 50px 0;
font-size: .8em;
letter-spacing: 0;
}




/*   Liste Inhalt
____________________________________*/


.textrahmen ol {
margin: 30px 0 20px 20px;
text-align: left;
}


.textrahmen ol li:hover {
background-image: none;
}

.textrahmen ol li {
list-style-type: decimal;
margin-bottom: 20px;
line-height: 24px;
font-size: .9em;
background: none;
padding: 0 0 0 4px;
}

.textrahmen ul {
list-style-type: none;
margin: 20px 30px 10px 0;
font-size: .9em;
font-family: Verdana, Arial, sans-serif;
letter-spacing: 0px;
text-align: left;
line-height: 26px;
}

.textrahmen li {
list-style-type: none;
background: url(images/bullet.gif) no-repeat;
background-position: 0 7px;
padding: 0 0 0 20px;
}

.textrahmen li:hover {
background: url(images/bullet02.gif) no-repeat;
background-position: 0 7px;
}



#sachtext ul {
font-family: "Courier New", Verdana, Arial, sans-serif;
list-style-type: none;
margin: 0 30px 15px 0;
font-size: 120%;
}

#sachtext li {
list-style-type: none;
line-height: 24px;
background: url(images/bullet.gif) no-repeat;
background-position: 0 4px;
padding: 0 0 12px 30px;
}

#sachtext li:hover {
background: url(images/bullet02.gif) no-repeat;
background-position: 0 4px;}


.next {
float:left;
font-size: 220%;
margin-top: 10px;
margin-bottom: 40px;
letter-spacing: 1px;
}

.previous {
float:right;
font-size: 220%;
margin-top: 10px;
margin-bottom: 40px;
margin-right: 40px;
letter-spacing: 1px;
}



/*       Buttons
____________________________________*/


.startoben { /* HomeButton */
margin: 64px 0 0px -120px;
height: 52px;
width: 54px;
font-size: 0;
background: url(images/b-startoben01.gif) no-repeat;
}

.startoben a {
display: block;
height: 52px;
width: 54px;
background: url(images/b-startoben01.gif) no-repeat;
background-position: -56px 0;
}

.startoben a:hover {
background: url(images/b-startoben02.gif) no-repeat;
background-position: 0 0;
}


.schliessen {
z-index: 50;
position: relative;
float: right;
width: 32px;
height: 29px;
margin: 46px 10px -46px 0;
background: url(images/close.gif) no-repeat;
}

.schliessen a {
display: block;
width: 32px;
height: 29px;
background: url(images/close.gif) no-repeat;
}

.schliessen a:hover {
background: url(images/close02.gif) no-repeat;
}



.start { /* HomeButton */
margin: -91px 0 40px 190px;
height: 52px;
width: 64px;
font-size: 0;
background: url(images/b-start01.gif) no-repeat;
}

.start a {
display: block;
height: 52px;
width: 64px;
background: url(images/b-start01.gif) no-repeat;
background-position: -66px 0;
}

.start a:hover {
background: url(images/b-start02.gif) no-repeat;
background-position: 0 0;
}


.start2 { /* HomeButton */
margin: 10px 0 40px 190px;
height: 52px;
width: 64px;
font-size: 0;
background: url(images/b-start01.gif) no-repeat;
}

.start2 a {
display: block;
height: 52px;
width: 64px;
background: url(images/b-start01.gif) no-repeat;
background-position: -66px 0;
}

.start2 a:hover {
background: url(images/b-start02.gif) no-repeat;
background-position: 0 0;
}






#mehr { 
margin: -10px 0 50px 0px;
text-align: center;
}

#mehr span { 
display: inline;
}


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

	text-decoration: none;
}

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

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

#mehr .pagebar .break {
color: #1e1c1d;
margin-left: -4px;
border: 0;
background: #1e1c1d;
text-decoration: none;
}

#mehr .pagebar .this-page {
padding: 0.5em 0.8em;
margin-left: 4px;
border: 1px solid #666;
background: #111030 url(images/bg_infozeile.gif) bottom left repeat-x;

color: #fff;
}

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

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




.nachoben { /* TopButton */
margin: -92px 0 0 310px;
height: 52px;
width: 64px;
font-size: 0px;
background: url(images/b-top01.gif) no-repeat;
}

.nachoben a {
display: block;
height: 52px;
width: 64px;
background: url(images/b-top01.gif) no-repeat;
background-position: -65px 0;
}

.nachoben a:hover {
background: url(images/b-top02.gif) no-repeat;
background-position: 0 0;
}


.nachobensub {
margin: 2px 0 30px 326px;
height: 52px;
width: 64px;
font-size: 0px;
background: url(images/b-top01.gif) no-repeat;
}

.nachobensub a {
display: block;
height: 52px;
width: 64px;
background: url(images/b-top01.gif) no-repeat;
background-position: -65px 0;
}

.nachobensub a:hover {
background: url(images/b-top02.gif) no-repeat;
background-position: 0 0;
}



.video { 
float: left;
display: block;
margin: 3px 17px 0 0;
height: 67px;
width: 76px;
margin-bottom: -5px;
background: url(images/b-video01.gif) no-repeat;
}

.video a {
display: block;
height: 67px;
width: 76px;
background: url(images/b-video01.gif) no-repeat;
background-position: -76px 0;
}

.video a:hover {
background: url(images/b-video02.gif) no-repeat;
background-position: 0 0;
}




/* Grafik
____________________________________*/


img {
border: 0;
}

.textrahmen img {
border: 1px #333 solid;
padding: 1px;
background-color: #1e1c1d;
margin: 6px 0 1px 0;
}

.bild a {
border: none;
}



/* Sonstiges: hr rss etc.
____________________________________*/




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






/* Text und Listen im Kommentarbereich
________________________________________*/


#comments {
float: left;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: .9em;
margin-top: -71px;
margin-bottom: -13px;
width: 630px;
background-color: #2e1c1d;
border: 1px solid #656464;
padding: 30px 60px 0 50px;
}

#comments ul li {
list-style-type: none;
background-color: transparent;
margin: 0 0 0 2px;
}

#comments p {
margin-bottom: 5px;
letter-spacing: 0;
}

#comments .header {
margin-top: 5px;
color: #666;
}

#comments .header2 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: .8em;
margin-top: 8px;
margin-bottom: -16px;
margin-left: -6px;
color: #888;
width: 620px;
padding: 0px 0 0 20px;
}


#comments .comment {
padding-bottom: 35px;
color: #999;
}

#comments .comment2 {
padding-bottom: 35px;
color: #aaa;
}

#comments .pinge  {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 1.1em;
margin: 20px 0 18px 0px;
}

#comments .pings {
font-size: .8em;
padding: 0px 2px 0px 35px;
color: #777;
}


/* Das Kommentarformular
________________________________________*/



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

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

legend {
display: none;
}

label {
float: left;
margin-top: 18px;
width: 120px;
text-align: left;
letter-spacing: 1px;
}

.textfeld {
font-family: Verdana, Arial, sans-serif;
margin-top: 12px;
padding: 8px;
width: 210px;
border: 1px #444 solid;
background-color: #1e1c1d;
color: #ccc;
font-size: 100%;
letter-spacing: 1px;
background: #111030 url(images/bg_infozeile.gif) bottom left repeat-x;
}

.textfeldkurz {
font-family: Verdana, Arial, sans-serif;
margin-top: 12px;
padding: 8px;
width: 30px;
border: 1px #444 solid;
background-color: #1e1c1d;
color: #ccc;
font-size: 100%;
letter-spacing: 1px;
background: #111030 url(images/bg_infozeile.gif) bottom left repeat-x;
}

.kommentarfeld {
font-family: Verdana, Arial, sans-serif;
margin-top: 12px;
padding: 8px;
width: 340px;
border: 1px #444 solid;
background-color: #222;
color: #ccc;
letter-spacing: 1px;
font-size: 100%;
}


.sendbutton {
width: 358px;
border: 1px #444 solid;
background-color: #111030;
color: #ccc;
margin-left: 120px;
margin-top: 10px;
margin-bottom: 30px;
height: 34px;
background: url(images/bg_next.gif) bottom left repeat-x;
font-size: 100%;
padding-bottom: 2px; 
letter-spacing: 3px;
}

.sendbutton:hover {
border: 1px #660 solid;
background-color: #111144;
color: #dddde9;
}