html,
body {
  margin: 0;
  padding: 0;
}

html {
	overflow-Y: scroll;
}

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

html {
  background: url(../design/karton2.jpg) fixed no-repeat;
}

body {
  padding: 130px 0 0 165px;
  font: normal normal normal 1em/1.3em Georgia, Arial, Geneva;
  // font-size-adjust: 0.49;
}

h1, h2, h3, h4 {
  font-family: "Myriad Pro", "Myriad Web", Arial, sans serif;
  margin: 0;
  padding: 0;
}

h1,
.wie-h1 {
  font-size: 180%;
  font-weight: bold;
  margin: 1em 0 .25em 0;
  text-transform: uppercase;
  font-family: "Myriad Pro Black", "Myriad Pro", "Myriad Web", Arial, sans serif;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3), 0 0 5px #fff, 0 0 20px rgba(255, 255, 255, 0.4);
}

h2 {
  font-size: 120%;
  margin: 1em 0 .5em 0;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3), 0 0 5px #fff, 0 0 20px rgba(255, 255, 255, 0.4);
}

p {
  margin: 0;
  padding: .25em 0 .25em 0;
}

ul {
    margin: 0 0 0 1.5em;
    padding: .25em 0 .5em 1.75em;
    width: 38em;
    //background-image: url(../design/transparent/trans40.png);
    color: #fff;
  
    background-color: hsla(0, 0%, 0%, 0.4);
    -moz-border-radius: 4px;
    -moz-border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius 8px;
	-webkit-border-radius: 4px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
	border-radius: 4px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; 
    // box-shadow: 0 2px 3px #000; 
}

a,
a:link,
a:visited {
	color: #fff;
}

a:hover {
	color: #c0c0c0;
}

.innen  {
  	width: 41em;
}

.innen ul,
.innen p {
	font-size: 0.9em;
	line-height: 1.3em;
}

.innen li {
    padding: 0 0.3em 0.3em 0;
}

.kasten {
    width: 21em;
    padding: 0.3em 0.75em 0.4em 0.75em;
    // background-image: url(../design/transparent/trans40.png);
    color: #fff;

    border-top: 1px solid #999;
    background-color: hsla(0, 0%, 0%, 0.4);
    -moz-border-radius: 4px;
    -moz-border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius 8px;
	-webkit-border-radius: 4px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
	border-radius: 4px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; 
    box-shadow: 0 2px 3px #000; 
}

.wie-h1 {
	line-height: 100%;
	padding-bottom: 1em;
}

h2.trigger {
	margin: 0;
    padding: 0;
    background: transparent url(../bilder/plus-verkleinert3.png) scroll no-repeat;
    background-position: 0 0;
	font-size: 1.25em;
}

h2.trigger a {
    padding: 0.6em 0 1.2em 65px;
	color: #000;
	display: block;

}

h2.trigger a:hover {
    color: #3c3d3b; 
}

h2.active {
    background-position: 0 -103px;
}

.block {
	margin: 0 0 1.2em 1.5em;
    padding: .25em 0.8em .5em 0.8em;
    width: 34em;
    // background-image: url(../design/transparent/trans40.png);
    color: #fff;
    
    border-top: 1px solid #ddd;
    background-color: hsla(0, 0%, 0%, 0.4);
    -moz-border-radius: 4px;
    -moz-border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius 8px;
	-webkit-border-radius: 4px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
	border-radius: 4px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; 
    box-shadow: 0 2px 3px #000; 
}

.innen .block p {
    padding: .35em 0 .35em 0;
}

.block h3 {
    margin: 0.5em 0 0.5em 0;
}

.block ul li,
.block ol li {
    margin-left: 1.5em;
}

.screencast_block {
    margin: 1.5em 0 0 0;
    width: 34em;
    width: 45em;
}

.screencast {
    width: 220px;
    margin: 0.75em 0.5em 0.75em 0.5em;
    float: left;
    text-align: center;
}

.screencast div {
    padding: 7px 7px 5px 7px;
    border-top: 1px solid #ddd;
    background-color: hsla(0, 0%, 100%, 0.5);
    // background-image: url(../design/transparent/trans50-w.png);
    -moz-border-radius: 4px;
    -moz-border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius 8px;
	-webkit-border-radius: 4px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
	border-radius: 4px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; 
    box-shadow: 0 2px 3px #000;
}

.screencast div img {
	display: block;
	margin: 0 auto 0 auto;
	width: 200px;
	height: 125px;
}

.screencast h2 {
    width: 208px;
    padding: .3em 0 .3em 0;
    margin: 0 auto 1px auto;
    border-top: 1px solid #999;
    background-color: hsla(0, 0%, 100%, 0.35);
    // background-image: url(../design/transparent/trans35-w.png);
    text-align: center;
    -moz-border-radius: 10px;
    -moz-border-bottom-right-radius: 0;
    -moz-border-bottom-left-radius 0;
	-webkit-border-radius: 10px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
	border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 1px 2px #000;
}

.screencast div img {
    width: 200px;
    height: 125px;
    border: 2px solid #000;
}

.screencast div p {
    padding: 0;
    margin: 0;
    font-size: 90%;
    text-align: left;
}

.download {
    width: 180px;
    margin: 2px auto 0 auto;
    background-color: hsla(0, 0%, 100%, 0.35);
    // background-image: url(../design/transparent/trans35-w.png);
    -moz-border-radius: 5px;
    -moz-border-top-right-radius: 0;
    -moz-border-top-left-radius 0;
	-webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
	border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 2px #000;
}

.download a,
.download a:link,
.download a:visited {
    display: block;
    background: transparent no-repeat url(../design/pfeil3.gif) center center;
    color: #000;
}

.download a:hover {
    color: #fff;
}

.download a:active {
    color: #ebdaca;
}

.test {
    width: 200px;
    background-color: Red;
}

.spamschutz {
    unicode-bidi: bidi-override;
    direction: rtl;
}