/* ................................ */
/* Allgemeine Einstellungen */
@charset "utf-8";
html {
overflow: -moz-scrollbars-vertical;
-webkit-text-size-adjust:none;
}
body {
margin-top: 0px;
margin-left: 0px;
padding: 0px;
background-image: url(img/bg.gif);
background-repeat: no-repeat;
background-position: left top;
background-color: #498A3A;
}
#rahmen {
position: relative;
margin-top: 0px;
margin-left: 0px;
}
#website {
width: 970px;		/* vorher 943px */
position: relative;
border: 0px;
margin-right: 40px;
margin-top: 38px;
}
#websitecms {
width: 943px;		
position: relative;
border: 0px;
margin-right: 40px;
margin-top: 38px;
}
#logorest {
width: 109px;
height: 109px;
float: left;
background-image: url(img/Logoklammer.png);
background-repeat: no-repeat;
background-position: left top;
}
#bilder { 
width: 274px;
height: 284px;
float: left;
}
.clear {
clear: left;
}

/* ................................ */
/* Logobereich */
#logo { 
width: 276px;
height: 78px;
float: left;
padding-top: 20px;
padding-left: 107px;
background-image: url(img/Logo.png);
background-repeat: no-repeat;
background-position: left top;
}
h4 {
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 15px;
color: #C3DDC0;
}
h5 {
margin: 0px;
font-family: Garamond, "Times New Roman", Times, Palatino, Georgia, serif;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 39px;
color: #C3DDC0;
}

/* ................................ */
/* Überschiften */
h1 {
margin-top: 7px;
margin-bottom: 0px;
font-family: Garamond, "Times New Roman", Times, Palatino, Georgia, serif;
font-style: normal;
font-weight: normal;
font-size: 23px;
line-height: 10px;
color: #DFE7DC;
}
h1.ichgehe {
color: #C3DDC0;
}
h2 {
margin-top: 0px;
margin-bottom: 6px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 13px;
line-height: 19px;
color: #DFE7DC;
}
h3 {
margin-top: 4px;
margin-bottom: 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 14px;
font-style: normal;
font-weight: bold;
color: #F0F0F0;
padding-top: 3px;
padding-bottom: 4px;
padding-left: 5px;
background-image: url(img/bgbr.png);
background-repeat: repeat-x;
background-position: left top;
}
b {
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
color: #DFE7DC;
line-height: 28px;
}

/* ................................ */
/* Fließtext */
#inhalt { 
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 19px;
color: #DFE7DC;
width: 443px;
height: 400px;
padding-left: 25px;
padding-top: 20px;
padding-right: 18px;
float: left;
background-image: url(img/Schreibmaschine.png);
background-repeat: no-repeat;
background-position: left top;
overflow: auto;
overflow-x: hidden;
}

#inhalte { 
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 19px;
color: #DFE7DC;
width: 443px;
height: 400px;
padding-left: 25px;
padding-top: 20px;
padding-right: 18px;
float: left;
background-color: #600E02;
overflow: auto;
overflow-x: hidden;
}
#referenzen { 
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 19px;
color: #DFE7DC;
width: 715px;
height: 400px;
padding-left: 30px;
padding-top: 20px;
padding-right: 15px;
float: left;
background-color: #600E02;
overflow: auto;
overflow-x: hidden;
}

/* ................................ */
/* Links und Linie */
a {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 19px;
color: #DFE7DC;
text-decoration: underline;
}
a:hover {
color: #FEFE5D;
}
hr {
border: solid 0px;
color: #B5A094;
background: #B5A094;
height: 1px;
width: 99%;
margin-top: 16px;
margin-bottom: -6px;
}

/* ................................ */
/* Special Tags */
ul {
margin-top: 5px;
margin-bottom: -9px;
margin-left: 6px;
padding-left: 6px;
}
li {
margin-bottom: 5px;
}
#footer { 
width: 943px;
padding-top: 3px;
padding-left: 16px;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 14px;
color: #0A4700;
}
a.footer {
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 14px;
color: #0A4700;
text-decoration: none;
}
a:hover.footer {
color: #073100;
text-decoration: none;
}
.xing {
margin-top: 0px;
}

/* ................................ */
/* Aufklappmenü */
#navioben { 
width: 486px;
height: 22px;
padding-top: 76px;
float: left;
}
#navioben ul {
list-style-type: none;
list-style-image: none;
margin: 0px;
padding: 0px;
}
#navioben li.topmenu, #navioben li.topmenu-bigger, #navioben li.topmenu-smaller, #navioben li.topmenu-smaller-kontakt {
float: left;
}
.topmenu a, .topmenu-bigger a, .topmenu-smaller a, .topmenu-smaller-kontakt a {
float: left;
text-align: center;
padding-top: 1px;
}
.topmenu ul, .topmenu-bigger ul, .topmenu-smaller ul, .topmenu-smaller-kontakt ul {
display: none;
}
.topmenu a, .topmenu-bigger a, .topmenu-smaller a, .topmenu-smaller-kontakt a, .submenu a {
width: 98px;
height: 19px;
border: 0px;
border-collapse: collapse;
font-family: Helvetica, Arial, sans-serif; /*Garamond, "Times New Roman", Times, Palatino, Georgia, serif;*/
font-size: 13px;
font-style: normal;
font-weight: bold;
line-height: 16px;
color: #E0E5DE;
text-decoration: none;
margin: 0;  
}
.topmenu a {
background-image: url(img/navibgoff.gif);
background-repeat: no-repeat;
background-position: left top;
}
.topmenu-bigger a {
width: 118px;
background-image: url(img/navibgoff-bigger.gif);
background-repeat: no-repeat;
background-position: left top;
}
.topmenu-smaller a {
width: 86px;
background-image: url(img/navibgoff-smaller.gif);
background-repeat: no-repeat;
background-position: left top;
}
.topmenu-smaller-kontakt a {
width: 86px;
background-image: url(img/navibgoff-smaller.gif);
background-repeat: repeat-x;
background-position: left top;
}
.topmenu a:hover, .topmenu.on a {
color: #E0E5DE;
background-image: url(img/navibgon.gif);
background-repeat: no-repeat;
background-position: left top;
}
.topmenu-bigger a:hover, .topmenu-bigger.on a {
color: #E0E5DE;
background-image: url(img/navibgon-bigger.gif);
background-repeat: no-repeat;
background-position: left top;
}
.topmenu-smaller a:hover, .topmenu-smaller.on a {
color: #E0E5DE;
background-image: url(img/navibgon-smaller.gif);
background-repeat: no-repeat;
background-position: left top;
}
.topmenu-smaller-kontakt a:hover, .topmenu-smaller-kontakt.on a {
color: #E0E5DE;
background-image: url(img/navibgon-smaller.gif);
background-repeat: repeat-x;
background-position: left top;
}
.submenu a {
height: 18px;
width: 118px;
font-weight: normal;
position: relative;
text-align: center;
padding-top: 4px;
padding-bottom: 3px;
border: 0px;
background-image: url(img/nv-off.gif);
background-repeat: no-repeat;
background-position: left top;
clear: both; /* special IE6 */
}
.submenu a:hover {
color: #E0E5DE;
background-image: url(img/nv-over.gif);
background-repeat: no-repeat;
background-position: left top;
}
/* Aufklappmenü */
.topmenu-bigger:hover ul {
display: block;  
z-index: 500;
}
/* special IE6 */
body {
behavior: url("img/csshover3.htc");
}

/* ................................ */
/* Menü Referenzen */
#navi2 {
width: 130px;
float: left;
}
a.menux {
font-family: Helvetica, Arial, sans-serif; /*Garamond, "Times New Roman", Times, Palatino, Georgia, serif;*/
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height: 16px;
color: #E0E5DE;
text-decoration: none;
}
a:hover.menux {
text-decoration: none;
}

/* ................................ */
/* Menü rechts */
#navirechts { 
width: 95px;	/* vorher 69px */
height: 356px;
padding-left: 5px;
float: left;
line-height: 0px;
display: table;
}
.navir {
width: 895px;	/* vorher 69px */
height: 52px;	/* vorher 41px bzw. 68px ganze Höhe */ 
				/*padding-top: 27px;*/
border: 0px;
font-family: Helvetica, Arial, sans-serif; /*Garamond, "Times New Roman", Times, Palatino, Georgia, serif;*/
font-size: 13px;
line-height: 16px;
font-style: normal;
font-weight: bold;
color: #227517;
text-align: center;
vertical-align: middle;
text-decoration: none;
display: table-cell;
}
.rnav, a:hover.rnav, a:link.rnav, a:focus.rnav, a:visited.rnav, a:active.rnav {
font-family: Helvetica, Arial, sans-serif; /*Garamond, "Times New Roman", Times, Palatino, Georgia, serif;*/
font-size: 14px;
line-height: 13px;
font-style: normal;
font-weight: bold;
color: #227517;
text-decoration: none;
}
.abs {
height: 4px;
}

/* ................................ */
/* CMS */
#cms-menu { 
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 17px;
color: #DFE7DC;
width: 87px;
height: 100%;
padding-left: 25px;
padding-top: 20px;
padding-right: 18px;
float: left;
background-color: #600E02;
}
#cms-bereich { 
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 17px;
color: #DFE7DC;
width: 587px;
height: 100%;
padding-left: 25px;
padding-top: 20px;
padding-right: 18px;
float: left;
background-color: #861C0D;
}
a.acms {
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 19px;
color: #DFE7DC;
text-decoration: none;
}
a:hover.acms {
color: #FEFE5D;
text-decoration: underline;
}
.cmsklein {
width: 360px;
height: 16px;
padding: 4px;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 17px;
color: #222222;
border: solid 1px;
border-color: #600E02;
background-color: #D0E5CE;
overflow: hidden;
}
.cmskurz {
width: 560px;
height: 36px;
padding: 4px;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 17px;
color: #222222;
border: solid 1px;
border-color: #600E02;
background-color: #D0E5CE;
overflow: auto;
}
.cmslang {
width: 560px;
height: 240px;
padding: 4px;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 17px;
color: #222222;
border: solid 1px;
border-color: #600E02;
background-color: #D0E5CE;
overflow: auto;
}
.cmslangfoot {
width: 560px;
height: 460px;
padding: 4px;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 17px;
color: #222222;
border: solid 1px;
border-color: #600E02;
background-color: #D0E5CE;
overflow: auto;
}

/* ................................ */
/* CMS - Aktuelles */
.cmsteaser {
width: 560px;
height: 70px;
padding: 4px;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 17px;
color: #222222;
border: solid 1px;
border-color: #600E02;
background-color: #D0E5CE;
overflow: auto;
}
#tea {
width: 430px;
padding-bottom: 4px;
border: 0px;
background-color: #600E02;
cursor: pointer;
}
a.teaser {
font-family: Helvetica, Arial, sans-serif;
font-style: italic;
font-size: 12px;
line-height: 17px;
color: #DFE7DC;
text-decoration: underline;
}
a:hover.teaser {
color: #FEFE5D;
}

/* ................................ */
/* CMS - Referenzen */
.cms-bilder {
width: 300px;	
padding: 2px;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 17px;
color: #222222;
border: solid 1px;
border-color: #600E02;
background-color: #D0E5CE;
}
.cmsinput {
width: 420px;
padding: 2px;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 17px;
color: #222222;
border: solid 1px;
border-color: #600E02;
background-color: #D0E5CE;
}