/*
*********************************************

    (c) 2009 www.covitec.de
              fuer
    www.straesser-werbung.de
 
*********************************************
*/




/*
*********************************************

    Allgemeine Angaben

*********************************************
*/

* {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}


body {
	position: relative;
	color: #373737;
	background-color: #F7C755;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

a {
	color: #A6A6A6;
	text-decoration: none;
}

a:hover {
	color: #91C81F;
}

img {
	border: none;
}



/*
*********************************************

    Container
	border: 1px solid #FF0000;

*********************************************
*/
#web {
	position: relative;
	width: 975px;
	height: 550px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 1px solid #FBB03F;
	text-align: left;
	z-index: 1;
	background-color: #FFFFFF;
}

#web.start {
	background-color: transparent;
}

#footer {
	position: relative;
	width: 975px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background-color: #F7C755;
	z-index: 1;
}

#footer p {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#footer p a {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	display: block;
}

#footer p a.footer_links {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	display: inline;
	color: #FFFFFF;
}

#footer p a:hover.footer_links {
	color: #91C81F;
}


/*
*********************************************

    Banner
	border: 1px solid #FF0000;

*********************************************
*/
#banner {
	position: relative;
	width: 975px;
	height: 70px;
	border-top: 1px solid #FBB03F;
	z-index: 7;
}

#banner_img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 975px;
	z-index: 5;
}

#logot {
	position: absolute;
	top: 7px;
	left: 11px;
}


ul#menue {
	position: relative;
	margin: 25px 0px 0px 200px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
	display: block;
}

ul#menue li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

ul#menue li a, ul#menue li a.aktiv:hover {
	text-decoration: none;
    display: block;
    float: left;
    height: 20px;
    margin-right: 6px;
    padding-right: 16px;
	z-index: 100;
	background: none;
}

ul#menue li a:hover, ul#menue li a.aktiv {
	text-decoration: none;
    background: transparent url(menue1_button_a.gif) no-repeat top right;
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

ul#menue li a span, ul#menue li a.aktiv:hover span {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
    display: block;
    line-height: 14px;
    padding: 3px 0 3px 16px;
	background: none;
}


ul#menue li a:hover span, ul#menue li a.aktiv span {
    background: transparent url(menue1_button_div.gif) no-repeat;
    background-position: bottom left;
	color: #FBB03F;
}





/*
*********************************************

    Start
	border: 1px solid #FF0000;

*********************************************
*/
#content.start {
	z-index: 1;
}

#bild_unten {
	position: absolute;
	bottom: 0px;
	width: 975px;
	height: 290px;
	background-image: url(unten.png);
}

#startbildvor {
	position: absolute;
	top: 70px;
	z-index: -1;
}

#startbild {
	position: relative;
}

#startbild img {
	position: absolute;
	width: 975px;
}

#start_box_aktuelles {
	position: absolute;
	width: 278px;
	height: 132px;
	top: 335px;
	left: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
    background: transparent url('start_box.gif') no-repeat;
	z-index: 20;
}

#start_box_straesser {
	position: absolute;
	width: 278px;
	height: 132px;
	top: 335px;
	right: 45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    background: transparent url('start_box.gif') no-repeat;
	text-align: left;
	z-index: 20;
}

#start_box_aktuelles h1, #start_box_straesser h1 {
	width: 258px;
	margin: 6px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
    color: #FBB03F;
}

#start_box_aktuelles h2 {
	width: 258px;
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
    color: #A6A6A6;
}

#start_box_aktuelles p {
	width: 238px;
	margin: 5px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
    color: #A6A6A6;
}

#start_box_straesser p {
	width: 238px;
	margin: 25px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
    color: #A6A6A6;
}

a#start_weiter {
	position: absolute;
	bottom: 15px;
	right: 20px;
	z-index: 60;
}

/*
*********************************************

    Content
	border: 1px solid #FF0000;

*********************************************
*/
#content {
	position: relative;
	width: 975px;
	height: 480px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	z-index: 10;
}

#links {
	position: relative;
	width: 195px;
	height: 480px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	float: left;
	z-index: 1;
}

#links_unten {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 195px;
	height: 220px;
	margin: 0px 0px 0px 0px;
	text-align: left;
    background-color: #FBB03F;
}

#links_unten .schwung {
	position: absolute;
	top: -100px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#links object {
	position: absolute;
	top: 20px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}


#main {
	position: relative;
	width: 730px;
	height: 420px;
	margin: 0px 0px 0px 15px;
	padding: 60px 0px 0px 20px;
	text-align: left;
	float: left;
	z-index: 10;
}

#main h1 {
	position: relative;
	width: 300px;
	height: 28px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 22px;
	font-weight: normal;
    color: #FFFFFF;
    background: transparent url('headline_streifen.gif') no-repeat 0px 2px;
}

#main h2 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	font-size: 12px;
	font-weight: bold;
    color: #A6A6A6;
}

.philosophie {
	position: relative;
	width: 215px;
	position: relative;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.kundenstimme {
	position: relative;
	width: 215px;
	position: relative;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.kbox {
	position: relative;
	height: 320px;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}

.kbox h3 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 11px;
	font-weight: bold;
    color: #FBB03F;
}

.kbox h3 a {
    color: #FBB03F;
}

.kbox h3 a:hover {
    color: #91C81F;
}

.kbox h4 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	font-size: 11px;
	font-weight: normal;
    color: #FBB03F;
}

.kbox p {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #A6A6A6;
	text-align: justify;
}

a#krueckwaerts {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 60;
}

a#kvorwaerts {
	position: absolute;
	bottom: 20px;
	right: 0px;
	z-index: 60;
}

#adresse {
	position: relative;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#adresse p {
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #A6A6A6;
}

.aktuelles {
	position: relative;
	width: 270px;
	position: relative;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.impressum {
	position: relative;
	width: 315px;
	position: relative;
	margin: 0px 45px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.ibox {
	position: relative;
	height: 300px;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	overflow: auto;
}

.mitarbeiter {
	position: relative;
	width: 180px;
	height: 80px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #A6A6A6;
	float: left;
	display: block;
}

.mitarbeiter img {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.mitarbeiter h3 {
	position: relative;
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

.mitarbeiter h4 {
	position: relative;
	width: 130px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 10px;
	font-weight: normal;
	float: left;
}


/*
*********************************************

    Referenzen
	border: 1px solid #FF0000;

*********************************************
*/
#reffirmen {
	position: relative;
	width: 230px;
	height: 340px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#reffirmen ul {
	position: relative;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
	display: block;
}

#reffirmen li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
}

#reffirmen li a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	color: #A6A6A6;
}

#reffirmen li a:hover, #reffirmen li a.aktiv {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FBB03F;
	font-weight: bold;
}

a#rrueckwaerts {
	position: absolute;
	bottom: 5px;
	left: 10px;
}

a#rvorwaerts {
	position: absolute;
	bottom: 5px;
	left: 30px;
}

a#arueckwaerts {
	position: absolute;
	top: 125px;
	left: 560px;
}

a#avorwaerts {
	position: absolute;
	top: 125px;
	left: 590px;
}

.referenzen {
	position: relative;
	width: 215px;
	height: 168px;
	margin: 0px 15px 15px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.rbox {
	position: relative;
	height: 120px;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 5px 5px;
	text-align: center;
}

.rbox p.bild {
	position: relative;
	width: 205px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.referenzen p {
	position: relative;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	color: #A6A6A6;
	text-align: left;
}

a#rufprofil {
	position: absolute;
	bottom: 170px;
	left: 505px;
	display: block;
}

a#rurueckwaerts {
	position: absolute;
	bottom: 110px;
	right: 230px;
}

a#ruvorwaerts {
	position: absolute;
	bottom: 110px;
	right: 200px;
}

.firma {
	position: relative;
	width: 360px;
	margin: 0px 15px 20px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.fbox {
	position: relative;
	height: 220px;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 5px 5px;
	text-align: left;
}

.fbox h3 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
    color: #FBB03F;
}

.fbox p {
	position: relative;
	width: 350px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

a#reffirma {
	position: absolute;
	width: 360px;
	top: 370px;
	left: 270px;
}

#ref_sort {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 9px;
	font-weight: normal;
    color: #A6A6A6;
}

#ref_sort a {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 9px;
	font-weight: normal;
    color: #A6A6A6;
}

#ref_sort a:hover {
	font-weight: bold;
    color: #91C81F;
}

/*
*********************************************

    Kontaktform
	border: 1px solid #FF0000;

*********************************************
*/



#kontaktform {
	position: relative;
	width: 340px;
	height: 420px;
	position: relative;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	overflow: auto;
}

#kontaktform h2 {
	position: relative;
	width: 220px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 110px;
	font-size: 15px;
	font-weight: normal;
    color: #FFFFFF;
    background: transparent url('headline_streifen_schmal.gif') no-repeat 100px 0px;
}

#kontaktform ul {
	width: 320px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	float: left;
	clear: left;
}

#kontaktform ul li {
	width: 320px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: both;
}

#kontaktform ul li label {
	width: 100px;
	height: 22px;
	margin: 3px 10px 0px 0px;
	text-align: right;
	float: left;
}

#kontaktform ul li input {
	width: 200px;
	height: 22px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 5px 0px 5px;
	background: url(input.gif) no-repeat right top;
	border: 0px solid #FF0000;
}


#kontaktform ul li textarea {
	width: 200px;
	height: 98px;
	margin: 0px 0px 0px 0px;
	padding: 4px 5px 0px 5px;
	background-image: url(nachricht.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border: 0px solid #FF0000;
	overflow: hidden;
}

#kontaktform ul li input.button {
	width: 100px;
	margin: 0px 0px 0px 110px;
	padding: 0px 0px 3px 0px;
	background: url(absenden.gif) no-repeat 0px 0px;
}

#kontaktform ul li input.button:hover {
	background: url(absendena.gif) no-repeat 0px 0px;
}

#kontaktform .fehler {
	width: 320px;
	font-size: 10px;
	font-weight: normal;
	float: left;
	margin: 5px 0px 5px 10px;
	padding: 0px 5px 0px 0px;
	color: #CC0000;
	text-decoration: blink;
	clear: both;
}



/*
*********************************************

    Boxes
	border: 1px solid #FF0000;

*********************************************
*/

.orange_ro {
	background:url(orange_ro.gif) top right no-repeat;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}

.orange_lo {
	background:url(orange_lo.gif) top left no-repeat;
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
}

.orange_ru {
	background:url(orange_ru.gif) bottom right no-repeat;
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
}

.orange_lu {
	background:url(orange_lu.gif) bottom left no-repeat;
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
}