/*  
Theme Name: ictMedia
Version: 0.1
Author: Klaus Birkenbihl
Author URI: http://www.ict-Media.de/
Tags: two-columns, fixed-width
*/
html {
     background: #FFF;
  }
body {
	  padding: 10px 10px 10px 10px ;
	  margin: 1vh auto;
	  font-family: 'Titillium Web', cursive;
	  font-size: 100%;
	  color: black;
	  background: #DDD;
	  background-position: top center;
	  background-attachment: fixed;
	  background-repeat: no-repeat;
	  max-width: 900px;
    border-radius: 20px;
	}

div.left       {
    margin: 0;
    flex-shrink: 0; 
    flex-grow: 0.2; 
    flex-basis: 150px;
  }
               
div.haupttext  {
    background-color: #FFDE86;
    margin: 0;
    padding-right:1em;
    border-radius: 10px;
    flex-basis: 300px;
    flex-shrink: 0;
    flex-grow: 1;
  }
               
div.fliesstext {
    line-height: 1.3;
    max-width: 50em;
    min-width:15em;
    background-color: #A0B8E0;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 14px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 10px;    
  }               
               
div.navigation {
    background-color: #FFDE86;
    padding: 1em;
    margin: 0;
    line-height: 1.1;
    border-radius: 10px;
  }

div.mitte   {
    width:100%;
		margin: 0px;
    margin-top: 10px;
		background-color: #FFDE86;
    border-radius: 10px;
    display: flex;
    align-items: stretch;
  }
                           
div.bottom { 
    /*background-color: #FFD35D;*/
    margin: 0px;
    margin-top: 5px;
    padding-top:.6em;
    padding-bottom:.4em;
    clear:both;
    font-size: 80%;
    text-align: center;
    width:100%;
    border-radius: 10px;
  }
div.bottom div {padding-left: 1em;}
  
div.top { 
    /*background-position: center top;*/
    margin: 0px;
    height: 100px;
    clear:both;
    width:100%;
    border-radius: 10px;
    background-image: url(images/meadow.jpg);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    overflow: hidden;
    position: relative;
    z-index : 1;
  }

div.top div.top { 
    /*background-position: center top;*/
    margin:0;
    background-color: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(images/html5logo.png);
    background-position: 200px -23px;
    background-repeat: repeat-x;
    z-index : 5;
  }

#MicrosoftTranslatorWidget{
    position: absolute;
    z-index :6;
    right: 0px;
    top : 0px;
  }  

#html5_car {
    display: block;
    padding: 0;
    position: absolute;
    top: 0px;
    left: -240px;
    transition-property: left;
    -moz-transition-property: left;
    -webkit-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-duration: 15s;
    -moz-transition-duration: 15s;
    -webkit-transition-duration: 15s;
    -o-transition-duration: 15s;
    -ms-transition-duration: 15s;
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
  }

/*a.toplogo {
    display: block;
    width:136px;
    height:84px;
    margin-left: 4px;
    margin-top: 0px;
    border-radius: 10px;
  }               

.top a[href]:hover {
    background-color: transparent;
    border: 6px ridge #999035;
  }   */

.alignright {
    text-align: right;
    float: right;
  }

.alignleft {
    text-align: left;
    float: left;
  }
               
.post .posttext {
    padding-left: 2em;
  }

.post {
  padding: 10px;
  border-radius:8px;
}
  
div.pageauthor {
    color: #005A9C;
    text-align: center;
  }

a:link {
    color: #1a2272;
    background: transparent;
    text-decoration:none
  }

a:visited {
    color: #4e5384;
    background: transparent;
    text-decoration:none
  }
  
/* a:active {color: #FFDE86; background-color: #000080; text-decoration:none} */

a img {
   border-style: none;
   background: transparent;
 } /* no border on img links */
 
a[href]:hover {
    border-style: none;
    color: #FFDE86;
    background-color: #000000;
    text-decoration:none;
  }
  
.noinvert   a[href]:hover {
    color: inherit;
    background-color: inherit;
  }
  
.fill {
  max-width: 100%;
  display: block;
  }  


img.topright {
    margin-top: -1px;
    margin-right: -10%;
    margin-left: 10px;
    margin-bottom: 10px;
    border-width: 1px;
    border-color: #FFDE86;
    width:123px;
    float: right;
    border-style: solid;
    display: block
  }
th, td { /* ns 4 */
  font-family: sans-serif;
}

h2, h3, h4, h5, h6 {
    text-align: inherit 
  }

h1 {
    color: #1a2272;
    background: transparent;
    font-size: 190%;
    text-align: center;
    margin: 0.7em;
    font-weight:normal;
    font-family: 'Permanent Marker', cursive;
  }

h2{
    font-size: 130%;
  }

.navigation h3 {
    font-weight: bold;
    font-size: 100%; 
    background-color: #A6811F;
    color: #FFDE86;
    margin: 0px;
    margin-top: 1em;
    margin-bottom: 0.3em;
    padding: 4px;
    padding-left: 6px;
    border-radius: 5px;
  }

.navigation h3 a  {
    color: #FFDE86;
  }        

#search input {
    max-width: 150px;
  }                 

.haupttext h2, .haupttext h3, .haupttext h4 {
    background-color: #A6811F;
    margin-top: 0.5em;
    padding: 0px 8px 3px 8px;
    border-radius: 5px;
    color: #FFDE86;
  }
  
h2 a:link, h3 a:link, h4 a:link {
    color: #FFDE86;
}

h2 a:visited, h3 a:visited, h4 a:visited {
    color: #FFFFFF;
}
  
h3 {
    font-weight: bold;
    font-size : 120% ;
  }
  
h4 { 
    font-weight: bold;
    font-size : 100% ;
  }
  
h5 {
    font-style: italic 100% ;
    font-size : 100% ;
  }

h6 {
    font-variant: small-caps;
    font-size : 100% ;
  }

.sidebarboxtop, .sidebarboxbottom {
    display: none;
  }

.postmeta   {
    font-size: 80%;
    margin-top: 1em
  }            

.hide {
    display: none 
  }

dt, dd {
    margin-top: 1ex;
    margin-bottom: 0 
  } /* opera 3.50 */
  
dd {
    margin-left: 5.9em;
    margin-top: -2.2ex;
  }
  
.post:hover {
    background-color: #FFFCC0;
  }
.post {
    background-color: #FFE89E;
    margin-bottom: 10px;
  } 
dt {
    width: 5.9em;
    font-style:italic;
  }

pre, code {
    font-family: monospace
  } 

.navigation ul {
    margin :0;
    padding-left :1.5em;
    padding-right :0.5em;
    font-size: 90%;
  }

.navigation ul li {
    border-radius: 5px;
    padding: .17em;
  }  

.navigation ul li:nth-child(even) {
    background-color: #E8DE86;
  }  
  
.navigation ul li:nth-child(odd) {
    background-color: #FFEE86;
  }  
  
div.prevnext{
    margin: 1em;
  }

.prevnext div {
    color: #FFEEb5;
    font-weight: bold;
    background-color: #A6811F;
    padding: 0.5em;
    height: 1em;
    width: 9em;
    text-align: center;
    border-radius: 5px;
  }

.prevnext a {
    color: #FFEEb5;
    font-weight: bold;
  }
  
#commentform input[type=text]{
    width: 55%;
   }
   
#commentform textarea{
    width: 100%;
   }

textarea, input  {
	  font-family: 'Titillium Web', cursive;
  }
   
.haupttext ul{
    list-style-image: url(../../../wp-includes/images/smilies/icon_arrow.gif);
    margin-left : 1em;
    padding-left : 1.3em;
    padding-right :1em;
}

.haupttext ul li{
    padding-left :0.4em;
}


.social_share_privacy_area {
    list-style-image: none !important;
}

table {
  border-style: solid;
  border-width: 1px;
  width: 90%;
  }

code {
  font-size: 120%;
  font-weight: bold;
  color: #006020;
}  

.more-link {
  font-size: 80%;
  font-weight: bold;
  }
  
td, th {
  border-style: solid;
  border-width: 1px;
  width: 33.33%;
  padding:0.5em;
  }
  
.login p {
  margin-top: 5px;
  margin-bottom: 5px;
}

.toplinks a{
  font-size: 190%;
  font-weight: bolder;
  color:white !important;
  padding: 20px;
}

.toplinks {
  z-index: 10;
  position: absolute;
  bottom: -15px;
  left: 10px;
  width: auto;
  background-color: transparent;
  border-radius: 3px;
  text-align: center;
  }

em {
  font-style: italic;
  /*font-family: "Times", serif;*/
  }

.subtitle {
  font-size: 60%;
  }
  
#banner {
  background: none repeat scroll 0 0 #E94A2A;
  border-radius: 10px 10px 10px 10px;
  color: #FFDE86;
  margin: 3%;
  padding: 10px;
  width: auto;
  font-weight: bolder;
  }

#banner a {
  color: #1A2272;
  }
#banner > a {
  background: none repeat scroll 0 0 #F26726;
  border-radius: 8px 8px 8px 8px;
  display: block;
  font-size: 140%;
  margin: 4px;
  text-align: center;
  }

#banner div{
  display: block;  
  }