/* +---------------------------------------------------------------------+
   |                  		 Body definieren                             |
   +---------------------------------------------------------------------+ */
   
body {
margin: 0px;
margin-top: 15px;
margin-bottom: 15px;
font-family: Tahoma, arial, verdana, Sans-Serif; 
color: #383838; 
font-size: 70%;
background-color: #E7E7E7;
}

/* +---------------------------------------------------------------------+
   |                  		 Div`s definieren                            |
   +---------------------------------------------------------------------+ */

#inhalt {
margin: auto auto;
clear:both; 
width: 950px;
}

#top {
text-align: right;
clear:both; 
margin: auto auto;
width: 930px;
padding: 5px;
color: #888;
}

#kopf {
clear:both; 
margin: auto auto;
background-image:url('../bilder/seite/bg-kopf.jpg');
background-repeat: no-repeat;
width: 940px;
height: 215px;
padding: 5px;
}

*html #ort{
margin-top: -41px;
}

#ort {
color: #fff;
clear:both; 
float:left;
background-image:url('../bilder/seite/bg-ort.png');
background-repeat: repeat-y;
padding: 12px;
padding-left: 255px;
width: 680px;
height: 10px;
margin-top: 1px;
}

*html #text_inhalt{
margin-top: -4px;
}

#text_inhalt {
clear:both; 
float:left;
background-image:url('../bilder/seite/bg-inhalt.jpg');
background-repeat: repeat-y;
padding-left: 5px;
padding-right: 5px;
width: 940px;
}

.navigation {
clear:both; 
float:left;
padding-left: 5px;
padding-right: 5px;
width: 225px;
}

.text-box {
line-height: 145%;
float:left;
width: 660px;
padding: 20px;
background-image:url('../bilder/seite/txt-bg.png');
background-repeat: no-repeat;
}

.text-box-klein {
line-height: 145%;
float:left;
width: 460px;
}

#fuss {
clear:both; 
margin: auto auto;
background-image:url('../bilder/seite/bg-fuss.jpg');
background-repeat: no-repeat;
width: 950px;
height: 45px;
}

#bottom {
text-align: center;
clear:both; 
margin: auto auto;
width: 930px;
padding: 5px;
color: #888;
}

.hr{
clear:both;
margin-top: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #d7d7d7;
}

.produkte-box{
cursor: pointer;
line-height: 145%;
float:left;
width: 260px;
height: 57px;
padding: 10px;
margin-right: 35px;
margin-bottom: 15px;
background-image:url('../bilder/seite/produkte-div-norm.png');
background-repeat: no-repeat;
}

.produkte-box:hover {
cursor: pointer;
line-height: 145%;
float:left;
width: 260px;
height: 57px;
padding: 10px;
background-image:url('../bilder/seite/produkte-div-hover.png');
background-repeat: no-repeat;
}

.produkte-box2{
cursor: pointer;
line-height: 145%;
float:left;
width: 260px;
height: 52px;
padding: 10px;
padding-top: 15px;
margin-right: 35px;
margin-bottom: 15px;
background-image:url('../bilder/seite/produkte-div.png');
background-repeat: no-repeat;
}

.box-rechts-gross{
position: absolute;
top: 325px;
left: 50%;
margin-left: 280px;
line-height: 145%;
float:left;
width: 153px;
padding: 12px;
margin-bottom: 15px;
background-image:url('../bilder/seite/box-rechts-2.gif');
background-repeat: no-repeat;
}

.box-rechts-gross-2{
position: absolute;
top: 525px;
left: 50%;
margin-left: 280px;
line-height: 145%;
float:left;
width: 153px;
padding: 12px;
margin-bottom: 15px;
background-image:url('../bilder/seite/box-rechts-2.gif');
background-repeat: no-repeat;
}



/* +---------------------------------------------------------------------+
   |                        Hyperlinks definieren                        |
   +---------------------------------------------------------------------+ */


a, a:visited {
color:#555; 
text-decoration: none; 
position: relative;
}
a:hover, a:active {
color:#366AA9; 
text-decoration: none; 
position: relative;
}

a.text, a.text:visited {color: #366AA9; text-decoration: underline; padding: 2px;}
a.text:hover, a.text:active {color: #366AA9; text-decoration: none; }

a.toplink, a.toplink:visited {color: #555; text-decoration: none; padding: 3px;}
a.toplink:hover, a.toplink:active {color: #366AA9; text-decoration: none; }

a.weisslink, a.weisslink:visited {color: #fff; text-decoration: underline;}
a.weisslink:hover, a.weisslink:active {color: #fff; text-decoration: none; }

a.navlink, a.navlink:visited {
display:block; 
padding: 5px;
padding-left: 28px;
background-image:url('../bilder/seite/arrow.gif');
background-repeat: no-repeat;
background-position: 0 50%;
color: #555; 
border-bottom: 1px dashed #f1f1f1; 
text-decoration: none; 
}

a.navlink:hover, a.navlink:active {
color: #366AA9; 
text-decoration: none; 
padding-left: 32px;
text-decoration: none;
background-image:url('../bilder/seite/arrow-hover.gif');
background-repeat: no-repeat;
background-position: 0 50%;
}

a.navlink2, a.navlink2:visited {
display:block; 
padding: 5px;
padding-left: 38px;
color: #366AA9; 
text-decoration: none; 
background-image:url('../bilder/seite/bull.gif');
background-repeat: no-repeat;
background-position: 25px 50%;
}

a.navlink2:hover, a.navlink2:active {
color: #366AA9; 
text-decoration: none; 
padding-left: 38px;
text-decoration: none;
background-image:url('../bilder/seite/bull-hover.gif');
background-repeat: no-repeat;
background-position: 25px 50%;
background-color: #f9f9f9;
}

/* +---------------------------------------------------------------------+
   |                          Grafiken definieren                        |
   +---------------------------------------------------------------------+ */

img {border: 0px; margin: 0px; padding:0px;}
img.galerie{float:right; margin-left: 10px; padding: 3px; border: 1px solid #382B35;}



/* +---------------------------------------------------------------------+
   |                     Überschriften definieren                        |
   +---------------------------------------------------------------------+ */

h1 {font-size: 200%; font-family: arial; color: #333; margin: 0px; margin-bottom: 2px;}
h2 {font-size: 120%; margin: 0px; display: block; font-weight: bold; color: #5B8FCB; }
h3 {font-size: 110%; font-weight: bold; margin: 0px; margin-bottom: 10px; color: #111; padding: 5px; background-color: #C6DCF0; background-image:url('../bilder/seite/h3.gif'); background-repeat: repeat-x;}
h4 {font-size: 110%; color: #555; background-color: #C6DCF0; padding: 5px; margin: 0px; margin-bottom: 5px;}
h5 {font-size: 110%; color: #555; background-color: #e4e4e4; padding: 5px; margin: 0px; margin-bottom: 2px;}

span.formular {clear:both; font-weight: bold; margin: 3px; width: 140px; display: block; float: left;}
span.formular2 {clear:both; font-weight: bold; margin: 3px; width: 50px; display: block; float: left;}
span.formular-hinten {clear:both; font-weight: bold; margin: 3px; margin-right: 20px;}
span.hilfe {color: #755C42; cursor:help; border-bottom: 1px dotted #ddd;}

/* +---------------------------------------------------------------------+
   |                   Listen, Absätze definieren                        |
   +---------------------------------------------------------------------+ */

p {margin: 0px;}
ul.none {
position: relative;
color: #313131;
margin-top: 3px;
list-style-type:none;
list-style-position:inside;
margin-left:0px;
padding: 0px;
}
ul.stil {
position: relative;
color: #313131;
margin-top: 3px;
list-style-image:url(../bilder/seite/bull.gif);
list-style-position:inside;
margin-left:0px;
padding: 0px;
}
li {position: relative; padding: 2px; padding-left: 0px;}

ul.newstabs {
position: relative;
color: #313131;
margin-top: 3px;
list-style: none; 
margin-left:0px;
padding: 0px;
}

li.newstabslist {
margin: 0px; 
margin-left: 0px; 
margin-bottom: 0px; 
padding: 0px; 
}

/* +---------------------------------------------------------------------+
   |                         Formulare definieren                        |
   +---------------------------------------------------------------------+ */

fieldset.adminform {margin-top: 10px; margin-bottom: 10px; font-weight: normal; padding: 15px; color: #333; width: 92%; border: 1px solid #d2d2d2;}

select.klein {font-family: tahoma; font-size: 8pt; }
input.in {font-family: arial; padding: 2px; font-size: 8pt; border: 1px solid #aaa; margin-right: 10px;}
textarea.in {font-family: arial; padding: 2px; font-size: 8pt; border: 1px solid #aaa;}
input.klein {font-family: arial; font-size: 8pt;}

input.grafik{
font-family: tahoma; 
font-size: 8pt; 
text-align: center;
width: 120px; 
height: 18px; 
border: 0px;
color: #888;
background-image:url('../bilder/seite/button-lang.gif'); 
background-repeat: no-repeat;
cursor:pointer;
font-weight: bold;
padding-bottom: 2px;
}

input.grafik:hover {
color: #555;
cursor:pointer;
}

input.grafik_klein{
font-family: tahoma; 
font-size: 8pt; 
text-align: center;
width: 60px; 
height: 18px; 
border: 0px;
color: #888;
background-image:url('../bilder/seite/button-kurz.gif'); 
background-repeat: no-repeat;
cursor:pointer;
padding-bottom: 2px;
}

input.grafik_klein:hover {
color: #555;
cursor:pointer;
}

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