/* Dies ist der CSS Style meiner Indexseite von ramedechadu.de */
* { margin: 0; padding: 0; }

html { 
height: 100%; font-size: 62.5% }

body {
height: 100%;
background:#fff url(hghtml.jpg) repeat-x;
text-align: center;
font: 12px Arial;
}

/*Anfang Header*/
#header {
width: 940px;
height: 250px;
margin: 0 auto;
padding-left: 10px;
position: relative;
text-align: left;
background: url(headerborth.jpg) center no-repeat;
}
#header p {
margin-left: 15px;
font-size: 1.4em;
color: #FFE09E;
}
#header a:link{
border-bottom:none;
}

/*Header Ende*/


/*Menue-Leiste unter Header für Links*/

#menu-box {
width: 940px;
height: auto;
margin-top: 2px;
margin-bottom: 8px;
margin-left: 6px;
text-align: center;
padding-bottom: 1px;
font: 13px monospace;
}

#menu ul{
list-style: none;
text-align: left;
padding-bottom: 8px;
letter-spacing: 1px;
}

#menu li {
display: inline;
text-align: center;
line-height: 14px;
padding-bottom: 8px;
padding-top: 8px;
}

#menu li a {
float: left;
display: inline;
color: #1A1414;
padding: 0 6px;
text-decoration: underline;
letter-spacing: 1px;
border-bottom: none;
}

#menu li a:hover, #menu li a.active {
text-decoration: overline;
background: #E0EBED;
border-bottom:none;
border-top:none;
line-height: 14px; 
letter-spacing: 1px;
}
/*Menue  Ende*/

/*Content*/
.content {
width: 950px;
margin: 0 auto;
text-align: left;
margin-bottom: 25px;
margin-top:25px;
padding-left: 8px;
padding-right: 8px;
border-top: solid 2px #ff6600;
}

.content-in {
width: 100%;
}
/*Content bis Hier*/

/*Spalte links und rechts*/
.column-left {
float: left;
width: 600px;
}

.column-right {
float: right;
width: 31%;
border-left:solid 2px #ff6600;
}

.column-left-in {
margin: 5px 5px 5px 5px;
padding: 6px;
}

.column-one {
float: left;
width: 50%;
margin-bottom: 30px;
margin-top: 10px;
border: 1px solid #c0c0c0;
}

.column-one-in {
margin: 0 1em 0 1px;
}

.column-two {
float: right;
width: 49%;
margin-bottom: 30px;
margin-top: 10px;
border: 1px solid #c0c0c0;
}

.column-two-in {
margin: 0 0 0 1em;
border-bottom: none;
}

.column-right-in {
margin: 1.1em 0 0 20px;
border-bottom: none;
}


.column-one h3, .column-two h3 {
font-size: 1.4em;
margin: 2px 0 2px 0;
}

.column-one p, .column-two p {
line-height: 1.8;
margin-bottom: 3px;
}

.column-one p.more-info, .column-two p.more-info {
padding: 2px 10px;
background: #F4CE80;
border: 1px solid #E59D2C;
float: left;
margin: 2px 0 0 0;
}

.column-one p.more-info a, .column-one p.more-info a:visited, .column-two p.more-info a, .column-two p.more-info a:visited  {
color: #3C0808;
font-weight: normal;
text-decoration: none;
border-bottom: none;
}

.column-one p.more-info a:hover, .column-two p.more-info a:hover  {
text-decoration: none;
border-bottom: none;
}

.column-one ul, .column-two ul {
list-style: none;
margin: 11px 0 0 8px;
}

.column-one ul li, .column-two ul li {
margin-bottom: 9px;
color: #150303;
padding-left: 21px;
}

.column-one img, .column-two img {
float: left;
border: 1px solid #3F0707;
margin: 4px 7px 2px 0;
text-decoration:none;
border-bottom: none;
}

.column-right-in h3 {
margin: 8px 0 8px 9px;
}
/*Spalte links und rechts-Bis Hier*/

a:link, a:visited {
color: #000;
text-decoration: none;
font-weight: bold;
border-bottom:dashed 1px;
}
a:hover {
text-decoration: none;
border:#000 1px solid;
padding-left: 2px;
}
li {
text-decoration: none;
list-style: circle;
}
ul{
background: transparent url(folder.gif) no-repeat;
padding-left:18px;
line-height:15px;
margin-top:10px;
margin-bottom: 8px;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}
.cleanerlang {
clear: right;
height: 250px;
width:10px;
font-size: 0;
visibility: hidden;
}
h1 {
font-size: 2.0em;
font-weight: normal;
color: #FFF0D0;
letter-spacing: 1px;
padding: 10px 0 6px 0;
margin: 0 0 2px 15px;
border-bottom: 1px solid #843419;
}
h2 {
font: 15px monospaces;
color: #000;
background-color: #F3FBCA;
border: 1px solid #000;
padding: 2px 0 2px 9px;
margin-bottom: 10px;
margin-top:6px;
letter-spacing: 1px;
}

h3 {
font: 15px monospace;
color: #3F0707;
margin-bottom: 7px;
}

p {
color: #3C0808;
margin-bottom: 20px;
}


/* Familien Galerie */

.showcase {
margin: 10px 0 10px 9px;
border-bottom: #F3FBCA 4px solid;
border-top: #F3FBCA 4px solid;
}

.showcase img, .showcase img a, .showcase img a:visited {
border: 2px solid #3F0707;
margin: 0 5px 5px 0;
border-bottom: none;
}

.showcase p {
float: left;
color: #99FF00;
line-height: 2.4;
margin-bottom: 33px;
background: #670206 ;
border: 1px solid #3B0A0A;
}

.showcase p a, .showcase p a:visited {
color: #FFE5BC;
font-weight: normal;
padding: 0 11px;
text-decoration: none;
display: block;
border-bottom: none;
}

.showcase p a:hover {
background: #3B0A08 ;
border: none;
}

/* Familien Galerie-Bis Hier */

/* Footer */
#footer-box {
background: #fff url(hgnav.jpg) no-repeat center;
height: 70px;
margin-bottom: 10px;
border: 1px solid #000;
}
#footer {
width: 940px;
margin: 0 auto;
padding-top: 4px;
font: 12px monospace;
border-left: #FAA456 1px solid;
border-right: #FAA456 1px solid;
}
#footer a:link{
border-bottom:none;
}
#footer a:hover{
border:none;
background: #E0EBED;
border-left: #FF6600 1px solid;
border-right: #FF6600 1px solid;
border-bottom:none;
border-top:none;
line-height: 15px;
}
/* Footer-Bis Hier */


/* Class/Boxen-Sonstiges - Impressum/Wegweiser/Images/Erster... */

#impressum {
width: 250px;
margin: 0 auto;
font: 12px monospace;
background:#F3FBCA;
padding: 8px 6px 5px 5px;
}
#impressum a {
border-bottom: none;
 }
 
#wegweiser {
width: 270px;
margin: 10px 0 10px 0;
font: 12px arial;
background:#E9F1D8;
padding-left: 8px;
padding-bottom: 6px;
border-bottom: #FF6600 2px solid;
border-top: #FF6600 2px solid;
}
.version {
position: absolute;
top: 7px;
right: 18px;
}

.Erster
{
float: left;
width: 0.9em;
font-size: 3em;
line-height: 50%;
}
.Erster2
{
float: left;
width: 21px;
font-size: 26px;
line-height: 28px;
background:#E0EBED;
padding: 2px 2px 2px 2px;
border:#333333 1px dashed;
margin-right: 4px;
margin-bottom: 4px;
color: #FF6600;
}
.textblock
{
border-left:   3px solid #DFDFDF;
padding-left:  10px;
margin-left: 10px;
}
.bildrechts
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666666;
padding: 2px;
}
.Bildlinks
{
float:left;
margin: 0px 10px 10px 0px;
border: 1px solid #666666;
padding: 2px;
}
.bild1
{
float: none;
margin: 5px 5px 5px 10px;
border: 1px solid #9B9B90;
padding: 4px;
}

/* Sonstiges - Impressum/Wegweiser/Images/Erster...-Bis Hier */


/*Homepage Infos Pagenews*/
#pagenews {
padding : 6px 10px 6px 8px;
width : 220px;
line-height : 10px;
font-size : 14px;
background-color : #E0EBED;
margin-top : 15px;
margin-bottom : 30px;
margin-left: 20px;
color : #000;
}
#pagenews h4 {
padding-top : 6px;
padding-left : 10px;
padding-bottom: 5px;
margin-bottom: 6px;
font-size : 13px;
font-weight : bold;
background-color : #F8FDE1;
color : #000;
}
#pagenews h5 {
font-size : 12px;
font: monospace;
color : #000;
margin-top: 6px;
margin-left: 110px;
border: #999 1px solid;
padding-bottom: 2px;
padding-left: 18px;
}
#pagenews p {
margin-top : 6px;
margin-bottom : 8px;
}
#pagenews .link-more {
text-align : left;
font-weight : lighter;
font-size : 14px;
}
#pagenews .link {
text-align : left;
font-weight : lighter;
font-size : 12px;
}
#pagenews .ul li {
list-style:none;
}
/*Homepage Infos Pagenews Ende*/
.titlemenue  {
font-family : monospace;
font-size : 13px;
line-height : 14px;
background: #fff;
color : #000;
margin-bottom: 10px;
}
			/*BOTTOM*/
#bottom {
border: 1px solid #333;
padding-top: 6px;
padding-left: 6px;
margin-top : 5px;
margin-bottom : 5px;
height:auto;
clear:both;
color: #000;
background: #fff;
}
#bottom a {
color : #000;
background : transparent;
text-decoration : none;
border-bottom: none;
}
#bottom a:hover {
color : #000;
text-decoration : none;
background: url(images/liniehover.gif);
}
			/*LIST*/
			.list3{
float:none;
width: 110px;
margin-left : 15px;
margin-bottom: 15px;
background: #fff;

}
.list3,.list3center {
float: left;
width: 160px;
margin-top : 10px;
margin-bottom : 4px;
margin-right: 10px;
padding: 3px;
padding-left:8px;
}
.list3center {
margin: 0 3%;
margin-top : 10px;
}

.post {
background-color: #eee;
padding: 3px 10px 0px 10px;
margin: 20px 10px 5px 30px;
border: 1px dashed #8A795D;
font-size: 11px;
color:#000;
width:100px;
}
.titlemenue  {
font-family : monospace;
font-size : 12px;
line-height : 13px;
background: #F8FDE1;
color : #000;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 15px;
}

 .titlemenue2  {
font-family : monospace;
font-size : 12px;
line-height : 12px;
background: #F8FDE1;
color : #000;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 15px;
padding-left: 4px;
border: 1px solid #9B9B90;
}

.title  {
font-family : monospace;
font-size : 16px;
line-height : 20px;
background-color : #9b9b90;
color : #000;
margin-bottom: 10px;
}
 .title2  {
font-family : monospace;
font-size : 16px;
line-height : 20px;
background-color : #9b9b90;
color : #000;
margin-bottom: 10px;
margin-top: 14px;
padding-left: 4px;
border: 1px solid #F8FDE1;
}
.text  {
font-family : monospace;
font-size : 15px;
font-weight: bold;
line-height : 20px;
background:#C6CE94;
color : #000;
margin-bottom: 10px;
margin-left: 20px;
border-left: 2px #FD6735 solid;
border-right: 2px #FD6735 solid;
}

.counter {
background-color : #F8FDE1;
width: 250px;
height: 17px;
border: #FF6600 1px solid;
padding-left: 20px;
margin-bottom: 8px;
margin-top: 8px;
}
.counter a {
border-bottom: none;
}
.counter a:hover {
border: none;
}

#tagcloud1 {
width : 120px;
background-color : #9b9b90;
padding-left : 3px;
line-height : 20px;
text-align : left;
font-family : Georgia;
margin-left:5px;
}

#anzeigen {
width: 180px;
background:#fff;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
margin-left: 40px;
border: #c0c0c0 1px inset;
}
#anzeigen a:link {
border-bottom: none;
}

#inhalt1 { 
  width: 550px;
  background-color: #FFF;
  border: 2px #c0c0c0 solid;
  margin-bottom: 15px;
  margin-left: 10px;
  margin-top: 15px;
  padding: 8px;
 font-family : monospace;
 }
 #inhalt1 a:link{ border-bottom:none;}
 #inhalt1 a:hover { border:none;}
 
/*Kleine container für Werbung*/
#container {
width: 205px;
height: 270px;
border: #c0c0c0 solid 1px;
}
.containertop {
width: 200px;
height: 17px;
background: #F3FBCA;
font: monospace 10px #000;
padding-left: 5px;
border-top: #FF6600 solid 1px;
}
.containerblog {
width: 200px;
height: 160px;
background: #D5E5B5;
padding-left: 5px;
margin-bottom: 8px;
text-align: center;
}
.containerblog img {
margin: 3px 5px 3px 35px;
}
#container h3 {
padding-left : 5px;
padding-bottom: 5px;
margin-bottom: 6px;
font-size : 13px;
font-weight : bold;
color : #333;
font-family: Arial;
border-bottom: #EABF28 solid 1px;
}
.containertext {
padding-left : 5px;
padding-top: 5px;}

#rahmen {
border: 1px solid #000;
padding-left: 10px;
}