body {
   color: #3A3940;
   margin: 0;
   padding: 0;
   font: 85%/1.5 Arial, Helvetica, sans-serif;
}

/*   Skiplinks   */
body#idBody ul.skiplinks {
	position: absolute;
	left: -9999px;
	font-size: small;
	width:10em;
}

body#idBody ul.skiplinks li{
	display:inline;
	width:10em;
}

body#idBody ul.skiplinks a:focus {
    position: absolute;
    left: 10030px;
	display:inline;
    background-color: #B3C800;
    color:#fff;
}
/*------------*/

/* Bild links */

div#main img
{
    margin-top:2em;   
}

/*------------*/


#wrap {
   background: #fff url(../img/style/bg-body.jpg) repeat-y;
   margin-top: 20px;
}

.clear {
   clear: both;
}

a {
   color: #939393;
   background-color: #fff;
   text-decoration: none;
}

a:hover, a.active{
   color: #B3C800;
}

a:focus, a:active
{
   background-color:#B3C800;
   color: #FFF;
   outline-style:none;
}

#headmast {
   border-bottom: 1px solid #B8B8B8;
}

#headmast img {
   position: absolute;
   left: 30px;
   top: 85px;
}

#primaernavigation {
   margin-left: 300px;
   width: 12em;
   padding-right: 1em;
   padding-bottom: 15px;
   border-right: 1px solid #DADADA;
}

#primaernavigation ul, #primaernavigation li, #haupt ul, #haupt li {
   margin: 0;
   padding: 0;
   list-style-type: none;
   line-height: 2.0;
}

#main {  
   width: 90%;
   min-width: 775px;   
   max-width: 90em;
}

.topic {
   float: left; 
   margin-left: 70px
}

.topicgabyhaak {
   float: left; 
   margin-left: 30px
}

#content {
   margin-left: 300px; 
   background: transparent url(../img/style/bg-main.jpg) repeat-y 13em 0 ;
}

* html #content {
  height: 255px;
}

#haupt {
   float: left;
   width: 12em;
   padding-right: 1em;
   padding-bottom: 20px;
   padding-top: 15px;
}

#haupt ul ul, #haupt ul ul li {
   line-height: 1.5;
}

#haupt ul ul a, #haupt ul ul .active {
   padding-left: 15px;
   font-size: 90%;
   display:block;
}

#haupt ul ul li
{
    display:inline;
}

#haupt ul ul li.active {
   background: #fff url(../img/style/active-bullet.jpg) no-repeat 0px 6px;
}

li.active 
{
    color:Black;}

#copy {
   margin-left: 15em;
   padding-top: 10px;
    min-height: 350px;
}

#copy #message 
{
    color:Red;
}

#copy h1 {
   font-size: 130%;
   background: #fff none no-repeat;
   margin: 0;
   padding-left: 35px;
   padding-top: 4px;
}

#copy h2 {
   font-size: 100%;
   background: #fff none no-repeat;
   margin: 0;
   padding-left: 0px;
   padding-top: 4px;
}

#copy a 
{
    color:#B3C800;
    text-decoration:underline;
}

#copy a:focus, #copy a:active
{
    color:#FFF;
}

.copytext {
   margin-left: 35px;
   color: #767676;
}

.copytext img.foto 
{
  margin:3px;
   padding: 3px;
   border: 1px solid #B8B8B8;
} 
#copy ol li {
    padding-bottom: 10px;

}



.tblWorkshop 
{
	border-collapse:collapse;
	border: 1px solid #DADADA;
}

.tblWorkshop>tbody>tr>td 
{
	padding:2px;
	margin:0px;
	vertical-align:top;
	border: 1px solid #DADADA;
}


blockquote
{
	border: 1px solid #B3C800;
	display:block;
	padding:10px;
	width:20em;
	margin:1em 0 0 1em;
}
blockquote p 
{
	margin-left:10px;
	margin-right:10px;
}
		
#footer {
   border-top: 1px solid #DADADA;
   clear: both;
   padding-left:40px;
   padding-top: 15px;
   font-size: 80%;
   background-color: #fff;
   color: #939393;
}


/* Kontextabhängige Styles */
#copy .a {
   background-image: url(../img/style/heading-a.jpg);
}

#copy .b {
   background-image: url(../img/style/heading-b.jpg);
}
#copy .c {
   background-image: url(../img/style/heading-c.jpg);
}
#copy .e {
   background-image: url(../img/style/heading-e.jpg);
}
#copy .f {
   background-image: url(../img/style/heading-f.jpg);
}
#copy .g {
   background-image: url(../img/style/heading-g.jpg);
}
#copy .i {
   background-image: url(../img/style/heading-i.jpg);
}
#copy .k {
   background-image: url(../img/style/heading-k.jpg);
}
#copy .l {
   background-image: url(../img/style/heading-l.jpg);
}

#copy .m {
    background-image: url(../img/style/heading-m.jpg);
}
#copy .o {
   background-image: url(../img/style/heading-o.jpg);
}
#copy .p {
   background-image: url(../img/style/heading-p.jpg);
}
#copy .r {
   background-image: url(../img/style/heading-r.jpg);
}
#copy .w {
   background-image: url(../img/style/heading-w.jpg);
}
#copy .v {
   background-image: url(../img/style/heading-v.jpg);
}
#copy .s{
   background-image: url(../img/style/heading-s.jpg);
}

#copy .t {
    background-image: url(../img/style/heading-t.jpg);
}
#copy .n{
   background-image: url(../img/style/heading-n.jpg);
}

span[lang="en"]
{
    border-bottom: dashed 1px black;  
}

#copynav a {
    text-decoration: none;
    display: block;
    background: #fff url(../img/style/active-bullet.jpg) no-repeat 0px 6px;
    padding-left: 15px;
   color: #939393;
}

#copynav a:hover, #copynav a.active
{
   color: #B3C800;
}

#copynav a.weiter {
    float: right;
}

#copynav a.zurueck {
    float: left;
}

#copynav a:focus, #copynav a:active
{
   background-color:#B3C800;
   color: #FFF;
   outline-style:none;
}




@media all and (max-width: 1000px)
{
    body
    {
        background-image: none;
        font-size: 1em;
        line-height: 1.8em;
    }
    div#main { min-width: inherit;}
    div#main >img {transform: scale(0.8); }
    div#haupt { float: none;padding-left: 20px;}
    div#haupt  ul li { margin-top: 5px;margin-bottom: 5px;}
    div#copy { margin-left: 20px;}
    div#wrap { background-image: none;}
    .topicgabyhaak { float: none;}
    div#content { margin-left: 5px;background-image: none;}
    div.copytext { margin-left: 0px;}
    div.copytext img { transform: scale(0.5);margin-left: 0px;}
    div#headmast { border-bottom: none;}
    div#headmast img { left: 5px;top: 5px;position: inherit;}
    div#primaernavigation { margin-left: 10px;display: block; width: 90%; }
    div#primaernavigation li { float: left; margin: 5px;}
    div#primaernavigation ul { width: 100%;}
}