* {margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif;}
hr {display: none;}
acronym, a img {border: none;}
address {font-style: normal;}
dt {clear: left; float: left; width: 3em;}
textarea {font-size: 1em;}


#main_logo {text-align: center; margin-top: 15%;}

#logo {width: 927px; text-align: right; padding: 30px 0;}

#menu_container {width: 157px; height: 430px; float: left; margin-left: 9px; background: url(images/menu_home.jpg);}
html>body #menu_container {margin-left: 18px;}
#menu_bar {position: absolute; top: 0; left: 30px; width: 18px; height: 548px; background: #70126B; padding-left: 3px; padding-top: 106px; z-index: 10;}
html>#menu_bar {left: 20px}
#menu_bar ul {width: 18px; height: 105px; background: url(images/menu_items.png) no-repeat;}
html>body #menu_bar ul {height: 548px;}
#menu_bar li {list-style: none;}
#menu_bar li a {width: 18px; height: 37px; margin-bottom: 23px; padding: 0;display: block; z-index:20; position: relative;}
html>body #menu_bar li a {position: static;}
#menu_bar li.business a {height: 54px;}
#menu_bar li.architektur a {height: 66px;}
#menu_bar li.kontakt a {height: 43px;}
#menu_bar li.impressum {background: url(images/impressum.png) no-repeat 2px 0; margin-top: 50px;}
#menu_bar li.impressum a {height: 58px; margin-bottom: 0;}
#menu_bar li span {display: none;}
 
#menu_back {text-align: right; color: #fff; position: absolute;}
#menu_back h2 {font-size: 1.2em; font-weight: normal; padding: 12px 6px;}
#menu_back li {list-style: none;}
.sub_menu {font-size: .9em; font-weight: normal; width: 157px;}
.sub_menu li {list-style: none;}
.sub_menu li a {width: 120px; color: #fff; text-decoration: none; padding: 14px 6px 4px 0px; display: block; font-size: .8em;}
html>body .sub_menu li a {width: auto;}
*+html .sub_menu li a {width: 120px!important;}
.sub_menu li a.hover, .sub_menu li a.active {background: url(images/menu_item_back.jpg) repeat-y right; font-weight: bold;}

#main {position: absolute; left: 195px; top: 91px; width: 730px!important; height: 500px; background: url(images/home_back.png) no-repeat top;}
h1 {font-size: 1.4em; margin: 10px 0 15px;}

.slider {width: 16px; height: 430px; background-color: #70126B;	position: absolute; margin: 9px 0; top: -9px; left: 715px;z-index:20!important; display: none; padding: 10px 0 0 0px;}
html>body .slider {width: 16px; height: 410px; background-color: #70126B;	position: absolute; margin: 9px 0; top: 1px!important; left: 730px;z-index:20!important; display: none; padding: 0;}
#sl_r {height: 430px; width: 3em; background: #fff; position: absolute; margin-left: 16px; margin-top: -10px;} 
.indicator {width: 16px; height: 16px; background: url(images/indicator.gif) no-repeat center; position: absolute; overflow: hidden; cursor: pointer;}
html>body .indicator {background: url(images/indicator.png) no-repeat center; margin: 0;}
#scroll_up {position: absolute; margin-top: -10px; background-color: #70126B; padding: 2px 2px 5px;}
#scroll_down {position: absolute; margin-top: 409px; background-color: #70126B; padding: 2px;}
.content_container {width: 335px; height: 410px; padding: 10px; overflow: hidden; position: relative; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/transparent.png',sizingMethod='scale'); background: url(images/transparent.png); margin-left: 379px; font-size: .8em; padding-right: .5em;}
html>body .content_container {background: url(images/transparent.png);}
*+html .content_container {filter: none;}
.content {position: absolute; padding-right: 25px;}
.content_container p, .content_container ul, .content_container ol {margin-bottom: 1.5em;}
.content_container p.alt {text-align: center; font-weight: bold;}
.content_container li {margin-left: 1.5em;}
.content_container a {color: #000;}


/* Home */
#doorpages .home {color: #70126B; font-size: 1.2em; margin-top: 385px; margin-left: 480px;}

/* Business */
body.business #menu_back {height: 73px; margin-top: 50px; padding-top: 14px;}
/*#doorpages .business {margin-top: 360px; color: #fff; font-size: 1.2em; text-align: right; padding-right: 20px; font-style: italic;}
#doorpages .business strong {font-size: 1.3em; font-weight: normal; display: block; padding-right: 130px;}*/
.business_uleistungen ul.alt, .business_uvorteile ul.alt, .business_mwleistungen ul.alt {background: url(images/content_back_business.jpg); color: #fff; padding: .4em;}

/* Privat */
body.privat #menu_back {height: 60px; margin-top: 110px; padding-top: 34px;}
/*#doorpages .privat {margin-top: 318px; text-align: right; color: #fff; font-size: 1.6em; font-style: italic; padding-right: 18px;}
#doorpages .privat strong {font-weight: normal; font-size: 1.1em; padding-right: 35px;}
#doorpages .privat .weg {margin-right: 204px; font-size: .9em; display: block;}
#doorpages .privat .alt {font-size: .9em;}*/
.privat_leistungen ul.alt, .privat_ansatz ul.alt {background: url(images/content_back_privat.jpg); padding: .4em;}

/* Garten */
body.garten #menu_back {height: 100px; margin-top: 140px; padding-top: 68px;}
/*#doorpages .garten {margin-top: 52px; color: #fff; font-size: 1.5em; font-style: italic; padding-left: 335px; padding-top: 253px;}
#doorpages .garten .small {font-size: .8em; display: block;}
#doorpages .garten .sense {display: block; padding-left: 35px;}
#doorpages .garten .weg {display: block; padding-left: 90px;}
#doorpages .garten .weg span {display: block; padding-left: 95px; font-weight: normal;}*/
.garten_leistungen ul.alt {background: url(images/content_back_garten.jpg); padding: .4em;}

/* Architektur */
body.architektur #menu_back {height: 100px; margin-top: 200px; padding-top: 75px;}
.architektur_dienstleistungen ul.alt {background: #D1D4D5; padding: .4em;}

/* Kontakt */
body.kontakt #menu_back {height: 19px; margin-top: 320px!important; padding-top: 40px;}
#doorpages .kontakt {font-size: .8em;}
#doorpages .kontakt h2 {margin-bottom: 1em; font-size: 1.2em;}
#doorpages .kontakt .left {float: left; width: 35%; height: 400px; border-right: 2px solid #70126B; padding: 1em;}
#doorpages .kontakt .right {float: right; width: 57%; padding: 1em; padding-bottom: 0;}
#doorpages .kontakt .right h2 {margin-left: 10em;}
#doorpages .kontakt .right fieldset {border: none;}
#doorpages .kontakt .right label {float: left; width: 11em; text-align: right; padding-right: 1em;}
#doorpages .kontakt .right input, #doorpages .kontakt .right textarea {border: 1px solid #70126B; margin-bottom: .2em; width: 240px; padding: 2px;}
#address {height: 2.5em;}
#doorpages .kontakt .checkboxes {/*margin-top: -8em;*/ top: 300px; left: 300px; width: 12.3em;}
#doorpages .kontakt .checkboxes p {margin-bottom: .5em; font-style: italic;}
#doorpages .kontakt .checkboxes label {clear: left; width: 9.2em;}
#doorpages .kontakt .checkboxes input {width: auto!important; border: none;}
#doorpages .kontakt .submit, #doorpages .kontakt .reset {width: auto!important; background: #fff; margin-left: 12em; padding: 0 10px; height: 22px;}
#doorpages .kontakt .reset {margin-left: 8em;}
*+html #doorpages .kontakt .reset {margin-left: 8em;}

#doorpages .netzwerk {position: absolute; width: 35%; height: 400px; padding: 1em; font-size: .8em;}
#doorpages .netzwerk p {margin-bottom: 1em;}
.kontakt_netzwerk ul {border-top: 2px solid #70126B; width: 324px;}
.kontakt_netzwerk li {list-style: none; border-bottom: 2px solid #70126B; padding: 1em 0 1em 120px; margin: 0; background: url(images/netzwerk.jpg) no-repeat left;}
.kontakt_netzwerk li.tischler {background-image: url(images/netzwerk_tischler.jpg);}

#doorpages .home, #doorpages .business, #doorpages .privat, #doorpages .garten, #doorpages .architektur {margin-top: 385px!important; width: 725px; margin-left: 0!important; text-align: right; font-size: 1.4em; color: #fff; font-weight: bold;}
#doorpages .architektur {color: #333;}


#doorpages .home {color: #70126B;}
#doorpages .business {width: 710px;}
#doorpages .privat {color: #A2BAD9;}
#doorpages .garten {color: #BED358;}
#doorpages .architektur {color: #B1B4B5;}