html {
height:101%;
outline:0;
}

body {
background:url(images/mainbg.jpg) 0 0 repeat-x #3A3F47;
color:#707070;
font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

div,p,ul,h2,h3,img {
margin:0;
padding:0;
}

ul {
list-style-type:none;
}

img {
border:0;
}

a,a:hover {
text-decoration:none;outline:0;
}

h1 {
font-size:24px;
}

h2 {
font-size:20px;
}

h3 {
font-size:14px;
padding:10px 0 0 0;
}

h4 {
font-size:12px;
padding:0px 0 0 0;
font-weight:bold;
}

address, address a {
line-height: 20px;
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

noscript {
position:absolute;
margin-top:0px;
overflow:visible;
z-index: 1;
}

* +html noscript {
position:absolute;
margin-top:137px;
overflow:visible;
z-index: 1;
}

#header_body {
width:100%;
height:151px;
position:relative;
margin:0 auto;
padding:0;
border-bottom: 2px solid #3a3f47;
background:url(images/mainbg.jpg);
}

#header {
width:747px;
margin: 0 auto;
height:151px;
}

* +html #header {
height:151px;
}

#header img {
margin:22px 0 0 0;

}

#menu {
width: 380px;
float: right;
margin: 75px 77px 0 0;
}

#menu_img {
width: 180px;
float: left;
}

#header ul {

width:400px;
height:32px;
margin-right: 50px;
}

#header ul li {
float:left;
width:79px;
height:32px;
padding:0 0px 0 1px;
}

#header ul li a {
display:block;
width:79px;
height:32px;
background:url(images/menubg-normal.gif) 0 0 no-repeat #7E7B00;
color:#656565;
font-size:11px;
line-height:32px;
text-align:center;
text-decoration:none;
}

#header ul li a:hover {
background:url(images/menubg-hover.gif) 0 0 no-repeat #868686;
color:#868686;
text-decoration:none;
}

#header ul li.home {
display:block;
width:79px;
height:32px;
background:url(images/menubg-hover.gif) 1px 0 no-repeat #32353A;
font-size:11px;
font-weight:700;
line-height:32px;
color:#565656;
text-decoration:none;
text-align:center;
}

#header ul.dropdown {
width:400px;
height:32px;
}

#header ul.dropdown2 {
width:400px;
height:32px;
}

#header ul.dropdown li, #header ul.dropdown2 li {
float:left;
width:79px;
height:22px;
}

#header ul.dropdown li a, #header ul.dropdown2 li a {
display:block;
width:79px;
background:url(images/vertical-dot.gif) 100% 60% no-repeat #e0e0e0;
color:#868686;
font-size:11px;
text-decoration:none;
text-align:center;
line-height:12px;
padding-top:10px;
}

#header ul.dropdown li a:hover, #header ul.dropdown2 li a:hover {
text-decoration:none;
background:url(images/vertical-dot.gif) 100% 60% no-repeat #E0E0E0;
color:#565656;
padding-top:10px;
font-weight:700;
}

#header ul.dropdown li.verticallinenone a, #header ul.dropdown2 li.verticallinenone a {
display:block;
width:79px;
color:#868686;
font-size:11px;
text-decoration:none;
text-align:center;
line-height:12px;
}

#header ul.dropdown li.verticallinenone a:hover, #header ul.dropdown2 li.verticallinenone a:hover {
text-decoration:none;
background:#E0E0E0;
color:#565656;
font-weight:700;
}

#header ul.dropdown li.home2 a, #header ul.dropdown2 li.home2 a {
background:#E0E0E0;
font-weight:700;
color:#565656;
}

#main_top {
width:100%;
background:#F4F4F4;
color:#8D8D8D;
float:left;
clear:both;
padding:0;
}

#main_top_body {
width:747px;
height:170px;
position:relative;
background:url(images/bati_8.jpg) 0 0 no-repeat #F4F4F4;
color:#707070;
margin:0 auto;
padding:0;
overflow: hidden;
}

* +html #main_top_body {
width:747px;
height:170px;
position:relative;
color:#707070;
margin:0 auto;
padding:0;
}

#main_top_body h2 {
background:transparent;
color:#6E6C00;
font-size:24px;
height:70px;
line-height:70px;
}

#main_top_body p {
font-size:12px;
padding:0 38px 11px 0;
}

#main_top_body p span {
font-weight:700;
}

#main_top_body p.more {
margin:0 0 15px 435px;
padding:0;
}

#main_top_body p.more a {
display:block;
width:78px;
height:28px;
background:url(images/button1.png) 0 0 no-repeat;
color:#111;
font-size:15px;
line-height:28px;
text-decoration:none;
padding:0 0 0 10px;
}

#main_top_body p.more a:hover {
background:url(images/button1_h.png) 100% 0 no-repeat;
color:#111;
text-decoration:none;
}

#main_middle {
width:100%;
background:#fff;   /* ohne als Nachtdesign Teil 1 */
color:#8D8D8D;
float:left;
clear:both;
padding:0px 0 0;
}

#main_middle_body {
width:747px;
position:relative;
color:#8D8D8D;    /* mit white als Nachtdesign Teil 2 */
margin:0 auto;
}

#main_middle_one {
width:186px;
float:left;
font-size:12px;
padding:30px 0 0 0px;
}

#main_middle_one p.boldtext {
font-size:16px;
/*background:#fff;*/
color:#565656;
font-weight:700;
}

#main_middle_one ul.block {
width:156px;
height:151px;
display:block;
padding:0;
}

#main_middle_one ul.block li a {
width:126px;
height:128px;
display:block;
background:url(images/button_1.png) 0 0 no-repeat;
color:#fff;
font-size:20px;
font-weight:700;
text-decoration:none;
padding:3px 0 0 40px;
}

#main_middle_one ul.block li a:hover {
background:url(images/button_1_h.png) 0 0 no-repeat;
color:#fff;
text-decoration:none;
}

#webdesign_firma {
width:510px;
float:right;
font-size:12px;
margin:25px 50px 0 0;
}

* +html #webdesign_firma {
margin:40px 50px 0 0;
}

.kontakt {
background-image: url(images/telefon.jpg);
background-repeat: no-repeat;
background-position: 270px 70px;
}

#webdesign_firma a {
color:#cd3940;
font-weight:700;
}

#webdesign_firma a:hover {
color:#8d8d8d;
font-weight:700;
}

/* referenzen */

.ref_0 {
height:90px;
width:510px;
border-bottom: 2px dotted #565656;
}

.ref_1 {
clear: both;
width:365px;
float:left;
height:60px;
margin-top:10px;
padding:5px 0  5px 0px;
}

.ref_1 a {
color:#8D8D8D;
}

.ref_1 a:hover {
text-decoration: underline;
}

.ref_1 span {
font-size:12px;
font-weight:700;
line-height: 20px;
}

.ref_2 {
width:120px;
float:right;
margin-right:0px;
margin-top:5px;
background-color: #F4F4F4;
padding:0 0  0 0px;
}

* +html .ref_2 {
margin-right:10px;
}

.ref_2 a {
width:120px;
height:70px;
float:right;
border: 5px solid #F4F4F4;
}

.ref_2 a:hover {
clear: both;
width:120px;
height:70px;
float:right;
}

.linzerstrasse a {
background-image:url(images/linzerstrasse_blass.jpg);
}

.linzerstrasse a:hover {
background-image:url(images/linzerstrasse.jpg);
}

.papier a {
background-image:url(images/schoepfer_blass.jpg);
}

.papier a:hover {
background-image:url(images/schoepfer.jpg);
}

.boote a {
background-image:url(images/rammelmayr_blass.jpg);
}

.boote a:hover {
background-image:url(images/rammelmayr.jpg);
}

.leben a {
background-image:url(images/lebenimfluss_blass.jpg);
}

.leben a:hover {
background-image:url(images/lebenimfluss.jpg);
}

.osteria a {
background-image:url(images/osteria_blass.jpg);
}

.osteria a:hover {
background-image:url(images/osteria.jpg);
}

.holzofen a {
background-image:url(images/holzofen_blass.jpg);
}

.holzofen a:hover {
background-image:url(images/holzofen.jpg);
}

.boxfit a {
background-image:url(images/boxfit_blass.jpg);
}

.boxfit a:hover {
background-image:url(images/boxfit.jpg);
}

.ebner a {
background-image:url(images/ebner_blass.jpg);
}

.ebner a:hover {
background-image:url(images/ebner.jpg);
}

.pfarrei a {
background-image:url(images/pfarrei_blass.jpg);
}

.pfarrei a:hover {
background-image:url(images/pfarrei.jpg);
}

.herzflut a {
background-image:url(images/herzflut_blass.jpg);
}

.herzflut a:hover {
background-image:url(images/herzflut.jpg);
}

.dpg a {
background-image:url(images/dpg_blass.jpg);
}

.dpg a:hover {
background-image:url(images/dpg.jpg);
}

.kiefer a {
background-image:url(images/kiefer_blass.jpg);
}

.kiefer a:hover {
background-image:url(images/kiefer.jpg);
}

.flamenco a {
background-image:url(images/flamenco_blass.jpg);
}

.flamenco a:hover {
background-image:url(images/flamenco.jpg);
}
/* Ende referenzen */

.list1 {
list-style-image:url(images/arrow1.gif);
list-style-position: outside;
margin:0 0 0 20px ;
}

.list2 {
list-style-type: decimal;
list-style-position: inside;
margin:0 0 0 20px ;
}

#webdesign_firma ul li li {
padding:0 0 10px 35px;
}

#webdesign_firma ul li img {
padding:0 5px 0 0;
}

#main_middle_two {
width:186px;
float:left;
font-size:12px;
padding:30px 0 0 0px;
}

#main_middle_three {
width:180px;
float:left;
font-size:12px;
padding:30px 0 0 0px;
}

#main_middle_three p {
margin-left: 5px;
}

#main_middle_three p.boldtext {
font-size:16px;
/*background:#fff;*/
color:#565656;
font-weight:700;
}

#main_middle_three ul.block li a {
width:126px;
height:128px;
display:block;
background:url(images/button_3.png) 0 0 no-repeat;
color:#fff;
font-size:20px;
font-weight:700;
text-decoration:none;
padding:23px 0 0 40px;
}

.bghosting {
background-image: url(images/bg_hosting.png);
background-repeat: no-repeat;
background-position: 220px bottom;
}

.bgfoto {
background-image: url(images/bg_foto.jpg);
background-repeat: no-repeat;
background-position: 300px 265px;
}

.bghochzeit {
background-image: url(images/bg_hochzeit.png);
background-repeat: no-repeat;
background-position: 390px 160px;
}

#main_middle_three ul.block li a:hover {
background:url(images/button_3_h.png) 0 0 no-repeat;
color:#fff;
text-decoration:none;
}

#main_middle_four {
width:128px;
float:left;
font-size:12px;
padding:30px 0 0 0px;
}

#main_middle_four ul.block li a {
width:126px;
height:128px;
display:block;
background:url(images/button_4.png) 0 0 no-repeat;
color:#fff;
font-size:20px;
font-weight:700;
text-decoration:none;
padding:23px 0 0 40px;
}

#main_middle_four ul.block li a:hover {
background:url(images/button_4_h.png) 0 0 no-repeat;
color:#fff;
text-decoration:none;
}

#main_middle_one,#main_middle_four {
width:187px;
float:left;
font-size:12px;
}

#main_middle_one p,#webdesign_firma p,#webdesign_firma ul,#main_middle_two p,#main_middle_three p,#main_middle_four p {
padding:0 0 10px;
}

#main_middle_one p.blacktext,#webdesign_firma p.blacktext,#main_middle_two p.blacktext,#main_middle_three p.blacktext,#main_middle_four p.blacktext {
/*background:#fff;*/
color:#000;
padding:0 0 0px;
}

#main_middle_one p.dotline,#webdesign_firma p.dotline,#main_middle_two p.dotline,#main_middle_three p.dotline,#main_middle_four p.dotline {
background:url(images/dot.line.gif) 0 0 repeat-x;
width:156px;
padding:0 0 12px;
}

#main_middle_one p.more,#webdesign_firma p.more,#main_middle_two p.more,#main_middle_three p.more,#main_middle_four p.more {
margin:0 0 40px;
padding:0;
}

#main_middle_one p.more a,#main_middle_three p.more a {
display:block;
width:79px;
height:28px;
background:url(images/button1.png) 0 0 no-repeat #fff;
color:#111;
font-size:15px;
line-height:28px;
text-decoration:none;
padding:0 0 0 10px;
}

#main_middle_one p.more a:hover,#main_middle_three p.more a:hover {
background:url(images/button1_h.png) 0 0 no-repeat #fff;
color:#111;
text-decoration:none;
}

#main_middle_one ul,#main_middle_two ul,#main_middle_three ul,#main_middle_four ul {
width:156px;
padding:0 0 20px;
}

#main_middle_one ul li,#main_middle_two ul li,#main_middle_three ul li,#main_middle_four ul li {
width:156px;
height:20px;
}

#main_middle_one ul li a,#webdesign_firma ul li a,#main_middle_two ul li a,#main_middle_three ul li a,#main_middle_four ul li a {
width:140px;
height:20px;
/*background:url(images/arrow1.gif) 0 8px no-repeat #fff;*/
color:#8D8D8D;
line-height:20px;
text-decoration:underline;
padding:0 0 0 16px;
}

#main_middle_one ul li a:hover,#webdesign_firma ul li a:hover,#main_middle_two ul li a:hover,#main_middle_three ul li a:hover,#main_middle_four ul li a:hover {
/*background:url(images/arrow2.gif) 0 8px no-repeat #fff;*/
color:#272525;
text-decoration:underline;
}

#main_middle_one ul.block li,#webdesign_firma ul.block li,#main_middle_two ul.block li,#main_middle_three ul.block li,#main_middle_four ul.block li {
width:156px;
height:151px;
}

#webdesign_firma p.boldtext,#main_middle_two p.boldtext,#main_middle_four p.boldtext {
font-size:16px;
/*background:#fff;*/
color:#565656;
font-weight:700;
}

#webdesign_firma p.more a,#main_middle_two p.more a,#main_middle_four p.more a {
display:block;
width:78px;
height:28px;
background:url(images/button2.png) 0 0 no-repeat #fff;
color:#111;
font-size:15px;
line-height:28px;
text-decoration:none;
padding:0 0 0 10px;
}

#webdesign_firma p.more a:hover,#main_middle_two p.more a:hover,#main_middle_four p.more a:hover {
background:url(images/button2_h.png) 0 0 no-repeat #fff;
color:#111;
text-decoration:none;
}

#webdesign_firma ul.block,#main_middle_two ul.block,#main_middle_three ul.block,#main_middle_four ul.block {
width:156px;
height:151px;
padding:0;
}

#webdesign_firma ul.block li a,#main_middle_two ul.block li a {
width:126px;
height:128px;
display:block;
background:url(images/button_2.png) 0 0 no-repeat;
color:#fff;
font-size:20px;
font-weight:700;
text-decoration:none;
padding:23px 0 0 40px;
}

#webdesign_firma ul.block li a:hover,#main_middle_two ul.block li a:hover {
background:url(images/button_2_h.png) 0 0 no-repeat;
color:#fff;
text-decoration:none;
}

.animate_1 {
position: absolute;
color: #E0E0E0;
font-size: 105px;
margin: 20px 0 0 0px;
line-height: 120px;
}

.animate_2 {
position: absolute;
color: #E0E0E0;
font-size: 105px;
margin: 25px 0 0 80px;
line-height: 120px;
}

.animate_3 {
position: absolute;
color: #E0E0E0;
font-size: 105px;
margin: 20px 0 0 0px;
line-height: 120px;
}

.animate_4 {
position: absolute;
color: #e0e0e0;
font-size: 54px;
margin: 60px 0 0 0px;
line-height: 54px;
overflow: visible;
}

#footer {
clear: both;
height:204px;
background:url(images/footerbg.gif) 0 0 repeat-x #565656;
color:#fff;
}

#container_footer {
position: relative;
margin: 0px auto;
text-align: left;
width: 740px;
top: 30px;
/*background-image:*/
background-repeat: no-repeat;
background-position: right bottom;
}

* +html #container_footer {
top: 50px;
}

#footer_left {
float: left;
position: relative;
margin-bottom: 30px;
width: 226px;	
}

.footer_left {
float: left;
position: relative;
margin-bottom: 30px;
width: 226px;	
}

#footer_middle {
float: left;
margin: 0 0px 30px 20px;
position: relative;
width: 226px;
}

#footer_right {
float: right;
position: relative;
margin: 0 20px 30px 0px;
width: 226px;
}

h5 {
background: transparent url(images/h5_pic.png) no-repeat 0px 5px;
border-bottom: 2px solid #555;
clear: both;
color: #B39E71;
display: block;
font-size: 12px;
font-weight: bold;
letter-spacing: 5px;
margin-bottom: 5px;
padding: 2px 0 2px 20px;
text-transform: uppercase;
}

ul.links {
font-size: 10px;
}

ul.links li {
border-bottom: 1px dotted #555;
}

ul.links li:hover {
background:url(images/arrow2.gif) no-repeat 218px 6px;
}

ul.links li a {
color: #b39e71;
display: block;
}

ul.links li a:hover, ul.links li a:focus {
color: #0B6A9E;
}

#footer1 {
clear: both;
padding-bottom:20px;
}

#footer1 ul {
float:right;
width:450px;
padding-bottom:20px;
}

#footer1 li {
display:inline;
font:13px "Trebuchet MS",Arial, Helvetica, sans-serif;
font-weight:400;
}

#footer1 ul li a {
color:#b39e71;
text-decoration:none;
}

#footer1 ul li a:hover {
text-decoration:underline;
}