/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */

/* CONTAINER */

#container {
    width: 900px;
    margin: 0px auto;
    font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
    font-size: 11px;
    line-height: 1.6em;
    color: #666;
    background-color: #FFF;
}


/* GENERAL MOJO AND MULA */
		
h1.titel {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 32px;
    color: #CC6633;
    margin-bottom: 30px;
}

h1 {
    color: #666666;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

h2 {
    color: #666666;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFF;
}
		
a {
    color:#CC6714;
    text-decoration: none;
}

a:hover {
    background-color: #F5F5F5;
}

form.suchfeldHeader {
    float:right;
    margin-top: -45px;
    font-size: 9px;
}

input {
    background-color: #FFF;
    color: #999999;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 3px;
}

textarea
{
    background-color: #FFF;
    color: #999999;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 3px;
}
		
input.button {
    padding: 2px;
}

p.bold { font-weight: bold; }
p.italic {font-style: italic; }
p.inline {display: inline; }

span.syntax
{
    font-family:Verdana;
    font-size: 8pt;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 1px solid #CCC;
}


/* HEADER ELEMENTS */

#header {
    border-bottom: 4px solid #948979;
    padding-top: 10px;
    clear: both;
    margin-bottom: 10px;
}

p.slogan { margin-top: -20px; }
    

/* Menü rechts*/
	
div.menue
{
    float: right;
    width: 190px;
	margin-left:10px;
}

#navigation ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;			
}

#navigation a {
    display: block;
    padding: 5px;
    width: 180px;
    border-bottom: 1px solid #CCC;
}

#navigation a:link, #navlist a:visited {
    color:#CC6714;
    text-decoration: none;
}

#navigation a:hover {
    background: #000000 url(pics/arrow.gif) 96% 50% no-repeat;
    background-color: #F5F5F5;
    color:#CC6714;
}

/* Tagblock der Blogartikel */

div.blogTags {
    margin-top: 20px;
    padding: 5px;
    border-bottom: 1px dotted #CCC;
    border-top: 1px dotted #CCC;
    text-align:center;
    width:180px;
}

#navigation a.tagsBlock { padding:0px; width: 80px; border-bottom: 0px; display:inline; }
#navigation a.tagsBlock:hover 
{ 
    background: #000000 url(arrow.gif) 96% 50% no-repeat; 
    background-color: #F5F5F5;
    color:#CC6714;
}
#navigation span.tagsBlock { margin: 5px; }

/* CONTENT ELEMENTS */

#content {
    width: 690px;
    margin-top: 15px;
	text-align:justify;
}

p.artikelEnde
{
    padding-bottom: 5px;
    margin-bottom: 30px;
    border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
}

img.referenzenBild
{
    border: 1px solid black;
}

div.referenzenBild
{
    margin-right: 15px;
    float: left;
}

/* Linke Spalte*/

div.linkeSpalte {
    width: 130px;
    float: left;
}

/* FOOTER ELEMENTS */

#footer {
    margin-top: 20px;
    clear: both;
    background-color:#575352;
    padding: 0px 5px 0px 5px;
}

#footer p {
    color:#89817f;
    padding: 5px;
    text-align: center;
}

#footer p a {
    color: #89817f;
    border-bottom: 1px dotted #89817f;
}

#footer p a:hover {
    color: #FFFFFF;
    background-color:#575352;
}


/* Impressum */
div.Impr_Bild
{
    float:right;
    margin-right:50px;
}

img.Impr_Bild {
    border:1px solid black;
}