/* CSS Document */
* {font-family: Arial,sans-serif; font-size: 13px;}
a {text-decoration: none;}

h1 {font-size: 17px; font-weight: bold; text-transform: uppercase; color: #e62e33; margin: 0 0 10px 0; width: 70%;}
h2 {font-size: 16px; font-weight: bold; margin: 0 0 10px 0; color: #e62e33; }
h3 {font-size: 13px; font-weight: normal; margin: 0 0 10px 0;}

/* Logo */
#logo a {display: block; font-size: 0px; background: url(../images/logo.gif) center no-repeat; width: 200px; height: 150px; text-indent: -9999px; margin: 0 auto;}
#logo a:hover {}

/* Navigation */
#navigation ul {list-style: none; background: #e9e9e9; border: 1px solid #ddd; margin: 20px auto; width: 80%;}
#navigation ul li a {margin: 0px; color: #666; font-weight: normal; display: block; background: url(../images/menu.jpg) -20px 0; }
#navigation ul li a {font-size: 13px; padding: 7px 0 7px 10px; }
#navigation ul li a:hover {background-position: -20px -30px; color: #333;}
#navigation ul li a:active {background-position: -20px -90px; padding: 8px 0 6px 10px;}
#navigation ul li.rex-current a, #navigation ul li.rex-active a {color: #fff; background-position: -20px -60px; }

/* Subnavigation */
#navigation ul li.rex-current li a, #navigation ul li.rex-active li a {background: url(../images/menu.jpg) -3px -125px; color: #666; }
#navigation ul li.rex-current li:last-child a, #navigation ul li.rex-active li:last-child a {background: url(../images/menu.jpg) -3px -215px;}
#navigation ul ul {width: 100%; border: none; margin: 0 0 20px 0;}
#navigation ul ul li a {padding: 4px 0 4px 30px; font-size: 11px; text-transform: uppercase; }
#navigation ul ul li a:hover {background-position: -3px -155px;}
#navigation ul ul li:last-child a {border-bottom: 1px solid #ddd; }
#navigation ul ul li:last-child a:hover {background-position: -3px -245px;}
#navigation ul ul li a:active {padding: 5px 0 3px 30px;}
#navigation ul ul li.rex-current a, #navigation ul ul li.rex-active a {color: #e22d32; background-position: -3px -155px; }
#navigation ul ul li:last-child.rex-current a, #navigation ul ul li:last-child.rex-active a {background-position: -3px -245px; }



/* Legals */
#legals a {margin: 0px; padding: 2px 5px 1px 18px; background: url(../images/legals.gif) no-repeat; color: #ccc; font-size: 11px; text-transform: uppercase;  }
#legals a:hover {background: url(../images/legals.gif) 0 -20px; color: #fff; text-decoration: none;}
#legals a:active {background: url(../images/legals.gif) 0 -40px;}


/* Partner */
#partner p {text-align: center; width: 100%; margin: 20px 0 10px 0; font-weight: bold; color: #888}
#partner ul {list-style: none; width: 100%;}
#partner ul li {}
#partner ul li a {width: 150px; margin: 0px auto; overflow-x: hidden; overflow-y: hidden; text-indent: -9999px; display: block; }
#partner_dbu a {height: 56px; background: url(../images/partner.png) -15px 0;}
#partner_dbu a:hover {background: url(../images/partner.png) -195px 0;}
#partner_braas a {height: 45px; background: url(../images/partner.png) -15px -72px;}
#partner_braas a:hover {background: url(../images/partner.png) -195px -72px;}
#partner_walther a {height: 41px; background: url(../images/partner.png) -15px -201px;}
#partner_walther a:hover {background: url(../images/partner.png) -195px -201px;}
#partner_boerner a {height: 47px; background: url(../images/partner.png) -15px -117px;}
#partner_boerner a:hover {background: url(../images/partner.png) -195px -117px;}
#partner_velux a {height: 37px; background: url(../images/partner.png) -15px -164px;}
#partner_velux a:hover {background: url(../images/partner.png) -195px -164px;}
#partner_alwitra a {height: 38px; background: url(../images/partner.png) -15px -242px;}
#partner_alwitra a:hover {background: url(../images/partner.png) -195px -242px;}


/* Content */
.line {width: 100%; height: 4px; margin: 20px 0; background: url(../images/linie.jpg) no-repeat; clear: both}
.floatRight {float: right; margin-left: 20px;}
.floatLeft {float: left; margin-right: 20px; margin-bottom: 50px;}
.caps {text-transform: none; font-size: 1em;}

#content {}
#content h1 {}
#content p, #content li {color: #444; line-height: 19px;}
#content p, #content ul {padding-bottom: 1em;}
#content ul {margin-left: 15px;}
#content strong, #content .caps {font-size: 1em;}
#content .link_ext {clear: both; margin: 0 0 20px 0;}
#content p a img {background: none; padding: 0px;}
#content p a {color: #444; background: url(../images/link.jpg) no-repeat; font-weight: bold; text-decoration: none; padding: 1px 0 1px 18px; }
#content p a:hover {color: #111; background: url(../images/link.jpg) 0 -20px no-repeat; }
#content p a:active {color: #e22d32; background: url(../images/link.jpg) 0 -40px no-repeat; }

#content p a.button {background: url(../images/linklong_r.gif) no-repeat top right; display: block; float: left; height: 24px; margin-right: 6px; padding: 0 11px 0 0; text-decoration: none;}
#content p a.button:hover {background-position: center right;}
#content p a.button:active {background-position: bottom right;}

#content p a.button span {background: url(../images/linklong_l.gif) 0 0 no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 22px;} 
#content p a.button:hover span {background-position: 0 -30px;}
#content p a.button:active span {background-position: 0 -60px; color: #fff;}

#content .galerie {float: left; margin-right: 20px;}

#content .referenzen .galerie {background: url(../images/bilderrahmen.jpg) no-repeat; width: 190px; height: 180px; float: left;}
#content .referenzen .galerie:hover {background: url(../images/bilderrahmen.jpg) -190px 0 no-repeat;}
#content .referenzen .galerie a {display: block;}
#content .referenzen .galerie a p {color: #666; font-size: 11px; line-height: 14px; padding: 3px 40px 6px 20px;}
#content .referenzen .galerie a img {padding: 20px 20px 0px 20px;}



/* Sitemap */
.cont_block ul {list-style: none; width: 70%; margin: 0 auto;}
.cont_block ul li ul {width: 95%; margin: 0; padding: 0;}
.cont_block ul li {margin-top: 10px;}
.cont_block ul ul li {margin-top: 0px; margin-left: 0px;}
.cont_block ul li a {font-size: 1.15em; color: #555; padding: 5px 10px; background: url(../images/menu.jpg); display: block;}
.cont_block ul li a:hover {background-position: 0 -30px;}
.cont_block ul li a:active {background-position: 0 -60px; padding: 6px 10px 4px 10px; color: #fff;}

.cont_block ul ul li a {font-size: 1em; background-position: 0 -120px; padding: 5px 0px 5px 33px; }
.cont_block ul ul li a:hover {background-position: 0 -150px; }
.cont_block ul ul li a:active {background-position: 0 -180px; padding: 6px 10px 4px 33px; }

.cont_block ul ul li:last-child a {background-position: 0 -210px; }
.cont_block ul ul li:last-child a:hover {background-position: 0 -240px; }
.cont_block ul ul li:last-child a:active {background-position: 0 -270px; }


/* Footer */
#footer p {font-size: 1em;}
#footer strong, #footer a {font-size: 1em;}


/* Formular */
.formular {width: 100%;}
.forminfo {font-size: 12px; font-weight: bold; line-height: 17px; color: #e62e33; margin-bottom: 10px; }
.formgen label.formerror {font-weight: bold; color: #333; background: url(../images/form_back.jpg) 0 -58px no-repeat;}

.formgen label {width: 450px; float: left; height: 16px; font-size: 10px; background: url(../images/form_back.jpg) 0 0px no-repeat; margin: 6px 0 0 0; padding: 1px 0 0px 10px; color: #ddd; font-weight: bold}
.formgen input {margin: 0 0 0 0px; padding: 6px 20px 7px 10px ; width: 415px; height: 20px; background: url(../images/form_back.jpg) 0 -20px no-repeat; font-size: 18px;}
.formgen input:focus, .formgen input:hover {background: url(../images/form_back.jpg) 0 -80px no-repeat; }
.formgen select {padding: 5px; font-size: 15px; width: 425px; margin: 0 5px; background: #ffffff; border: 1px solid #eee; }
.formgen textarea {background: url(../images/form_back.jpg) 0 -120px no-repeat; width: 425px; height: 151px; padding: 5px 10px; line-height: 20px;}
input.formsubmit {margin: 20px 0 60px 0px; padding: 0px ; width: 162px; height: 30px; background: url(../images/form_back.jpg) 0 -285px no-repeat; font-size: 0px;}
input:hover.formsubmit {background: url(../images/form_back.jpg) 0 -326px no-repeat;}
input:active.formsubmit {background: url(../images/form_back.jpg) 0 -366px no-repeat;}