html, body {
	margin: 0;
} /* ############################################################## geändert */

#wrapper
{
background-image:url("images/background.png");
background-position:left center;
background-repeat:repeat-y;
margin-bottom:1px;
margin-left:auto;
margin-right:auto;
/* margin-top:-7px; */ /* ############################################################## geändert */
padding:0px 35px;
text-align:left;
width:1024px;
overflow:hidden;
}
#header
{
background-repeat:no-repeat;
height:249px;
position:relative;
z-index:0;

}
#menubar
{

float:left;
/* height:31px; */ height: 30px;  /* ############################################################## geändert */
margin-left:58px;
margin-top:-30px;
position:relative;
width:600px;
z-index:10;
overflow: hidden; /* ############################################################## geändert */

}
#menubar ul
{
background-image:url("images/menubg.png");
background-repeat:repeat-x;
list-style:none;
margin:0px 0px;
/* padding:6px 0px; */ padding: 0; /* ############################################################## geändert */
/* width:589px; */ width: 600px; /* ############################################################### geändert */
float:left;
}
#menubar ul li 
{
display:inline;
/* margin:0px -2px 0px -2px; */  /* ############################################################## geändert */
padding:0px;
background-image:none;
}
#menubar ul li a
{
/* padding:6px 27px 6px 27px ; */ display: block; float: left; width: 120px; text-align: center; line-height: 30px; /* ############################################################## geändert */
text-decoration:none;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
}
#menubar ul li a:hover
{
background-image:url("images/hover.png");
background-repeat:repeat-x;
}
.current
 {
/* padding:6px 20px 7px 20px ; */ display: block; float: left; width: 117px; text-align: center; line-height: 30px; /* ############################################################## geändert */
text-decoration:none;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
 background-image:url("images/menuhover.png");
background-repeat:repeat-x;
 }
 .current:hover
 {
 }
/* #menubar span
{
background-image:url("images/menu-rounded.png");
width:11px;
height:30px;
float:right;
} */ /* ############################################################### geändert */
iframe
{
border:0px;
width:100%;
height:100%;
overflow:hidden;
}

#auftragsformular_banner{
margin-left:-15px;
}

#container
{
background-image:url("images/bg.png");
background-repeat:repeat-y;
float:left;
width:100%;
}
.play
{
width:34px;
height:34px;
}
#content
{
width:560px;
/* padding:0px 20px 20px 20px; */ padding:25px 20px 20px 20px; line-height: 1.3em; /* ##################################################### geändert */
margin:0px 60px 0px 64px;
float:left;

}
#content h2 {
	padding: 0;  margin: 18px 0 8px 0;/* ############################################# geändert */
}
#content ul {
	margin-top: 10px; margin-bottom: 10px; /* ############################################# geändert */
}
#content ul li {
	line-height: 1.6em;
}
#content .handeln {
	font-size: 85%;
	font-weight: bold;
	margin-top: 35px;
	margin-bottom: 45px;
}

#rightpanel
{
width:264px;
float:left;
/* color:#111; */ color: #58585a; /* ############################################################# geändert */
font-size:12px;
margin-left:-10px;
}
#rightpanel ul
{
padding:2px;
margin:2px 2px 2px 4px;
}
#rightpanel h2
{

/* background-image:url("images/straubingerLogo.png"); 
background-position:1% 1%;
background-repeat:no-repeat; */ /* ################################################## geändert */
margin-left:-2px;
/* margin-top:18px; */ margin-top:10px; /* ################################################## geändert */
/* padding-left:37px; */ padding-left:15px; /* ################################################## geändert */
padding-top:5px;;

}
#rightpanel h2 span
{
font-size:12px;
text-transform:uppercase;
}
.blue
{
color:#7FB8D6;
}
.blue a:hover
{
font-weight:bold;
}
#rightpanel img
{
/* margin-left:-15px; */ margin-left:-13px; margin-top: 8px; /* ################################################## geändert */

}
.arrow
{
background-image:url("images/arrow.png");
background-position:34% 59%;
background-repeat:no-repeat;
/* padding:1px 0px 1px 0px; */ padding:4px 0px 1px 0px; /* ################################################## geändert */
/* margin:0px -10px; */  /* ################################################## geändert */
list-style:none;
}
#container-bottom
{
background-image:url("images/bottom-line.png");
background-repeat:no-repeat;
height:66px;
/* margin:-1px auto 40px auto; */ margin:-30px auto 40px auto; /* ################################################## geändert */
text-align:center;
width:1092px;
padding:1px;
}
* html #container-bottom
{
margin: -1px 74px 40px 74px; 
}
#pic1
{
float:left;
margin-top:80px;


}

#pic2
{
float:right;
margin-top:83px;
margin-right:52px;

}

#pic1-text{
margin-top:321px;
position:absolute;

}
#pic1-text h1, #pic2-text h1
{
font-size:18px;
font-weight:normal;
}
#pic1-text h2, #pic2-text h2
{
font-size:15px;
font-weight:normal;
}
#pic2-text{
margin:322px 0 0 276px;
position:absolute;
}
.sub-content
{margin-top:500px;
position:relative;

}

.white-box{
background-image:url("images/box.jpg");
/* height:86px; */ height: 78px; /* ########################################################################################### geändert test*/
position:relative;
background-repeat:no-repeat;
/* width:551px; */ width:571px; /* ############################################################### geändert */
}
.black-box{
background-image:url("images/box-gray.png");
background-position:6px -17%;
background-repeat:no-repeat;
display:none;
height:86px;
/* width:551px; */ width:571px; /* ############################################################### geändert */
}

.white-box p a, a .white-box p
{
color:#9c9e9f;
font-weight:bold;
font-size:13px;
}

#q-mark{
background-image:url("images/icon-faq.png");

}

#w-container{
margin-top:26px;
margin-left: -10px; /* ############################################## geändert */
}
.black-box{
background-image:url("images/box-gray.png");
background-position:0px 0%;
background-repeat:no-repeat;
display:none;
height:86px;
/* width:551px; */ width:571px; /* ############################################################### geändert */
}
.white-box:hover
{
background-image:url("images/box-gray.png");
color:#fff;
background-repeat:no-repeat;
}
.white-box:hover p a,.white-box:hover h5,.white-box:hover h5 a, a:hover .white-box p
{
color:#FFFFFF;
}
.black-box a, a .black-box p
{
color:#fff;
font-weight: bold;
font-size: 13px;
}
.faq_heading{
}
.white-box p {
background-image:url("images/arrow.png");
background-position:right center;
background-repeat:no-repeat;
margin:47px 20px 0 30px;
position:absolute;
padding-right:12px;
}
.faq_heading {
margin:47px 20px 0 30px;
position:absolute;
padding-right:12px;
}

.black-box p{
background-image:url("images/arrow2.png");
background-position:right center;
background-repeat:no-repeat;
padding-right:20px;
color:#FFFFFF;
margin:47px 27px 0 30px;
position:absolute;
}
.black-box p a{
color:#FFFFFF;
font-weight:bold;
font-size:13px;
}

#i-mark{
background-image:url("images/icon2-faq.png");
}
.wtext{

background-image:url("images/text-bg.png");
background-color:#fff;
background-repeat:no-repeat;
display:none;
margin-left:33px;
margin-top:-10px;
padding-bottom:5px;
padding-left:15px;
padding-right:24px;
padding-top:15px;
position:relative;
/* width:435px; */ width:450px; /* ############################################################### geändert */
}
.wtext p{
margin:4px;
line-height:22px;
margin-bottom: 15px;
}

.black-box h5{
color:#FFFFFF;
font-size:17px;
margin:25px 20px 0 30px;
position:absolute;
width:432px; 
}

.white-box h5{
color:#5C92B6;
font-size:17px;
margin:25px 20px 0 30px;
position:absolute;
width:432px; 

}
.white-box h5 a, a .white-box h5
{
/* color:#9c9e9f; */ color: #5d92b6; /* ################################################ geändert */
}
.black-box h6{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:40px 27px 0 30px;
position:absolute;
width:420px;
}
.white-box h6{
font-size:17px;
font-weight:bold;
margin:40px 27px 0 30px;
position:absolute;
width:420px;
}
#icon1,#icon2,#icon3,#icon4,#icon5,#icon6,#icon7,#icon8,#icon11,#icon21,#icon31,#icon41,#icon51,#icon61,#icon71,#icon81,#q-mark,#i-mark 
{
background-repeat:no-repeat;
float:right;
height:104px;
margin-left:0;
margin-right:0;
margin-top:-18px;
position:relative;
width:112px;
margin-bottom: -10px; z-index: 10;/* margin-bottom:0; ########################################################################################### geändert test*/
}
#q-mark,#i-mark 
{
margin-top:-18px;
height:104px; 
z-index: 10; /* ########################################################################################### geändert test*/
width:110px;
}
#icon1
{
background-image:url("images/icon1.png");
}
#icon2{
background-image:url("images/icon2.png");
}
#icon3{
background-image:url("images/icon3.png");
}
#icon4{
background-image:url("images/icon4.png");
background-repeat:no-repeat;
}
#icon5{
background-image:url("images/icon5.png");
}
#icon6{
background-image:url("images/icon6.png");
}
#icon7{
background-image:url("images/icon7.png");
}
#icon8{
background-image:url("images/icon8.png");
}

#icon11{
background-image:url("images/icon1.png");


}
#icon21{
background-image:url("images/icon2.png");

}
#icon31{
background-image:url("images/icon3.png");

}
#icon41{
background-image:url("images/icon4.png");

}
#icon51{
background-image:url("images/icon5.png");

}
#icon61{
background-image:url("images/icon6.png");

}
#icon71{
background-image:url("images/icon7.png");

}
#icon81{
background-image:url("images/icon8.png");

}

#texts {
	width: 463px;
	margin: 0 auto;
}
#text1,#text2{
float:left;
padding-bottom:5px;
padding-top:5px;
text-align:left;
/* padding-left:12px;
padding-right:12px;
width:316px; */ width: 225px; /* ######################################################### geändert */
font-size: 70%;
color: #696a6c;
}
#text2{
	margin-left: 10px;
}
#text1 h5{
color:#696a6c;
}
#text2 h5{
color:#696a6c;
}
.img-map{
background-image:url("images/map.png");
height:284px;
margin:0 auto;

text-align:center;
width:463px;
}


.contact  {
background-color:white;
overflow:hidden;
padding:22px;
width:495px;
}


.contact h2{
text-align:left;
}

/*********************************************************************/
#copy1{
display:none;
}
#dis1{
display:none;
}
#daten1{
display:none;
}
#impressum1
{
display:none;
}
.arrow1
{
background-image:url("images/arrow3.png");
/* background-position:35% 75%; */ background-position:34% 59%; /* ################################################## geändert */
background-repeat:no-repeat;
list-style:none outside none;
/* padding:0 16px 0 0; */ padding:4px 0px 1px 0px; /* ################################################## geändert */
/* margin-left:-10px; */  /* ################################################## geändert */
font-weight: bold; /* ################################################## geändert */
}
.my-text{

color:#787878;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;

}

#inline1 table {
	width: 375px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#name{
background-image:url("images/name_14.png");
width:350px;
}
#tele{
background-image:url("images/telefon_18.png");
width:175px;
}
#email{
background-image:url("images/telefon_18.png");
width:175px;
}
#email,#name,#tele
{
border:0px;
background-repeat:no-repeat;
margin-bottom: 40px; /* ###################################################### geändert */
}

.contact {
overflow:hidden;
padding:22px;
width:495px;
}

#tarea{
background-image:url("images/description-box_03.png");
background-repeat:no-repeat;
border:medium none;
height:142px;
width:350px;
}
/****************************************************************/
#impressum a:hover,#daten a:hover,#dis a:hover,#copy a:hover
{
font-weight:bold;
}
#errors
{
font-size:11px;
color:red;

}
