/*
border: 1px solid #333;
Theme Name:Eigenbau
Theme URI:http://www.raatzional.de
Description:eigene Template-Anfertigung
*/

@import url(http://fonts.googleapis.com/css?family=Roboto:300,300italic,400,700);

/* CSS Reset */
* {margin:0;padding:0;}

/*
Standards
*/
body {background:#222;background-image: url("img/bg.png");color:#ccc;font-family:Roboto,verdana,sans-serif;font-weight:300;font-size:95%;margin:50px 30px 0 20px;padding-right:10px} /* padding-right wegen Bug Auto-Youtube-Breite-Plugin */
.aligncenter {display:block;margin:0 auto 4px auto} /* standard WP-Klasse */
.alignleft {float:left;margin:4px 8px 8px 0}
.alignright {float:right;margin:4px 0 8px 8px}
h1, h2, h3, h4, h5, h6 {margin:20px 0 5px 0}
h1 {font-size:1.25em;font-weight:600}
h2 {font-size:1.15em}
h3 {font-size:1.1em}
h4, h5, h6 {font-size:1em}
p {margin-bottom:10px}
.wp-caption {width: 200px;border:1px solid #ddd; padding:2px;font-size:0.8em}
.clearer {clear:both}
#content img {max-width: 100%;height: auto}

/*
Links
*/
#seite-bearbeiten a {position:fixed;top:7px;right:7px;border:1px solid #ccc;border-radius:5px;padding:1px;margin:0;font-size:0.8em;color:#ccc}
a {color:#3e83e2;text-decoration:none}
a:hover {color:#0099ff}
a:active, a:focus {outline:none}
#seitenname a {color:#fff}
#sidebar a {color:#bbb}
#sidebar a:hover {color:#eee}
#sidebar .sub-menu a {color:#777} /* für im Menü untergeordnete Seiten */
#sidebar .sub-menu a:hover {color:#eee}
#sidebar .current-menu-item .sub-menu a:hover {color:#eee} /* hover über Unterseiten wenn Überseite aktiv */
#sidebar .current-menu-item a {color:#eee}
#sidebar .current-menu-item .sub-menu a {color:#ccc} /* Unterseitenfarbe wenn Überseite aktiv */
#footer-menu a {color:#999} /* Footer Menü wenn bestückt*/
#footer-menu a:hover {color:#333}
.unterseiten a {color:#ddd;font-weight:bold} /* für die automatische Auflistung der Unterseiten nebst Thumbnail auf den Elternseiten */
.unterseiten a:hover {color:#fff}

/*
Inhalt
*/
#wrapper{margin:20px auto;max-width:1100px}
#seitenname {font-size:2em;font-weight:700;margin:0 0 50px 40px;text-transform: uppercase;width:100px;border-left:6px solid #fff;padding-left:10px} /* oben anstelle von etwa h1 */
#sidebar {float:left;padding: 3px 40px 0 3px;width:150px;border-right:1px solid #666;text-align:right;font-weight:400}
#sidebar li {list-style-type:none;margin-bottom:15px;font-variant:small-caps;font-size:1.1em}
.sub-menu {font-size:0.8em;margin-top:3px} /* untergeordnete Menüpunkte */
#sidebar li .sub-menu li {margin:5px 0 0 0}
.soziale-links {margin-top:45px}

#content {margin-left:240px;line-height:1.4em}
#seitentitel {font-size:1.3em;margin-bottom:10px;font-weight:700;color:#e6e6e6} /* oben anstelle von etwa h1 */
.breadcrumps {font-size:0.9em}

#comments {margin-top:50px} /* ist h3 */
.children {margin:10px 0 10px 40px} /* gehört zu den Kommentaren (Direktantwort) */

#footer-menu {margin:30px 0 0 200px;text-align:center;font-size:0.9em} /* ist div um ul; div muss sein falls leer */
#footer-menu li {display:inline;margin-left:20px}

/*
Widgets
*/
.widget {margin-bottom:20px}
.widget-title {font-weight:bold}
.screen-reader-text {display:none} /* Text vor der Suche */
#searchform {margin:50px 0 20px 0;font-size:8px}
#s {font-size:8pt;width:100px;color:#333;padding:2px;text-align:center;} /* das Suche-Feld */
#searchsubmit {font-size:8pt;width:45px;color:#777;padding:1px;margin-top:5px}
#s, #searchsubmit {border:1px solid #ddd;border-radius:4px}

/*
Sonstiges
*/
.soziale-links img {height:15px;width:auto}

/* für die Auflistung von Unterseiten-Links auf Elternseiten */
.unterseiten {margin-top:25px;text-align:center} /* ist ul */
.unterseiten li {display:inline-block;margin-right:20px;list-style-type:none}
.unterseiten li img {padding-top:6px;border-top:1px solid #333}

/*
responsive Design
*/
@media screen and (max-width: 700px)
{
body {margin:2px 0 2px 3px}
#wrapper {margin:0}
#sidebar {float:none;padding:0;width:100%;border:none;text-align:left;margin:5px 0 5px 0}
#sidebar li {display:inline;margin:0 6px 0 0;border:1px solid #ccc;border-radius:5px;padding:1px;line-height:35px} /* line height weil sich sonst übereinander schiebt */
#sidebar .sub-menu, .soziale-links {display:none}
#content {margin:0}
#seitenname {margin:0;text-transform:none;width:100%;border:none;padding:0}
#seitentitel {margin-top:10px}
.unterseiten li {margin:0 10px 20px 0} /* unterseiten ist ul für die automatische Auflistung auf Überseiten */
}