/*
Theme Name: Bussgeldkatalog-FlexBox-https
Theme URI: http://www.linux-neuling.de/wordpress-themes/
Description: 3 Spaltiges design, basierent auf dem entwurf des xhtml design von Linux-neuling.de

Tags: feste Breite, widgets , rechte sidebar, linke sidbear, 3 spalten, valid XHTML, valid CSS

Version: 1.0
Author: Harald Schießer
Author URI: http://www.linux-neuling.de/

Released under GPL.
*/

/*<![CDATA[*/

body {
 margin: 10px auto;
 font-family: sans-serif;
 color: #333333;
 display:-webkit-flex;
 display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;
}

* html
{
 /* \*/
 word-wrap: break-word;
 /* verhindert float-Probleme beim IE/Win siehe Referenz zu float */
}


header, siesind, nav, article, section, aside1, aside2, arti1, arti2, footer
{
 border-radius: 0.5em 0.5em 0.5em 0.5em;
 border: 2px solid;
 padding: 10px;
 margin: 2px;-webkit-flex: 1 100%; flex: 1 100%;
}

header
{
 vertical-align: bottom;
}

h1, main, main svg {
border-radius: 0.5em 0.5em 0.5em 0.5em;
 border: 1px solid;
 padding: 10px;
 margin: 10px;
}

h1 {
background: transparent 10px 5px no-repeat;
 border-color: #d80903;
 color:#000;
 text-align: center;
}

h2 {
background: transparent;
 border-color: #d80903;
 color:#000;
 vertical-align:bottom;
}

header {
background: transparent;
  border-color: #d80903;
}

nav {
  background: #fffbf0;
  border-color: #d80903;
}
siesind {
  border-color: #d80903;
}

section {
  background: #F1F3F4;
  border-color: #d80903;
}

article {
background: transparent;
  border-color: #d80903; -webkit-flex: 3 1 0%; flex: 3 1 0%;
}

aside1 {
background:transparent;
  padding-left:10px;
  border-color: #d80903; -webkit-flex: 1 1 0%; flex: 1 1 0%;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 180px;
}
aside1 ul{
 padding:0;

 list-style-type: none;
}
aside2 {
background:transparent;
  border-color: #d80903; -webkit-flex: 1 1 0%; flex: 1 1 0%;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 250px;
}
aside2 ul{
padding:0;
  list-style-type: none;
}

footer {
 background:transparent;
  border-color: #d80903;
 text-align: center;
}

arti1
{
background: #ffede0;
  border-color: #d80903; -webkit-flex: 1 1 0%; flex: 1 1 0%;
}

arti2
{
background: #ebf5d7;
  border-color: #d80903; -webkit-flex: 1 1 0%; flex: 1 1 0%;
}

#wrapper {
display: flex;
  background:transparent;
  border: 0px solid;
  padding: 10px;
}

#wrapper div {
background:transparent;
  margin: 10px;
  flex: 1;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
  border: 2px solid;
  padding: 10px;
}

#siesindhier_l
{
 background:transparent;
 text-align: left;
 float: left;
}

#siesindhier_r
{
 background:transparent;
 text-align: right;
}

#kopfwerbung_l
{
 display: inline-block;
 color:#000;
 background:transparent;
 background:#ff8800;
 margin-left: 10px;
 float: left;
 vertical-align:bottom;
}

#kopfwerbung_r
{
 display: inline-block;
 text-align: right;
 float: right;
 background:transparent;
}

.artikel_ube_fuss
{
 font-size: 0.685em;
}

.artikel
{
}

.mini_artikel
{
 display: inline-block;
}

.entry
{
 display: inline-block;
 overflow: visible;
}

p
{
}


/* ###############################  Artikel ausgabe  ###################################### */

#inhalt .artikel_kopf
{
 background: transparent;
 font-size: 14px;
 line-height: 14px;
 background: #fff;
 text-align: left;
}

#inhalt .artikel
{
 background: #fff;
 padding-top: 2px;
 text-align: left;
}

#inhalt .artikel h2
{
 font-size: 14px;
 line-height: 14px;
 text-align: left;
 margin: 0px;
 padding: 0px;
}

#inhalt .artikel img
{
 float: left;
 margin: 1px;
}

#inhalt .artikel p
{
 margin: 0px;
 padding: 0px;
 background: #fff;
 padding-top: 2px;
}

#inhalt .artikeldescript
{
 font-size: 14px;
 line-height: 14px;
 float: left;
 margin: 1px;
 text-align: left;
}

#inhalt .artikel_ube_fuss
{
 font-size: 0.685em;
 padding-bottom: 4px;
 background: #ddd;
 margin-bottom: 0;
 border-bottom: 1px solid #ccc;
}

/* Normaler Text_Link */

a
{
 color:#000;
 font-weight:bold;
 text-decoration:none;
}

a:hover
{
 color:#808080;
 text-decoration:underline;
}

a.textlink,
a.textlink_m,
a.textlink_r,
a.textlink_rot
{
 font-size: 16px;
}

a.listlink
{
 font-size: 16px;
}

a.textlink_gr
{
 font-size: 16px;
 line-height: 20px;
 text-align: left;
}

a.biglink
{
 font-size: 20px;
 line-height: 22px;
}

a.textlink_m
{
 text-align: center;
}

a.textlink_r
{
 text-align: right;
}

a.textlink,
a.biglink,
a.textlink_m,
a.textlink_r,
a.textlink_gr,
a.textlink_rot,
a.listlink
{
 color: #000;
 font-weight: bold;
 text-decoration: none;
}

a.textlink:link,
a.textlink:visited,
a.biglink:link,
a.biglink:visited,
a.textlink_m:link,
a.textlink_m:visited,
a.textlink_r:link,
a.textlink_r:visited,
a.textlink_gr:link,
a.textlink_gr:visited,
a.listlink:link,
a.listlink:visited
{
 color: #000;
}

a.textlink:hover,
a.textlink:active,
a.textlink:focus,
a.biglink:hover,
a.biglink:active,
a.biglink:focus,
a.textlink_m:hover,
a.textlink_m:active,
a.textlink_m:focus,
a.textlink_r:hover,
a.textlink_r:active,
a.textlink_r:focus,
a.textlink_gr:hover,
a.textlink_gr:active,
a.textlink_gr:focus,
a.textlink_rot,
a.listlink:hover,
a.listlink:active,
a.listlink:focus
{
 text-decoration: underline;
}

a.textlink_rot
{
 color: red;
}

a.textlink_menue
{
 padding-left: 22px;
 line-height: 12px;
 font-size: 11px;
 color: black;
 font-weight: normal;
 font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
 text-decoration: none;
}

a.textlink_menue:hover,
a.textlink_menue:active,
a.textlink_menue:focus
{
 text-decoration: underline;
}

a.textlink_inner_menue
{
 padding-left: 12px;
 line-height: 14px;
 font-size: 16px;
 color: #000;
 font-weight: Bold;
 font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
 text-decoration: none;
}

a.textlink_inner_menue:hover,
a.textlink_inner_menue:active,
a.textlink_inner_menue:focus
{
 text-decoration: underline;
}

a.textlink_inner_gr
{
 padding-left: 14px;
 line-height: 16px;
 font-size: 16px;
 color: #000;
 font-weight: Bold;
 font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
 text-decoration: none;
}

a.textlink_inner_gr:hover,
a.textlink_inner_gr:active,
a.textlink_inner_gr:focus
{
 text-decoration: underline;
}

a.textlink_kat_gr
{
 font-size: 16px;
 line-height: 14px;
 font-weight: bold;
}

a.textlink_kat
{
 font-size: 16px;
 line-height: 14px;
}

a.textlink_kat_gr,
a.textlink_kat
{
 text-align: left;
 color: #000;
 text-decoration: none;
}

a.textlink_kat_gr:link,
a.textlink_kat_gr:visited,
a.textlink_kat:link,
a.textlink_kat:visited
{
 color: #000;
}

a.textlink_kat_gr:hover,
a.textlink_kat_gr:active,
a.textlink_kat_gr:focus,
a.textlink_kat:hover,
a.textlink_kat:active,
a.textlink_kat:focus
{
 text-decoration: underline;
}









@media only screen and (max-width: 480px)
{
  body
  {
    background-color: rgba(140,224,194,0.1);
  }
  header
  {
   order: 1;
  }
  article
  {
   order: 2;
  }
  siesind
  {
   order: 3;
   flex-grow: 1;
  }
  aside1
  {
   order: 4;
   flex-grow: 1;
  }
  aside2
  {
   order: 5;
   flex-grow: 1;
  }
  footer
  {
   order: 6;
  }
}