* {
padding:0;
margin:0;
}

body {
background-image:url();
background-repeat:repeat-x;
background-color:#ddd;
padding:0;
margin:0;
font-size:12px;
font-family: Arial Narrow, Arial, sans-serif;
height: 100%;
overflow-y: hidden;
}

.line {line-height: 1.5;
		color: #323232;
		}
.Button {
		  -moz-border-radius:7px;
		  padding:0px;
		  margin: 0px;
        height: 17px;
        width:110px;
        font-family:Verdana,sans;
        font-size:12px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #424242;
        border-top:1px solid #000000;
        border-left:1px solid  #000000;
        border-bottom:1px solid  #000000;
        border-right:0px solid  #000000;
        background-image: url();
        cursor: pointer;
        a:hover {background-color:white;width:100px;}
}

.Button2 {
			-moz-border-radius:    15px 15px 15px 15px;
		  padding:0px;
		  margin: 0px;
        height: 30px;
        width:30px;
        font-family:Verdana,sans;
        font-size:10px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #3D46D1;
        border-top:1px solid #525252;
        border-left:1px solid  #525252;
        border-bottom:1px solid  #525252;
        border-right:0px solid  #525252;
        background-image: url();
        cursor: pointer;
        a:hover {background-color:white;width:100px;}
        }

.Button3 {
		  padding: 1px;
		  margin: 0px;
        height: 22px;
        width:120px;
        font-family:Verdana,sans;
        font-size:11px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #000888;
        border-top:1px solid #E2E2C2;
        border-left:1px solid  #E2E2C2;
        border-bottom:1px solid  #E2E2C2;
        border-right:1px solid  #E2E2C2;
        cursor: pointer;
}
.Button3:hover {
		  padding: 1px;
		  margin: 0px;
        height: 22px;
        width:120px;
        font-family:Verdana,sans;
        font-size:11px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #0080ff;
        border-top:1px solid #E2E2C2;
        border-left:1px solid  #E2E2C2;
        border-bottom:1px solid  #E2E2C2;
        border-right:1px solid  #E2E2C2;
        cursor: pointer;
}
.Button4{
		  -moz-border-radius:7px;
		  padding:0px;
		  margin: 2px;
        height: 22px;
        width:110px;
        font-family:Verdana,sans;
        font-size:10px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #111;
        border-top:1px solid #000000;
        border-left:1px solid  #000000;
        border-bottom:1px solid  #000000;
        border-right:0px solid  #000000;
        background-image: url();
        cursor: pointer;
        a:hover {background-color:white;width:100px;}
        }
.Button4:hover{
		  -moz-border-radius:7px;
		  padding:0px;
		  margin: 2px;
        height: 22px;
        width:110px;
        font-family:Verdana,sans;
        font-size:10px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #0080ff;
        border-top:1px solid #000000;
        border-left:1px solid  #000000;
        border-bottom:1px solid  #000000;
        border-right:0px solid  #000000;
        background-image: url();
        cursor: pointer;
        a:hover {background-color:white;width:100px;}
        }
        
.Button4blau{
		  -moz-border-radius:7px;
		  padding:0px;
		  margin: 2px;
        height: 20px;
        width:110px;
        font-family:Verdana,sans;
        font-size:10px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #000888;
        border-top:1px solid #000000;
        border-left:1px solid  #000000;
        border-bottom:1px solid  #000000;
        border-right:0px solid  #000000;
        background-image: url();
        cursor: pointer;
        a:hover {background-color:white;width:100px;}
        }
.Button4blau:hover{
		  -moz-border-radius:7px;
		  padding:0px;
		  margin: 2px;
        height: 20px;
        width:110px;
        font-family:Verdana,sans;
        font-size:10px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #0080ff;
        border-top:1px solid #000000;
        border-left:1px solid  #000000;
        border-bottom:1px solid  #000000;
        border-right:0px solid  #000000;
        background-image: url();
        cursor: pointer;
        a:hover {background-color:white;width:100px;}
        }
.Button5 {
		  -moz-border-radius:    0px 0px 70px 70px;
		  padding:0px;
		  margin: 0px;
        height: 17px;
        width:115px;
        font-family:Verdana,sans;
        font-size:10px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #929292;
        border-top:1px solid #525252;
        border-left:1px solid  #525252;
        border-bottom:1px solid  #525252;
        border-right:1px solid  #525252;
        background-image: url();
        cursor: pointer;
        a:hover {background-color:white;width:115px;}
        }



#Titel {
font-size:30px;
font-weight:bold;
font-family: Arial Narrow, Arial, sans-serif;
text-decoration:none;
color:#fff;
position:relative; top:25px; left:30px;
font-family: Garamond, serif;
line-height: 1em;
color: #ffffff;
font-weight:bold;
font-size: 29px;
font-family: Garamond, serif;
line-height: 1em;
color: #ffffff;
font-weight:bold;
font-size: 54px;
font-family: Garamond, serif;
line-height: 1em;
color: #ffffff;
font-weight:bold;
font-size: 43px;
font-family: Garamond, serif;
line-height: 1em;
color: #ffffff;
font-weight:normal;
font-size: 43px;
/*text-shadow:0px 0px 0 rgb(242,242,242),1px -1px 0 rgb(230,230,230),2px -2px 0 rgb(217,217,217),3px -3px 0 rgb(204,204,204),4px -4px 0 rgb(192,192,192),5px -5px 0 rgb(179,179,179), 6px -6px 0 rgb(166,166,166),7px -7px 6px rgba(0,0,0,0.6),7px -7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);
*/
}

#DIVkopf {
background-image:url(header.png);
background-repeat:no-repeat;
background-size: 100% 100%;
width:958px;
height:82px;
position:absolute; left:2px; top:2px;
}

#DIVumgebung {
width:962px;
height:98%;
margin: auto;
position:absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
/*left:200px;*/
bottom:10px;
top:10px;
background: #000; /* Old browsers */
background: -moz-linear-gradient(left,  #000 0%, #ddd 17%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000), color-stop(17%,#ddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #000 0%,#ddd 17%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #000 0%,#ddd 17%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #000 0%,#ddd 17%); /* IE10+ */
background: linear-gradient(to right,  #000 0%,#ddd 17%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#ddd',GradientType=1 ); /* IE6-9 */
/*background: #a1dbff; /* Old browsers */
/*background: -moz-linear-gradient(left,  #a1dbff 0%, #cbebff 8%, #f0f9ff 17%, #f0f9ff 25%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a1dbff), color-stop(8%,#cbebff), color-stop(17%,#f0f9ff), color-stop(25%,#f0f9ff)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(left,  #a1dbff 0%,#cbebff 8%,#f0f9ff 17%,#f0f9ff 25%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(left,  #a1dbff 0%,#cbebff 8%,#f0f9ff 17%,#f0f9ff 25%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(left,  #a1dbff 0%,#cbebff 8%,#f0f9ff 17%,#f0f9ff 25%); /* IE10+ */
/*background: linear-gradient(to right,  #a1dbff 0%,#cbebff 8%,#f0f9ff 17%,#f0f9ff 25%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#f0f9ff',GradientType=1 ); /* IE6-9 */

}

#DIVHelp {
width:962px;
height:800px;
margin: auto;
position:relative; bottom:10px;
background: -moz-linear-gradient(left, rgba(255,255,255,0.31) 0%, rgba(255,255,255,1) 17%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.31)), color-stop(17%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.31) 0%,rgba(255,255,255,1) 17%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0.31) 0%,rgba(255,255,255,1) 17%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0.31) 0%,rgba(255,255,255,1) 17%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0.31) 0%,rgba(255,255,255,1) 17%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#DIVinhalt {
bottom:32px;
top:0px;
position:absolute;
}

#DIVlinks {
float:left;
width:150px;
margin:0px 0px 0px 5px;
color:#4d4d4d;
position:absolute;
bottom: 0px;
top: 115px;
overflow-y:auto;
/*bottom:0px;
bottom:0px;
top:116px;*/
}

.DIVlinksBearbeiten {
color:#777;
font-size:13px;
}

.DIVlinksBearbeiten ul {
list-style-type:none;
}

.DIVlinksBearbeiten ul li {
height:27px;
width:140px;
border-bottom:1px dotted #c2c2c2;
border-color:#DF7401;
}

.DIVlinksBearbeiten ul li a {
display:block;
font-weight:bold;
font-size:11px;
width:135px;
height:21px;
color:#DF7401;
text-decoration:none;
padding:10px 0 0 5px;
margin:0;
}

.DIVlinksBearbeiten ul li a:hover {
color:#c0c0c0;
font-weight:bold;
}

.DIVlinksEingabe {
font-family:  Arial Narrow, Verdana, Arial, sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
padding:0 0 4px 0;
margin:7px 0px -7px 0px;
color:#000;
}

.DIVrotate {
     -moz-transform: rotate(270deg);  /* FF3.5+ */
       -o-transform: rotate(270deg);  /* Opera 10.5 */
  -webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
}

#DIVmenu {
width:958px;
left:0px;
top:82px;
position:absolute;
}

#DIVmitte {
float:left;
left:155px;
width:800px;
	bottom: 0px;
	top: 115px;
/*height: 100%;  IE soll wie gewünscht interpretieren */
/*min-height:500px;*/
margin:0px 0px 0px 5px;
line-height:18px;
color:#4d4d4d;
overflow-y: scroll;
position:absolute;
}

#DIVmitteBearbeiten {
float:left;
width:780px;
float:left;
padding:0px 0px 0px 0px;
position:absolute;
}


#DIVmitteBearbeiten ul {
list-style-type: ;/*pint*/
padding-left:20px;
}

#DIVmitteBearbeiten select {
   background: #ffeeee;
   width: 70px;
   padding: 1px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   }

#DIVfarbeHor {
float:left;
width:780px;
height:40px;
background: #f00;
background:  -moz-linear-gradient(top, #f00, #fff);
background:  -webkit-gradient(linear, left top, left bottom, from(#f00), to(#fff));
}

#DIVfuss {
clear:both;
background-color: #c0c0c0;
width:938px;
height:15px;
position:relative; left:2px;
border-left:0px solid #dfdfdf;
border-right:0px solid #dfdfdf;
margin:0;
padding:7px 10px 7px 10px;
color:#696969;
text-shadow:1px 1px 0 #fff;
bottom:-30px;
position:absolute;
}


a { color: #c33412;}
a:hover { color: #dd6548;}

img {
border:none;
}

h1 {
font-family: 'Arial Narrow', Arial, Verdana, sans-serif; 
font-size:22px;
font-weight:normal;
color:#c33412;
border-bottom:1px dotted #c2c2c2;
padding:5px 0;
margin:0 0 10px;
}

th {vertical-align:top;
	background-color: #eee;
}
/*a:hover {background-color:white;width:200px}*/
.th1 {
	background-color: #000;//#ddd8dd;//#cd853f;
	border-style: solid;
    border-color: #555444;	
	margin: 0 0 0 0;
}

th {vertical-align:top}
/*a:hover {background-color:white;width:200px}*/
.th2 {background-color: #000888;//#cd853f;
border-color: white;
}
td {vertical-align:top}
.td2 {
border-color: #000;
border-style: none;
background-color: #eeeeff;
}


#DIVbodytop {
	height:72px;
	background-repeat:repeat-x;
}

table.Ausgabe {
	border-width: 4px;
	border-style: inset;
    border-color: #777333;	
    text-align:left;
}

table.Ausgabe tr {
    background-color: #fff;//#c3dde0;
    text-align:left;
}

//table.Ausgabe tr.tr1:hover {
//    background-color: #eeeeee;
}
table.Ausgabe th {
    border-width: 1px;
    border-style: solid;
    border-color: #777;
    text-align:left;
}
table.Ausgabe td.line {
    border-width: 1px;
    border-style: solid;
    border-color: #777;
    text-align:left;
}

table.Ausgabe td {
    text-align: left;
	vertical-align: top;
}

input[type=text] {}
.Feld {
	background: #dddddd;
	width:110px;
	padding: 1px;
   font-size: 12px;
   font-weight: bold;
   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
}
.Help {
	background: #ffeeee;
	width:770px;
	padding: 2px;
   font-size: 12px;
   font-weight: bold;
   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
}
#DIVstyled-select {
	float:left;
	width:100px;
}
.DIVstyled-select select {
   background: #dddddd;
   width: 135px;
   padding: 1px;
   font-size: 12px;
   font-weight: bold;
   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   }
   
   a.BuyRight{
	display: block;
	height: 20px; 
	width: 25px; 
   background: url('arrowSmallRight.jpg') no-repeat;

}
a.BuyRight:hover {
   background: url('arrow2SmallRight.jpg') no-repeat;
}

a.BuyRight img {
   visibility: hidden;
}

#Arrow{
 height:20px;
 width:25px;
 border:none;
 background:url(arrowSmallRight.png) no-repeat;
}

#Arrow2{
 height:20px;
 width:25px;
 border:none;
 background:url(arrowSmallRight2.png) no-repeat;
}

#Arrow:hover{
 height:20px;
 width:25px;
 border:none;
 background:url(arrow2SmallRight.png) no-repeat;
}

#Arrow2:hover{
 height:20px;
 width:25px;
 border:none;
 background:url(arrow2SmallRight2.png) no-repeat;
}

.menu1 {padding:0 0 0 5px; margin:0; list-style:none; height:1px; background-color: #EEE; position:relative; left:2px; width:953px; font-family:arial, verdana, sans-serif; }
.menu2 {padding:0 0 0 5px; margin:0; list-style:none; height:1px; background-color: #AAA; position:relative; left:2px; width:953px; font-family:arial, verdana, sans-serif; }
.menu3 {padding:0 0 0 5px; margin:0; list-style:none; height:1px; background-color: #888; position:relative; left:2px; width:953px; font-family:arial, verdana, sans-serif; }
.menu4 {padding:0 0 0 5px; margin:0; list-style:none; height:1px; background-color: #444; position:relative; left:2px; width:953px; font-family:arial, verdana, sans-serif; }
.menu5 {padding:0 0 0 5px; margin:0; list-style:none; height:1px; background-color: #111; position:relative; left:2px; width:953px; font-family:arial, verdana, sans-serif; }

.menu {padding:0 0 0 5px; margin:0; list-style:none; height:25px; background-color: #000; position:relative; left:2px; width:953px; font-family:arial, verdana, sans-serif; }
.menu li.A {float:left;}
.menu li a.Alink {display:block; float:left; height:25px; line-height:28px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.Alink span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:25px;}
.menu li a.Alink span.down {float:left; display:block; padding:0 24px 0 12px; height:20px; background-color: #333;}

.menu li:hover > a.Alink {color:#fff; background-color: #333;}
.menu li:hover > a.Alink span {color:#fff; background-color: #333;}
.menu li:hover > a.Alink span.down {color:#fff; background-color: #333;}


.menu a:hover {visibility:visible;}
.menu li:hover {position:relative;z-index:200;}

/*Keine Anzeige wenn Mauszeiger nicht da ist*/
.menu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/*Mauszeiger isch da*/
.menu :hover ul.B {left:2px; top:25px; right:2px; background:#333; padding:3px 0; border:0px solid #333; width:250px; height:auto;}
.menu :hover ul.B li {height:20px; background:#333; position:relative; float:left; width:250px;}
.menu :hover ul.B li a {font-weight:bold;display:block; font-size:12px; height:20px; width:244px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #333; border-width:0 0 0 3px; background:#333 url(images/arrow.gif) 0px 7px no-repeat;}

.menu :hover ul li:hover > a {background:#999999 url(images/arrow_over.gif) 0px 7px no-repeat; color:#fff;} 


.menu li.lang {display:block; float:right; position:relative; padding:0px 0 0 0;}
.menu li.lang a.Alink {display:block; float:left; height:25px; line-height:28px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; padding:0px 0px 0 0px; cursor:pointer;}
.menu li.lang a.Alink span {float:left; font-weight:bold; display:block; padding:0px 12px 0px 12px; height:25px;}

.menu li.lang:hover > a.Alink {color:#000; background: #fff;}
.menu li.lang:hover > a.Alink span {background:#333 right top;}


















.menuShop {padding:0 0 0 0px; margin:0; list-style:none; width:200px; top:0px; bottom:0px; background-color: #ff451b; position:absolute; font-family:arial, verdana, sans-serif; }
.menuShop li.AShop {float:;}
.menuShop li a.AlinkShop {display:block; float:; height:35px; line-height:33px; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menuShop li a.AlinkShop span {float:; font-weight:bold; display:block; padding:0 24px 0 12px; height:35px;}
.menuShop li a.AlinkShop span.down {float:; display:block; padding:0 24px 0 12px; height:40px; background-color: #0BBBBB;}

.menuShop li:hover > a.AlinkShop {color:#fff; background-color: #000000;}
.menuShop li:hover > a.AlinkShop span {color:#fff; background-color: #000000;}
.menuShop li:hover > a.AlinkShop span.down {color:#fff; background-color: #000000;}


.menuShop a:hover {visibility:visible;}
.menuShop li:hover {position:relative;}

/*Keine Anzeige wenn Mauszeiger nicht da ist*/
.menuShop ul {position:absolute; :-9999px; top:-9999px; width:0; height:0; margin:40; padding:0; list-style:none;}

/*Mauszeiger isch da*/
.menuShop :hover ul.BShop {left:300px; top:0px; right:2px; background:#0BBBBB; padding:3px 0; border:0px solid #0BBBBB; width:250px; height:auto;}
.menuShop :hover ul.BShop li {height:20px; background:#0BBBBB; position:relative; float:; width:250px;}
.menuShop :hover ul.BShop li a {font-weight:bold;display:block; font-size:12px; height:20px; width:244px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #0BBBBB; border-width:0 0 0 3px; background:#0BBBBB url(images/arrow.gif) 0px 7px no-repeat;}

.menuShop :hover ul li:hover > a {background:#999999 url(images/arrow_over.gif) 0px 7px no-repeat; color:#fff;} 



.frag {
  fill: #353675;
  stroke: #FFFFFF;
  transition: fill 0.3s ;
}
.center {
  fill: #fff;
}
a:hover .frag {
  fill: #3536ed;
}
text {
  font-size: 17px;
  fill: #FFFFFF;
}
#svgMain {margin-left:auto; margin-right:auto; display:block;}