/* NOTE: To use this file you must first activate it ('custom stylesheet') in the frugal Main/SEO options area.
Once active, you can add custom styles to this file and they will override any other styles in this theme.
To create a custom style you must start your CSS elements with body.custom. So, for example,
to change the H1 heading size for the Content Div you could use something like this:

body.custom #content h1 {
	font-size: 18px;
}
Learn more about this customization process by visiting http://frugaltheme.com/support/
------ CODE GOES BELOW THIS LINE OF TEXT ------ */

/* Globale einheitliche Schriftart erzwingen (falls gewuenscht > ansonsten important-Anweisung entfernen) */
body.custom * {
font-family:Verdana, Helvetica, Sans-Serif !important;	
}

/* Seitenhintergrund */
/* body.custom {
background-attachment:fixed;
background-image:url('images/bg.jpg'); 
background-position:top center;
background-repeat:no-repeat;
}
*/
/* Ummantelung und Positionierung der Seite */
body.custom #wrap {
background-color:#fff;
border:0px solid #CCCCCC;
margin:0px auto;
padding:0px;
width:940px;
}

/* STARTSEITE Ummantelung und Positionierung der Seite - 
body.custom.home vor ein Element gesetzt bezieht sich immer 
nur auf das Element auf der Startseite */
body.custom.home #wrap {
background-color:#fff;
border:0px solid #CCCCCC;
margin:0px auto;
padding:0px;
}

/* Ummantelung fuer die Navigation oberhalb vom Header */
/*body.custom #navbar_wrap {
border-bottom:0px solid #DDDDDD;
border-top:0px solid #DDDDDD;
background:none;
height:35px;
width:940px;
}
*/
/* Div das die oberen Navigationsdivs enthaelt > in unserem Fall nur ein linkes Bei Euch ist da noch ein Suchfeld - 
ich bekomme das nicht, daher blind gestyled */
/*body.custom #navbar {
background:#c6d968;
color:#555555;
font-size:12px;
font-variant:normal;
font-weight:bold;
height:35px;
margin:0 auto 0 0;
text-transform:uppercase;
width:auto;
}
*/
/* die Hauptnavigationsliste */
/*body.custom #nav {
margin:0;
padding:0;
}

/* Home-Menueeintrag buendig mit Schriftzug vom Logo und Seitenueberschrift machen - 
haette dafuer auch die Hauptnavigationsliste nach links versetzen koennen, haette jedoch 
Hovereffekt des Listeneintrags ebenso nach rechts verschoben */
/*body.custom .home {
padding-left:5px !important;
}
*/
/* Formatierung der Links im Hauptmenue */
/*body.custom #nav li a, 
body.custom #nav li a:link, 
body.custom #nav li a:visited {
background:none;
line-height:17px; /* Zeilenhoehe */
/*border-bottom:0px solid #DDDDDD !important;
border-left:0px solid #DDDDDD !important;
border-right:0px solid #DDDDDD !important;
color:#555555;
margin:0;
padding:9px 10px;
}
*/
/* Hovereffekt der Listenelemente (die Links befinden sich unmittelbar darunter) im gesamten Menue */
/*body.custom #nav li:hover {
background-color:#eaf8a4;
}
*/
/*
 * laut Mail vom 17.06. > Effekt ueber Frugaleinstellungen vornehmen
body.costum #nav .current_page_item {
background-color:#889546 !important;	
}
*/

/* Untermenues */
/* body.custom #nav li ul {
height:auto;
left:-999em;
margin:0;
padding:0;
position:absolute;
width:auto !important;
z-index:9999;
background-image:url('images/bgwhitetrans.png');
} */

/* Was passiert mit einem Untermenue wenn man ueber sein Parent hovert */
body.custom #nav li:hover ul, 
body.custom #nav li li:hover ul, 
body.custom #nav li li li:hover ul, 
body.custom #nav li.sfhover ul, 
body.custom #nav li li.sfhover ul, 
body.custom #nav li li li.sfhover ul {
left: auto;
width:160px !important;
}

body.costum #nav li ul li {
display:block !important;
}

#navbar_right {
color:#555555;
padding:0px 10px 0 0;
}

/* Suchfeldbox positionieren */
/* body.custom #searchbox {
background:none repeat scroll 0 0 #EEEEEE;
float:right;
border:1px solid #DDDDDD;
color:#555555;
margin:8px 5px 0px 0px;
width:150px;
}
*/
/* Ummantelung des Headers */
body.custom #header_wrap {
background:none;
width:auto;
}

/* eigentlicher Headerbereich, Hoehe des Headers festlegen */
body.custom #header {
height:100px;
width:auto;
}

/* Headerbild  */
body.custom #logoimage {
background-image:url('images/header.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:0;
width:940px; 
}


/* STARTSEITE Hoehe des Headers auf der Startseite - wenn das Element body.custom.home #logoimage
ein eigenes Headerbild bekommt, Hoehe gegebenenfalls anpassen, wenn der Header auf der Startseite 
ein anderer ist */
body.custom.home #header {
height:100px;
width:auto;
}

/* STARTSEITE Wenn die Startseite einen eigenen Header bekommen soll, diesen hier eintragen */
body.custom.home #logoimage {
background-image:url('images/header.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:0;
width:940px;
}

/* Hauptueberschriften - gleiche Formatierung auf allen Seiten erzwingen */
body.custom h1 {
font-size:1.75em !important;
line-height:130% !important;
font-weight:normal !important;
color:#e88b57 !important;
}

body.custom #content h2 {
font-size:1.75em !important;
line-height:130% !important;
font-weight:normal !important;
color:#e88b57 !important;
}

body.custom #content h2 a,
body.custom #content h2 a:visited {
font-weight:normal !important;
color:#e88b57 !important;
}

/* Hauptueberschriften die Links sind - gleiche Formatierung auf allen Seiten erzwingen */
body.custom h1 a, 
body.custom h1 a:visited {
color:#e88b57 !important;
text-decoration:none !important;
}

/* Hauptueberschriften als Links Hover-Effekt - gleiche Formatierung auf allen Seiten erzwingen */
body.custom h1 a:hover {
color:#2B4B58 !important;
text-decoration:none !important;
}

body.custom #content h2 a:hover {
color:#2B4B58 !important;
text-decoration:none !important;
}

body.custom #content .postarea {
padding:10px 10px 10px;
}

body.custom #content .postarea p,
#home p {
margin:0px 0px 15px 0px;
}

body.custom #content h3 {
font-size:16px !important;
color:#436320;
line-height:110% !important;
}

/* Artikelinfos unter Blogbeitragueberschrift (Autor, Datum, Kategorien...) */
body.custom .byline,
body.custom .byline_home {
margin:-5px 0 0 0 !important;
padding:0px !important;
}

body.custom .byline p,
body.custom .byline_home p,
body.custom .bylinemeta p {
margin:0px 0px 0px 0px !important;	
}

body.custom .bylinemeta,
body.custom .bylinemeta a {
color:#000 !important;
font-size:11px;
}

/* Kann man, muss man aber nicht - die Kategorie(n) unterhalb der Artikelinfos unter Blogbeitragueberschrift 
extra stylen > oder einfach Bullet ersetzen und gegebenenfalls anders positionieren*/
body.custom .bylinemeta a[rel=category] {
color:#000 !important;
font-size:12px;
padding-left:16px;
background-image:url('images/bullet.png');
background-repeat:no-repeat;
background-position:0px 3px; /* positioniert Bullet 1. Wert von links 2. Wert von oben */
}

/* Hovereffekt im Beitragsinfo-Bereich, Link zu Autor, Kategorie(n) und Kommentaren */
body.custom .bylinemeta a:hover {
color:#2B4B58 !important;
text-decoration:underline;
}
 /* Content und Seitenleiste(n)bereich */
body.custom #container,
body.custom #homecontainer {
background:none;
border:0 solid #DDDDDD;
width:100%;
}

/* Innenbereich vom Container - fehlt jedoch im Template ein Clearing, so dass Formatierungen hier - 
beispielsweise Hintergrundfarbe - weitgehend ohne Effekt bleiben wuerden 
ist mittig positioniert Breite stellt Seitenraender vom Content - weniger width - mehr Innenabstand 
von den Seitenraendern - ACHTUNG - Spalten haben fixe Breiten, koennen dadurch versetzt werden
*/
body.custom #content {
margin:0 auto;
padding:0;
width:920px;
}

/* STARTSEITE - Innenbereich vom Container */
body.custom.home #home {
position:relative;
margin:0 auto;
padding:0;
width:920px;
}

/* STARTSEITE - Innenbereich von home */
body.custom #hometop {
margin:0 auto;
padding:0;
width:auto;
}

/* Sidebar-Block-Ueberschriften (Achtung, nur 1 und 2) */
body.custom #sidebar_1 h3,
body.custom #sidebar_2 h3 {
padding:0px 0px 0px 0px;
background:none;
border-bottom:1px solid #376024;
color:#2B4B58;
font-size:13px !important;
font-variant:normal !important;
font-weight:bold;
letter-spacing:1.5px;
line-height:25px;
margin:0px 0px 5px 0px;
text-transform:uppercase !important; /* nur Grossbuchstaben */
}

/* STARTSEITE - Sidebar-Block-Ueberschriften (Achtung, nur 1 und 2) */
body.custom #sidebar_h h3 {
padding:0px 0px 0px 0px;
background:none;
border-bottom:1px solid #376024;
color:#2B4B58;
font-size:13px !important;
font-variant:normal !important;
font-weight:bold;
letter-spacing:1.5px;
line-height:25px;
margin:4px 0px 5px 0px;
text-align:left;
text-transform:uppercase !important; /* nur Grossbuchstaben */
}

/* Bottom-Blocks-Bereich mittig setzen - randlos */
body.custom #homebottom {
background:none repeat scroll 0 0 #fafaef;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
margin:0 auto;
padding:0 15px 0 5px;
width:920px;
}

/* postitioniert den Header zu den aktuellen Newsmeldungen auf der Startseite */
body.custom #custom_widget_1  {
background:none !important;
color:#2B4B58 !important;
font-family:Tahoma,sans-serif !important;
font-size:13px !important;
line-height:130% !important;
}

/* justiert den Header zu den aktuellen Newsmeldungen auf der Startseite */
body.custom .customwidget1 {
padding:10px 0 0 15px !important;
}

/* Feature-Bottom-Bereich mittig setzen */
body.custom #featurebottom {
background:none repeat scroll 0 0 #FFFFFF;
border-top:0px solid #DDDDDD;
margin:0 auto;
padding:0 15px 0 0;
width:905px;
}

/* Keine Linie vor Kommentaren - kommt am Ende mit dem Blockbereich vor dem Footer in Konflikt
da sind dann zwei unterschiedlich lange Linien uebereinander */
body.custom .commentmeta_home {
border-bottom:0px solid #DDDDDD;
color:#888888;
font-size:18px;
}

/* Umgibt Footer-Bereich */
body.custom #footer_wrap {
background-image:none;
background-repeat:no-repeat;
background-position:bottom;
background-color:#eee;
border-top:3px double #376024;
width:940px;
}

/* eigentlicher Footer */
body.custom #footer {
display:block;
float:none;
margin:0 auto;
padding:0 0 5px;
text-align:center;
width:920px;
min-height:50px;
}

/* Schriftfarbe in Absaetzen Footerbereich */
body.custom #footer p,
body.custom #footer p a {
color:#333;	
}

/*Author-Info unter Blog-Post*/

#autor-info img{
float:left;
margin:0px 20px 0px 0px;
}