body {padding: 0; background-color: #211D22; margin: 0; font-family: "Lucida Sans", Arial, sans-serif; }

.wrap {margin: 0 auto; width: 900px;}

#bgtop {background: url(../img/bg_oben.jpg) repeat-x; height: 160px;}

#content {background-color: #FFF; height: 378px;}

#bgbottomlinie {background: url(../img/bg_unten_linie.jpg) repeat; height: 210px; text-align: center;}

.box {float: left; border-left: #46263F solid 1px; border-bottom: #C09B9D solid 11px; height: 110px; font-family: "Lucida Sans", Arial, sans-serif; font-size: 0.689em; color: #B6A8BD; padding: 17px 13px 20px 13px; text-align: left; line-height: 1.35em; margin-top: 2px;}




.boxnavi {float: left; border-left: #46263F solid 1px; border-bottom: #C09B9D solid 11px; border-right: #46263F solid 1px;height: 149px; width: 266px; padding: 0; margin: 0;}

div.navi, div.navi2 {margin-left: 614px; position: absolute; top: 513px; background: url(../img/navi-bg.gif) no-repeat top left; height: 25px; width: 266px;}
*:first-child+html div.navi {position: relative; top: 31px;}
* html div.navi {position: relative; top: 31px;}



div.button1 {float: left; width: 89px; height: 25px; font-family: "Lucida Sans", Arial, sans-serif; text-align: center;}
div.button1 a {font-size: 0.689em; color: #2E282F; text-decoration: none; display: block; padding: 6px 10px 5px 10px;}
div.button1 a:hover, .active1 {font-size: 0.689em; color: #FFF; text-decoration: none; display: block; padding: 6px 10px 5px 10px; background: url(../img/button-bg1.gif) no-repeat}

div.button2 {float: left; width: 87px; height: 25px; font-family: "Lucida Sans", Arial, sans-serif; text-align: center; margin-left: 1px;}
div.button2 a {font-size: 0.689em; color: #2E282F; text-decoration: none; display: block; padding: 6px 10px 5px 10px;}
div.button2 a:hover, .active2 {font-size: 0.689em; color: #FFF; text-decoration: none; display: block; padding: 6px 10px 5px 10px; background-color: #95377B;}

div.button3 {float: left; width: 88px; height: 25px; font-family: "Lucida Sans", Arial, sans-serif; text-align: center; margin-left: 1px;}
div.button3 a {font-size: 0.689em; color: #2E282F; text-decoration: none; display: block; padding: 6px 10px 5px 5px;}
div.button3 a:hover, .active3 {font-size: 0.689em; color: #FFF; text-decoration: none; display: block; padding: 6px 10px 5px 5px; background: url(../img/button-bg3.gif) no-repeat}

.headline {font-family: Georgia, Times, "Times New Roman", serif; font-size: 1.125em; color: #534E54; line-height: 1.4em; margin-top: 25px;}

.headline2 {font-family: Georgia, Times, "Times New Roman", serif; font-size: 1.875em; color: #4C484D; line-height: 1.4em; border-bottom: #4C484D solid 1px; display: block; margin-bottom: 15px;}

.fliess {font-family: Georgia, Times, "Times New Roman", serif; font-size: 1.125em; color: #534E54;}

.autor {font-family: Georgia, Times, "Times New Roman", serif; font-style:italic; font-size: 1em; color: #534E54; text-align: right; padding: 3px 15px 0 0; margin: 0;}

.em {background-color:#534E54; color: #FFF; font-weight: normal;}

.clear {clear: both;}

.footer {clear: both; font-family: "Lucida Sans", Arial, sans-serif; font-size: 0.689em; color: #B6A8BD;  width: 889px; padding: 10px 0;}
.footer a, .footer a:visited {color:#B6A8BD; text-decoration: none; padding: 0 5px;}
.footer a:hover, .footer a:focus {color: #211D22;; text-decoration: none; background-color: #C19C9E;  padding: 0 5px;}


/*pages*/

div.left {float: left; height: 378px; width: 600px; }
div.right {float: right; height: 282px; width: 226px; background: #E4E4E4 url(../img/right_ecken.gif) no-repeat bottom; padding: 20px; color: #4C484D; font-family: "Lucida Sans", Arial, sans-serif; font-size: 0.689em; margin-right: 20px; line-height: 1.8em;}
ul.right {margin: 0; padding: 0 0 0 15px;}
ul.right li {list-style-position: outside; list-style-type:square; padding: 10px 0 0 0; margin: 0; line-height: 1.4em;}

div.bsp {margin: 0 0 0 40px; font-family: "Lucida Sans", Arial, sans-serif; text-align: left;}
a.bsp {background:url(../img/navi-bg2.gif) no-repeat 0 -60px; font-size: 0.689em; color: #2E282F; text-decoration: none; padding: 16px 0 0 37px; display: block; width: 99px; height: 44px;}
a.bsp:hover {background:url(../img/navi-bg2.gif) no-repeat 0 0; text-decoration: none; padding: 16px 0 0 37px; display: block; width: width: 99px; height: 44px; color: #400040;}

h1 {font-family: Georgia, Times, "Times New Roman", serif; font-style:italic; font-size: 1.75em; color: #504B50; font-weight: normal; padding: 0; margin: 10px 0 0 0; line-height: 1.4em;}


.hidden {display: none;}

img {border: none;}

.spamspan {color: #7E787F;}
a.spamspan:link, a.spamspan:visited {color:#7E787F; text-decoration: none;}
a.spamspan:hover {color:#333;text-decoration: none;}



/*referenzen*/
div.screenshot {width: 832px; height: 243px; margin: 40px 0 0 0; padding: 0;}
div.screenshot2 {width: 832px; height: 243px; margin: 200px 0 0 0; padding: 0;}

div.webinfo {float: right; width: 115px; height: 214px; margin: 0 0 0 677px; padding: 15px 10px; font-family: "Lucida Sans", Arial, sans-serif; text-align: left; color: #2E282F; font-size: 0.689em; }

div.zurwebsite {margin: 0 0 0 696px; font-family: "Lucida Sans", Arial, sans-serif; text-align: left;}
a.zurwebsite {background:url(../img/navi-bg3.gif) no-repeat 0 -23px; font-size: 0.689em; color: #2E282F; text-decoration: none; padding: 5px 0 3px 32px; display: block; width: 104px; height: 15px;}
a.zurwebsite:hover {background:url(../img/navi-bg3.gif) no-repeat 0 0; text-decoration: none; padding: 5px 0 3px 32px; display: block; width: 104px; height: 15px;color: #400040;}
.linie7 {height: 7px; background-color:#A7A5A7;}
* html linie7 {display: none;}
.linie1 {height: 1px; background-color:#A7A5A7; margin-top: 1px;}
* html linie1 {display: none;}