a:link {color:#000044; text-decoration:underline}
a:active {color:#008888; text-decoration:underline}
a:visited {color:#000044; text-decoration:underline}
a:hover {color:#888800; text-decoration:underline}

a.grey:link {color:#667; text-decoration:underline}
a.grey:active {color:#667; text-decoration:underline}
a.grey:visited {color:#667; text-decoration:underline}
a.grey:hover {color:#667; text-decoration:underline}

a.bottomgrey:link {color:#667; text-decoration:none}
a.bottomgrey:active {color:#667; text-decoration:none}
a.bottomgrey:visited {color:#667; text-decoration:none}
a.bottomgrey:hover {color:#667; text-decoration:none}


body, tr, td , div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px; font-style: normal;
font-weight: normal; color: #000000}

.smalltext  {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; font-style: normal;
font-weight: normal; color: #000000} 

.biggreyleft {font-family: Verdana, Arial, Helvetica, sans-serif;float: left;font-size:22px;color:#999999;letter-spacing:-1px;}
.biggreyright {font-family: Verdana, Arial, Helvetica, sans-serif;float: right;text-align:right;font-size:22px;color:#999999;letter-spacing:-1px;}

.smallleft {font-family: Verdana, Arial, Helvetica, sans-serif;float: left;font-size:10px;color:#000000;}
.smallright {font-family: Verdana, Arial, Helvetica, sans-serif;float: right;text-align:right;font-size:10px;color:#000000;}


h1 {	font-size: 20px ; color: #FFFFFF; background-color:#b1cbff;
	padding:10px ; border:0px; margin:15px 0px 0px 0px}
h2 {	font-size: 14px ; color: #FFFFFF; background-color:#b1cbff; background-image:url(pics/bluebar_background.png); background-position: left top;
	padding:10px ; border-style: solid; border-width: 1px 1px 1px 1px; 
	border-spacing:0px; margin:15px 0px 5px 0px}
h3 {	font-size: 12px ; background-color:#475ecc; color: #FFFFFF;
	padding:3px 10px 3px 10px ; border:0px; margin:15px 0px 15px 0px}
	
	
img { margin:0px 0px 0px 0px; border:0px;}



.headerimage { background-image:url(pics/sir_logo_strich.png); height:52px; width: 170px; margin:0px; padding:0px;border:0px ; }
.mainbody {  background-color:#d9d9d9 ; background-attachment:scroll;  padding:0px  ; text-align:center ; margin: 0px }
.mainblock  {  margin: 0 auto ; width:940px; border:0px ;  padding:10px 0px 10px 0px; text-align:left }
.outermainblock  {  background-color:#FFFFFF; }

.layouttable
{
	margin:0px;
	border:0px;
	padding:0px;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	border-collapse:collapse;
}  

.news { margin:0px;
	border:0px;
	padding:5px;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	background-color:#E0E0E0} 

  .bignews1 { margin:0px;
	border:0px;
	padding:0px;
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	border-spacing: 0px;} 
  
  .bignews2 { margin:0px;
	border:0px;
	padding:0px;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px; } 
  

  
table.bluetable {
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	border-style: none none none none;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.bluetable tr th{
	font-size: 15px;
	height:50px;
	border-style: solid;
	border-color: #DDDDEE;
	border-width:0px 1px 0px 1px;
	border-spacing:0px;
	padding:0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	background-color:#DDDDEE;background-image:url(pics/blue_gradient_top.png)
}

table.bluetable tr td {
	border-style: solid;
	border-color: #DDDDEE;
	border-width:0px 1px 0px 1px;
	border-spacing:0px;
	padding:5px 5px 5px 5px;
	-moz-border-radius: 0px 0px 0px 0px;
	background-color:#DDDDEE;
	background-image:url(pics/blue_solid.png)
}

table.bluetable tr td.bottom {
	height:50px;
	border-style: solid;
	border-color: #DDDDEE;
	border-width:0px 1px 0px 1px;
	border-spacing:0px;
	padding:5px 5px 5px 5px;
	-moz-border-radius: 0px 0px 0px 0px;
	background-color:#DDDDEE;background-image:url(pics/blue_gradient_bottom.png)
}



table.yellowtable tr th{
	font-size: 15px;
	height:50px;
	border-style: solid;
	border-color: #FFF5CB;
	border-width:0px 1px 0px 1px;
	border-spacing:0px;
	padding:0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	background-color:#FFF5CB;background-image:url(pics/yellow_gradient_top.png)
}

table.yellowtable tr td {
	border-style: solid;
	border-color: #FFF5CB;
	border-width:0px 1px 0px 1px;
	border-spacing:0px;
	padding:5px 5px 5px 5px;
	-moz-border-radius: 0px 0px 0px 0px;
	background-color:#FFF5CB;
	background-image:url(pics/yellow_solid.png)
}

table.yellowtable tr td.bottom {
	height:50px;
	border-style: solid;
	border-color: #FFF5CB;
	border-width:0px 1px 0px 1px;
	border-spacing:0px;
	padding:5px 5px 5px 5px;
	-moz-border-radius: 0px 0px 0px 0px;
	background-color:#FFF5CB;background-image:url(pics/yellow_gradient_bottom.png)
}


table.purchasetable2 {
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	border-style: none none none none;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.purchasetable2 th{
	height:150px;
	text-align:center;
	border-style: solid;
	border-color: white;
	border-width:0px 4px 0px 4px;
	border-spacing:0px;
	padding:0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.purchasetable2 td {
	font: bold 16px Verdana, sans-serif;
	vertical-align:top;
	text-align:center;
	border-style: solid;
	border-color: white;
	border-width:0px 4px 0px 4px;
	border-spacing:0px;
	padding:5px 5px 5px 5px;
	-moz-border-radius: 0px 0px 0px 0px;
}



table.newpurchasetable {
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	border-style: none none none none;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.newpurchasetable td {
	vertical-align:top;
	text-align:center;
	border-style: solid;
	border-color: white;
	border-width:4px 0px 0px 0px;
	border-spacing:0px;
	padding:5px 5px 5px 5px;
	-moz-border-radius: 0px 0px 0px 0px;
	background-color:#475ecc ;
}



.selectButton {
	border-width:1px;border-style:solid;text-align:center;border-color:#000000;margin-right:20px;padding:5px;
}

a.selectButton { text-decoration:none  }
.selectButton:hover { background-color: #BBBBBB; }


a.Button {	padding: 3px 0.5em;
			margin-right: 1em;
			text-decoration: none;  
			background: #475ecc; 
			color: white;  }
			
a.Button:hover {	background-color: #FFF7C1;
					border-color: #D8C864;
					color:black }
			
			
			
	

table.pricetable {
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	border-spacing: 0px;
	border-style: none none none none;
	border-collapse: separate;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.pricetable  td {
	font: bold 16px Verdana, sans-serif;
	vertical-align:middle;
	text-align:center;
	border-style: none;
	border-color: white;
	border-width:0px 0px 0px 0px;
	border-spacing:0px;
	padding: 15px 5px 15px 5px;
	-moz-border-radius: 0px 0px 0px 0px;
}




table.hdirtable {
	width: 100%;
	border-width: 3px 3px 3px 3px;
	border-spacing: 3px;
	border-style: none none none none;
	border-color: white;
	border-collapse: separate;
	background-color: #DDDDDD;
}
table.hdirtable th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.hdirtable td {
	border-width: 1px 1px 1px 1px;
	padding: 8px 4px 8px 4px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	font: 14px Verdana, sans-serif;
	text-align:center;
	white-space:nowrap;
}

table.greybartable {
	width: 100%;
	border-width: 3px 3px 3px 3px;
	border-spacing: 3px;
	border-style: none none none none;
	border-color: white;
	border-collapse: separate;
	background-color: #DDDDDD;
}
table.greybartable th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.greybartable td {
	border-width: 1px 1px 1px 1px;
	padding: 8px 4px 8px 4px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	font: 14px Verdana, sans-serif;
	text-align:center
}




table.picturefeaturetable {
	width:100%;
	
	color:#000000;
	
}
table.picturefeaturetable th {
	color:#000000;
	padding:5px;
}
table.picturefeaturetable td {
	padding:5px;
	color:#000000;
}

table.mixtrickstable {
	width: 100%;
	border-width: 3px 3px 3px 3px;
	border-spacing: 3px;
	border-style: none none none none;
	border-color: white;
	border-collapse: separate;
	background-color: #DDDDDD;
}
table.mixtrickstable th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.mixtrickstable td {
	border-width: 1px 1px 1px 1px;
	padding: 8px 4px 8px 4px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	font: 14px Verdana, sans-serif;
	text-align:left
}

#id_contentDiv_sub2_sir2_php {background-image:url(pics/verlauf/220.png);background-repeat:repeat-x}
#id_contentDiv_sub2_hdir_extra_package_php {background-image:url(pics/verlauf/220.png);background-repeat:repeat-x}
#id_contentDiv_sub2_sir2_faq_php {background-image:url(pics/verlauf/220.png);background-repeat:repeat-x}
#id_contentDiv_sub2_sir2downloads_php {background-image:url(pics/verlauf/220.png);background-repeat:repeat-x}
#id_contentDiv_sub2_sir2_manual_php {background-image:url(pics/verlauf/220.png);background-repeat:repeat-x}
#id_contentDiv_subatwork_php {background-image:url(pics/verlauf/220.png);background-repeat:repeat-x}
#id_contentDiv_sub2_links_php {background-image:url(pics/verlauf/220.png);background-repeat:repeat-x}

#id_contentDiv_sub2_Qwerty_php {background-image:url(pics/verlauf/45.png);background-repeat:repeat-x}
#id_contentDiv_sub2_Qwerty_manual_php {background-image:url(pics/verlauf/45.png);background-repeat:repeat-x}
#id_contentDiv_sub2_Qwerty_downloads_php {background-image:url(pics/verlauf/45.png);background-repeat:repeat-x}

#id_contentDiv_sub2_Butterfly_php {background-image:url(pics/verlauf/140.png);background-repeat:repeat-x}
#id_contentDiv_sub2_Butterfly_manual_php {background-image:url(pics/verlauf/140.png);background-repeat:repeat-x}
#id_contentDiv_sub2_Butterfly_downloads_php {background-image:url(pics/verlauf/140.png);background-repeat:repeat-x}
#id_contentDiv_sub2_Butterfly_FAQ_php {background-image:url(pics/verlauf/140.png);background-repeat:repeat-x}



.mainContentDiv {padding:1em}

.bordertop
{
	background-color:#475ecc ;
	height: 3px;
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	margin: 0; 
}


.navlisttop
{
color: #000;
padding: 3px 0;
margin: 0;

}

.navlisttop li
{
list-style: none;
margin: 0;
display: inline;
position:relative;
}

.navlisttop li#smallspace
{
	margin-left: 20px;
}

.navlisttop li a
{
padding: 3px 0.5em;
margin-left: 5px;
text-decoration: none;
}

.navlisttop li a:link { color: #000; }
.navlisttop li a:visited { color: #000; }

.navlisttop li a:hover
{
color: #000;
background: #AAE;
}


.navlisttop li a.currenttop
{
background: #475ecc; 
color: white;
}


.navlisttop li a.currenttoplast
{
background: #475ecc;
color: white;
}

















.bordersub1
{
	background-color:#475ecc ;
	height: 3px;
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	margin: 0;
}


.navlistsub1
{
 /*	display: none;  */
 /*   height: auto; */
	width: 15em;
   
	margin: 0px 0px 0px 0px;
    padding: 0;
    position: absolute; 
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	left: 0em; 
	top: 1.55em;
	text-align: left;
	background-color:#ffffff;
	border-color:#475ecc ;
  /*  list-style-type: square; */
}


    
.navlistsub1 li
{
	list-style: none outside none;
	margin-left: 0px;
    margin: 0px;
    padding: 0px;
	width:100%;
  /*  position: relative;*/
}

.navlistsub1 li#smallspace
{
	/* margin-left: 20px; */
}

.navlistsub1 li a
{
 margin-left: 0px;
display: block;
 padding: 5px 5px 5px 5px ; 
/* margin: 5px; */
text-decoration: none;

}

.navlistsub1 li a:link { color: #000; }
.navlistsub1 li a:visited { color: #000; }

.navlistsub1 li a:hover
{
color: #000;
background: #AAE;
}

.navlistsub1 li a.currentsub1
{
background: #475ecc; 
color: white;
}


.navlistsub1 li a.currentsub1last
{
background: #475ecc;
color: white;
}









.bordersub2
{
	background-color:#475ecc ;
	height: 3px;
	width: 100%;
	border-width: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	margin: 0em 0em 0em 0em; 
}





.navlistsub2
{
color: #000;
padding: 3px 0;
margin: 0;

}





.navlistsub2 li
{
list-style: none;
margin: 0;
display: inline;
}

.navlistsub2 li.smallspace
{
	margin-left: 20px;
}

.navlistsub2 li a
{
padding: 3px 0.5em;
margin-left: 5px;
text-decoration: none;
}

.navlistsub2 li:first-child a
{
margin-left: 2em;
}

.navlistsub2 li a:link { color: #000; }
.navlistsub2 li a:visited { color: #000; }

.navlistsub2 li a:hover
{
color: #000;
background: #AAE;
}

.navlistsub2 li a.currentsub2
{
background: #475ecc; 
color: white;
}


.navlistsub2 li a.currentsub2last
{
background: #475ecc;
color: white;
}



.bottomlink { color: #667; padding: 3px ;  font: 12px Verdana, sans-serif; }
.smallbottomline { color: #667; padding: 3px ;  font: 9px Verdana, sans-serif; background-image:url(pics/menu_shadow.jpg); border-bottom: 1px solid #778; }


.topimageblock { text-align:center ; margin:0px 0px 0px 0px }
.hotbutton { text-align:right;  margin:0px 0px 0px 0px }
.hotbutton2 { position:absolute; top:50px; right:50px;}
.toptext { margin: 0 0 0 0 ; text-align:justify }
.flashplayer{ margin:0px 0px 0px 0px} 
.topimage { margin: 15px 0px 15px 0px;}

.imageblock {  margin: 15px 0px 0px 0px; padding:10px ; border:0px ; background-color:#DDDDDD; text-align:center ; float: left; width:350px}
.textblock  {  margin: 15px 0px 0px 375px; }

.space { height:100px }

.space15px {  height:15px }

.thinline {  border-width:1px;
            border-style:solid;
            border-color:blue; }
