* {
padding:0;
margin:0;
}

html {
   overflow-y: hidden;
   height: 100%;
}

body {
background-image:url();
background-repeat:repeat-x;
background: linear-gradient(to right,  lightblue, #fff); ;
padding:0;
margin:0;
font-size:14px;
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:70px;
        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:bold;
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;
}

.navbar-indo {
background: linear-gradient(to right,  #000, darkgreen 100%); /* W3C */
}

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

#DIVlinks {
display: none;
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:#000888;
}

.DIVlinksBearbeiten ul li a {
display:block;
font-weight:bold;
font-size:11px;
width:135px;
height:21px;
color:#000888;
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:15px 0px -15px 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 */
}

#DIVmitte {
float:left;
left:0px;

width:calc(100vw - 2rem);
padding-left: 1rem;
	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;
scrollbar-width: none;
}

#DIVmitteBearbeiten {
   display: block;
float:left;
width:calc(100% - 20px);
padding:0px 0px 0px 0px;
position:absolute;
max-width: 1000px;
}

@media(min-width:1200px) {
   #DIVmitteBearbeiten {
      left: calc((100vw - 1200px) / 2)
   }
}


#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:100vw;
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;
}

@media (min-width: 40rem) {
   #DIVlinks {
      display:inherit;
   }
   
   #DIVmitte {
      float:left;
      left:155px;
      width:calc(100vw - 230px);
   }
}


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: #01DFD7;//#ddd8dd;//#cd853f;
	border-style: solid;
    border-color: #0040FF;	
	margin: 0 0 0 0;
}

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


#DIVbodytop {
	height:72px;
}

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;} 



.container-flag {
   display: block;
   width: 100%;
}

.bg-color-lightblue {
   background-color: lightblue;
}

.bg-color-lightyellow {
   background-color: lightyellow;
}

.bg-color-sand {
   background-color: beige;
}

.bg-color-darkgreen {
   background-color: darkgreen;
}