/* ----------------- Hauptformat ---------------------------------------------------------------*/

body {
margin: 0px;
font-family: Arial, Tahoma, Sans-Serif;
color: #555;
font-size: small;
background-color: #EFEFEC;
height: 100%;
min-height: 100%;
background-image: url('../bilder/seite/top.jpg');
background-repeat: no-repeat;
background-position: center top;
}

/* ----------------- Container ---------------------------------------------------------------*/

#bgblack {
left: 0;
top: 0px;
z-index: 1005;
position: absolute;
width: 100%;
min-height: 100%;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}
* html #bgblack {
height: 100%;
}

.boxoverall {
position: absolute;
left: 50%;
top: 50%;
width: 780px;
height: 500px;
margin-left: -378px;
margin-top: -250px;
padding: 20px;
background-color: #EFEFEC;
z-index: 1006;
}

#inhalt {
margin: auto auto;
width: 966px;
padding: 20px;
padding-right: 0px;
padding-top: 8px;
padding-left: 18px;
background-image: url('../bilder/seite/inhalt.jpg');
background-repeat: repeat-y;
}

#navi {
clear: both;
float: left;
width: 180px;
margin-left: 7px;
margin-top: 7px;
font-size: 85%;
}

#kontakt-l {
clear: both;
float: left;
width: 30%;
margin-left: 7px;
margin-right: 25px;
margin-top: 7px;
}

#impressum-l {
clear: both;
float: left;
width: 425px;
margin-left: 7px;
margin-right: 25px;
margin-top: 7px;
}

#text-r {
margin-top: 7px;
}

#ort
{
font-size: 90%;
padding: 5px;
padding-left: 0px;
border-top: 1px solid #eee;
margin-top: 20px;
margin-right: 20px;
color: #ccc;
}

#mitte {
float: left;
width: 546px;
margin: 7px;
margin-right: 24px;
line-height: 150%;
}

#mitte-lang {
float: left;
width: 700px;
margin: 7px;
margin-left: 24px;
margin-right: 40px;
}

#mitte-lang-produkte {
float: left;
width: 730px;
margin: 7px;
margin-left: 5px;
margin-right: 15px;
}

#werbung {
float: left;
width: 192px;
margin-top: 7px;
line-height: 130%;
}

.rechtsboxgrau {
padding: 15px;
background-color: #f7f7f7;
font-size: 85%;
}

.rechtsboxgrau:hover {
padding: 15px;
background-color: #EBF7FC;
font-size: 85%;
}

#neuigkeitenbox {
padding: 7px;
padding-left: 0px;
border-bottom: 1px solid #ddd;
margin-bottom: 25px;
line-height: 130%;
}

.produktbox {
padding: 7px;
margin-bottom: 25px;
line-height: 140%;
background-color: #f7f7f7;
cursor:pointer;
}

.produktbox:hover {
padding: 7px;
margin-bottom: 25px;
background-color: #EBF7FC;
}

.eingerueckt {
padding: 15px;
line-height: 140%;
background-color: #f7f7f7;
}

.eingerueckt-weiss {
padding: 15px;
line-height: 140%;
background-color: #fff;
}

#top {
margin: auto auto;
width: 964px;
padding: 10px;
height: 178px;
}

#logo {
margin: auto auto;
width: 979px;
margin-top: 70px;
padding-left: 5px;
}

#navigation {
margin: auto auto;
width: 1006px;
margin-top: 18px;
}

#inhalt-start {
margin: auto auto;
width: 946px;
height: 380px;
padding: 20px;
padding-top: 8px;
padding-left: 18px;
background-image: url('../bilder/seite/inhalt-start.jpg');
background-repeat: no-repeat;
}

#inhalt-start-unten {
margin: auto auto;
width: 966px;
height: 188px;
padding: 10px;
background-image: url('../bilder/seite/inhalt-start-unten.jpg');
background-repeat: no-repeat;
}

#inhalt-unten {
margin: auto auto;
width: 984px;
height: 36px;
background-image: url('../bilder/seite/inhalt-unten.png');
background-repeat: repeat-y;
}

.start-innen-links {
clear: both;
float: left;
width: 685px;
height: 381px;
margin-right: 12px;
}

.start-innen-rechts {
float: left;
width: 246px;
line-height: 140%;
padding-top: 10px;
}

.newsbox {
padding: 8px;
margin-bottom: 5px;
border: 1px solid transparent;
cursor: pointer;
}

.newsbox:hover {
background-color: #EEF8FD;
border: 1px solid #BFE5F8;
background-image: url('../bilder/seite/newsbox.jpg');
background-repeat: repeat-x;
background-position: 0 70%;
}

.startbox {
padding: 10px;
border-right: 1px dotted #aaa;
width: 220px;
height: 153px;
float: left;
display: block;
}

#fuss {
clear: both;
width: 100%;
background-color: #e0e0e0;
background-image: url('../bilder/seite/bottom.gif');
background-repeat: repeat-x;
}

#fuss-innen {
margin: auto auto;
clear: both;
width: 944px;
padding: 20px;
}

#countrydivcontainer{
        border: 1px solid #9DD8F4;
-moz-border-radius: 4px; /* Firefox */
-webkit-border-radius:4px; /* Safari, Chrome */
-khtml-border-radius:4px; /* Konqueror */
border-radius:4px; /* CSS3 */
behavior:url(border-radius.htc);
padding: 20px;
}

/* ----------------- Hyperlinks ---------------------------------------------------------------*/

a, a:visited {
color: #333;
text-decoration: none;
}
a:hover, a:active {
color: #333;
text-decoration: none;
}

a.navi, a.navi:visited {
color: #888;
text-decoration: none;
display: block;
padding: 5px;
}

a.navi:hover, a.navi:active {
text-decoration: underline;
color: #22A9E9;
}

a.navi_klein, a.navi_klein:visited {
color: #888;
margin-left: 10px;
font-size: x-small;
text-decoration: none;
display: block;
padding: 5px;
}

a.navi_klein:hover, a.navi_klein:active {
text-decoration: underline;
color: #22A9E9;
}

a.text, a.text:visited {
color: #22A9E9;
text-decoration: underline;
}

a.text:hover, a.text:active {
color: #22A9E9;
text-decoration: none;
}

a.text-link, a.text-link:visited {
color: #6C6C6C;
text-decoration: none;
margin-right: 440px;
}

a.text-link:hover, a.text-link:active {
color: #A6A6A6;
text-decoration: none;
}

a.navilink, a.navilink:visited {
color: #eee;
text-decoration: none;
display: block;
float: left;
padding: 25px;
padding-bottom: 10px;
padding-top: 9px;
background-image: url('../bilder/seite/border-nav.gif');
background-repeat: no-repeat;
background-position: 0 0;
}

a.navilink:hover, a.navilink:active {
color: #fff;
text-decoration: underline;
background-color:#105374;
}

a.navilink-a, a.navilink-a:visited {
color: #eee;
text-decoration: none;
display: block;
float: left;
padding: 25px;
padding-bottom: 13px;
padding-top: 9px;
text-transform:        uppercase;
}

a.navilink-a:hover, a.navilink-a:active {
color: #fff;
text-decoration: underline;
background-image: url('../bilder/seite/nav-hover.gif');
background-repeat: repeat-x;
background-position: 0 0;
}

a.blocktext, a.blocktext:visited  {
color: #999;
padding: 5px;
text-decoration: none;
margin-bottom: 5px;
}


a.blocktext:hover, a.blocktext:active                 {
text-decoration: none;
color: #22A9E9;
background-color: #f3f3f3;
}

a.graulink, a.graulink:visited  {
color: #999;
padding: 5px;
text-decoration: none;
font-size: 110%;
}


a.graulink:hover, a.graulink:active                 {
text-decoration: none;
color: #22A9E9;
background-color: #f3f3f3;
}

/* ----------------- Grafiken ---------------------------------------------------------------*/

img {
border: 0px;
margin: 0px;
padding: 0px;
}

img.galerie {
border: 1px solid #ddd;
margin: 0px;
}

img.werbung {
border: 1px solid #ddd;
margin: 0px;
margin-bottom: 7px;
}

img.galeriebild{
padding: 4px;
background-color: #fff;
}

img.galeriebildklein{
padding: 4px;
background-color: #fff;
border: 1px solid #DCE9F8;
}

img.galeriebildklein:hover{
padding: 4px;
background-color: #fff;
border: 1px solid #aaa;
}

/* ----------------- Ueberschriften ---------------------------------------------------------------*/

h1 {
font-size: 140%;
margin: 0;
margin-bottom: 2px;
padding: 6px;
padding-left: 0px;
color: #444;
font-weight: normal;
}

h2  {
color: #22A9E9;
font-size: 130%;
margin: 0;
padding: 0px;
font-weight: normal;
margin-bottom: 5px;
}

h3 {
font-size: 120%;
margin: 0;
padding: 0;
margin-bottom: 6px;
font-weight: normal;
}

h4 {
color: #26425a;
font-weight: bold;
font-size: 16px;
margin: 0;
padding: 0;
}

h5 {
font-size: 14px;
text-transform: uppercase;
margin: 0;
padding: 0;
}

h6 {
font-size: 90%;
margin: 0;
padding: 0;
font-weight: normal;
color: #899;
display:block;
}

h7 {
display: block;
border-bottom: 0px;
font-weight: bold;
font-size: 100%;
color: #22A9E9;
}

h8 {
display: block;
color:        #111;
font-size: 100%;
margin: 10px;
margin-bottom: 2px;
padding: 0px;
padding-bottom: 2px;
font-weight: normal;
text-transform:        uppercase;
border-bottom: 1px dotted #9CD9F5;
}

span.small {
font-size: 85%;
color: #999;
font-weight: normal;
}

span.klein {
display: block;
background-color: #F7F7F7;
padding: 10px;
font-size: 85%;
color: #999;

border: 1px solid #ddd;
}

span.datum {
font-size: 85%;
color: #999;
padding: 2px;
display:block;
margin-bottom: 2px;
}

span.grau {
display: block;
color: #ccc;
font-weight: normal;
padding: 3px;
padding-left: 0px;
}

span.header {
display: block;
text-transform: uppercase;
font-size: 110%;
padding-bottom: 3px;
border-bottom: 1px dotted #575757;
margin-bottom: 4px;
background-image: url('../bilder/seite/arrow.png');
background-repeat: no-repeat;
background-position: 92% 3px;
}

span.header:hover {
background-image: url('../bilder/seite/arrow.png');
background-repeat: no-repeat;
background-position: 95% 3px;
}

.ortaktiv  {
color: #aaaaaa;
padding: 5px;
text-decoration: none;
font-weight: bold;
}
span.formular2{font-size: 95%; clear:both; font-weight: bold; width: 160px; display: block; float: left;}

/* ----------------- Sonstiges: Listen, Absätzer,etc. ---------------------------------------------------------------*/

p {
margin: 0px;
padding: 0px;
}

label {
cursor: pointer;
}

ul.{
        margin: 0px;
        padding: 0px;
}

li.{
        margin: 0px;
        padding: 0px;
}


ul.stil {
color: #555;
margin-left: 10px;
margin-top: 0px;
list-style-image: url('../bilder/seite/kast.png');
list-style-position: outside;
padding: 3px;
line-height: 130%;
}

ul.stilbottom {
color: #999;
margin: 0px;
margin-left: 0px;
padding: 0px;
margin-top: 0px;
list-style-type: none;
list-style-position: outside;
line-height: 130%;
}

.stil li{
padding-left: 5px;
}

.stilbottom li{
padding: 3px;
padding-left: 0px;
}

input, form, textarea {
margin: 0px;
padding: 0px;
font-family: arial;
font-size: 100%;
}

textarea {
font-family: arial;
font-size: 110%;
width: 320px;
height: 120px;
padding: 5px;
}

input.stil-text {
font-size: ;
}