@charset "utf-8";

/*general + text start*/
body {
	padding: 0;
	margin: 0;
	background-image: url(../images/background_browser.png);
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 17px;
	margin-top: 5px;
}

p a {
	color: #000;	
	text-decoration: underline;
}

p a:hover {
	text-decoration: none;
}

#box_fertiggaragen p a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#box_fertiggaragen p a:hover {
	color: #ff2da1;
}

#box_willkommen p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 15px;
	margin-bottom: 5px;
}

#box_sub_willkommen_header p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 15px;
	margin-bottom: 0px;
	font-weight: bold;
	margin-left: 10px;
	padding-top: 6px;
	text-align: center;
}

#box_sub_willkommen_middle p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 15px;
	margin-bottom: 0px;
	font-weight: bold;
	margin-left: 40px;
	padding-top: 10px;
	text-align: left;
}

#box_sub_fertiggaragen_header p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 15px;
	margin-bottom: 0px;
	font-weight: bold;
	margin-left: 10px;
	padding-top: 6px;
	text-align: center;
}

#box_sonderabmessungen p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #fff;
	line-height: 13px;
	margin-top: 5px;
}

#box_baugesetze p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #fff;
	line-height: 13px;
	margin-top: 5px;
}

#box_unterstuetzung p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #000;
	line-height: 13px;
	margin-top: 5px;
}

#box_impressum p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #000;
	line-height: 15px;
	margin-bottom: 5px;
}

#box_kontakt p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #000;
	line-height: 15px;
	margin-bottom: 5px;
}

#box_lieferpreisgarantie p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #000;
	line-height: 13px;
	margin-top: 5px;
}

#box_bauantragsservice p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #000;
	line-height: 13px;
	margin-top: 5px;
}

.text_title_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	margin: 0;
	line-height: 17px;
}

.text_small_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0;
	line-height: 12px;
}

.ul_sitemap { 	
	color: #fff;
}

.ul_sitemap li a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 17px;
}

.ul_sitemap li a:hover {
	color: #ff2da1;
	text-decoration: none;
}
/*general + text end*/

/*layout start*/
#container {
	width: 1000px;
	margin: auto; /*Layout centered*/	
}

#stage {
	position: absolute;
	background-color: #CCC;
	background-image: url(../images/background_stage.png);
	background-repeat: repeat-y;			
}

#header {
	position: absolute;
	left: 10px;
	height: 98px;
	width: 844px;
	background-image: url(../images/background_header.png);
	background-repeat: no-repeat;
}

#header_ani {
	position: absolute;
	left: 10px;
	height: 60px;
	width: 713px;
}

#wrapper {
	margin-left: 10px;
}

#content {
	margin-top: 98px;
	width: 844px;
	float: left;
	background-image: url(../images/filler_content.png);
	background-repeat: repeat-y;
}

#header_content {
	position: absolute;	
	height: 75px;
	width: 577px;
	background-image: url(../images/header_content.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 55px;
	padding-left: 30px;
}

#content_right {
	width: 237px;
	float: left;
	background-color: #f6f6f6;
}

#content_left {
	width: 607px;
	float: left;
	padding-left: 0px;
	margin-top: 75px;	
}

#visual {
	position: absolute;
	width: 607px;
	height: 377px;
	background-image: url(../images/filler_content.png);
	background-repeat: repeat-y;
	z-index: 5;
}

/*#filler_content {
	background-image: url(../images/filler_content.png);
	background-repeat: repeat-y;

}*/

#content_text {
	position: relative;
	width: 560px;
	z-index: 10;
	padding-left: 30px;
}

.text_middle {
	float: right;
	padding-left: 210px;
}

#box_ausstattung {
	width: 237px;
	height: 224px;
	background-image:url(../images/box_back_ausstattung.png);
	background-repeat: no-repeat;
}

#box_bilder {
	width: 237px;
	height: 228px;
	background-image:url(../images/box_back_bilder.png);
	background-repeat: no-repeat;
}

#box_preise {
	width: 237px;
	height: 224px;
	background-image:url(../images/box_back_preise.png);
	background-repeat: no-repeat;
}

#box_sonderabmessungen {
	width: 167px;
	height: 163px;
	background-image:url(../images/box_back_sonderabmessungen.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-right: 40px;
	padding-top: 65px;
}

#box_baugesetze {
	width: 167px;
	height: 163px;
	background-image:url(../images/box_back_baugesetze.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-right: 40px;
	padding-top: 65px;
}

#box_unterstuetzung {
	width: 167px;
	height: 382px;
	background-image:url(../images/box_back_unterstuetzung.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-right: 40px;
	padding-top: 70px;
}

#box_lieferpreisgarantie {
	width: 167px;
	height: 382px;
	background-image:url(../images/box_back_lieferpreisgarantie.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-right: 40px;
	padding-top: 70px;
}

#box_impressum {
	width: 167px;
	height: 382px;
	background-image:url(../images/box_back_impressum.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-right: 40px;
	padding-top: 70px;
}

#box_kontakt {
	width: 167px;
	height: 382px;
	background-image:url(../images/box_back_kontakt.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-right: 40px;
	padding-top: 70px;
}


#box_zubehoer {
	position: absolute;
	margin-top: 169px;
	margin-left: 7px;
	width: 600px;
	height: 283px;
	background-image:url(../images/box_back_zubehoer.jpg);
	background-repeat: no-repeat;
	z-index: 15;
	padding-left: 82px;
	padding-top: 52px;
}

#box_garagendesigner {
	margin-top: 0px;
	margin-left: 0px;
	width: 607px;
	height: 452px;
	z-index: 15;
	float: left;
}

#box_bodenarbeiten {
	position: absolute;
	margin-top: 224px;
	margin-left: 7px;
	width: 837px;
	height: 228px;
	background-image:url(../images/box_back_bodenarbeiten.png);
	background-repeat: no-repeat;
	z-index: 15;
	padding-left: 151px;
	padding-top: 80px;
}

#box_bauantragsservice {
	width: 167px;
	height: 154px;
	background-image:url(../images/box_back_bauantragsservice.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-right: 40px;
	padding-top: 70px;	
}

#box_angebote {
	position: absolute;
	margin-top: 299px;
	margin-left: 7px;
	width: 201px;
	height: 153px;
	background-image:url(../images/box_back_angebote.png);
	background-repeat: no-repeat;
	z-index: 15;
}

#box_exklusiv-garagen {
	position: absolute;
	margin-top: 299px;
	margin-left: 7px;
	width: 201px;
	height: 153px;
	background-image:url(../images/box_back_exklusiv-garagen.png);
	background-repeat: no-repeat;
	padding-top: 41px;
	z-index: 15;
}

#box_willkommen {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	width: 148px;
	height: 459px;
	background-image:url(../images/box_back_willkommen.png);
	background-repeat: no-repeat;
	z-index: 15;
	padding-top: 60px;
	padding-left: 30px;
	padding-right: 30px;
}

#box_teaser {
	position: absolute;
	margin-top: 270px;
	margin-left: 23px;
	width: 148px;
	height: 50px;
	z-index: 20;
}

#box_sub_willkommen {
	position: absolute;
	margin-top: 311px;
	margin-left: 0px;
	width: 208px;
	height: 459px;
	background-image:url(../images/box_back_sub_willkommen.png);
	background-repeat: no-repeat;
	z-index: 20;
}

#box_sub_fertiggaragen {
	position: absolute;
	margin-top: 353px;
	margin-left: 635px;
	width: 208px;
	height: 459px;
	z-index: 20;
}

#box_visual_home {
	position: absolute;
	margin-top: 0px;
	margin-left: 208px;
	width: 636px;
	height: 230px;
	background-image:url(../images/box_back_visual_home.jpg);
	background-repeat: no-repeat;
	z-index: 15;
}

#box_fertiggaragen {
	position: absolute;
	margin-top: 230px;
	margin-left: 208px;
	width: 636px;
	height: 166px;
	background-image:url(../images/box_back_fertiggaragen.jpg);
	background-repeat: no-repeat;
	z-index: 15;
	padding-top: 63px;
	padding-left: 13px;
}

#box_entlueftung {
	position: absolute;
	margin-top: 131px;
	margin-left: 7px;
	width: 201px;
	height: 321px;
	background-image:url(../images/box_back_belueftung.png);
	background-repeat: no-repeat;
	z-index: 15;
}

#footer_content {
	height: 27px;
	width: 844px;
	background-image: url(../images/footer_content.png);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
	background-color: #CCC;
}

#banner_left {
	width: 125px;
	padding-left: 11px;
	float: left;
	margin-bottom: 10px;
}

#footer_links {
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;	
}

#footer_links a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}

#footer_links a:hover {
	color: #ff2da1;

}

#spacer_footer {
	height: 10px;
	clear: both;	
}

#footer {
	clear: both;
	height: 23px;
	width: 998px;
	background-color: #FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
}
/*layout end*/

/*footer start*/
#footer_left {
	float: left;
}

#footer_right {
	float: right;
}

#footer ul {	
	margin: 0px;
	padding-top: 0px;	
	padding-left: 7px;
	list-style-type: none;
	text-align: left;
}

#footer ul li { 
	float: left;
}

#footer ul li a {	
	text-decoration: none;
	padding-right: 19px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}

#footer li a:hover {
	color: #ff2da1;
}
/*footer end*/

/*mainnav start*/
#mainnavigation {
}

#mainnavigation ul {
	margin: 0px;
	padding-top: 61px;	
	padding-left: 15px;
	list-style-type: none;
	text-align: left;
}

#mainnavigation ul li { 
	float: left;
}

#mainnavigation ul li a {	
	text-decoration: none;
	padding-right: 19px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#mainnavigation li a:hover {
	color: #ff2da1;
}
/*mainnav end*/

/*nav ausstattung start*/
#box_ausstattung ul {
	margin: 0px;
	padding-top: 62px;	
	padding-left: 63px;
	list-style-type: none;
	text-align: left;
}

#box_ausstattung ul li {
	display: block;
	height: 40px;
}

#box_ausstattung li a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}

#box_ausstattung li a:hover {
	color: #ff2da1;
}
/*nav ausstattung end*/

/*nav bilder start*/
#box_bilder ul {
	margin: 0px;
	padding-top: 64px;	
	padding-left: 30px;
	list-style-type: none;
	text-align: left;
}

#box_bilder  ul li {
	display: block;
	background-image: url(../images/bullet_magenta.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 6px;
	height: 30px;
	line-height: 19px;
}

#box_bilder li a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

#box_bilder li a:hover {
	color: #ff2da1;
}
/*nav bilder end*/

/*nav angebot start*/
#box_angebote ul {
	margin: 0px;
	padding-top: 64px;	
	padding-left: 16px;
	list-style-type: none;
	text-align: left;
}

#box_angebote ul li {
	display: block;
	background-image: url(../images/bullet_magenta.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 4px;
	line-height: 15px;
}

#box_angebote li a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

#box_angebote li a:hover {
	color: #ff2da1;
}
/*nav angebot end*/

/*nav preise start*/
#box_preise ul {
	width: 170px;
	margin: 0px;
	padding-top: 108px;	
	padding-left: 28px;
	list-style-type: none;
	text-align: left;
}

#box_preise ul li {
	display: block;
	background-image: url(../images/bullet_magenta.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 4px;
	line-height: 15px;
}

#box_preise li a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

#box_preise li a:hover {
	color: #ff2da1;
}
/*nav preise end*/

/*nav sub willkommen start*/
#box_sub_willkommen ul {
	margin: 0px;
	padding-top: 13px;	
	padding-left: 31px;
	list-style-type: none;
	text-align: left;
}

#box_sub_willkommen ul li {
	display: block;
	background-image: url(../images/bullet_magenta.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 4px;
	line-height: 15px;
	margin: 0px;
}

#box_sub_willkommen li a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

#box_sub_willkommen li a:hover {
	color: #ff2da1;
}
/*nav sub willkommen end*/

/*nav sub fertiggaragen start*/
#box_sub_fertiggaragen ul {
	margin: 0px;
	padding-top: 22px;	
	padding-left: 43px;
	list-style-type: none;
	text-align: left;
}

#box_sub_fertiggaragen ul li {
	display: block;
	background-image: url(../images/bullet_magenta.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 4px;
	line-height: 15px;
	margin: 0px;
}

#box_sub_fertiggaragen li a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

#box_sub_fertiggaragen li a:hover {
	color: #ff2da1;
}
/*nav sub fertiggaragen end*/

/*nav entlueftung start*/
#box_entlueftung ul {
	margin: 0px;
	padding-top: 232px;	
	padding-left: 16px;
	list-style-type: none;
	text-align: left;
}

#box_entlueftung ul li {
	display: block;
	background-image: url(../images/bullet_magenta.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 4px;
	line-height: 15px;
}

#box_entlueftung li a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

#box_entlueftung li a:hover {
	color: #ff2da1;
}
/*nav entlueftung  end*/


/*misc start*/
.clear {
	clear:both;
}
img {
	border: none;
}

.fertiggaragen_col_left {
	width: 202px;
	float: left;
}

.fertiggaragen_col_middle {
	width: 221px;
	float: left;

}

.fertiggaragen_col_right {
	float: left;
}

.seperator_fertiggaragen {
	height: 65px;
}

.zubehoer_row_left {
	width: 110px;
	float: left;
}

.zubehoer_row_middle {
	width: 110px;
	float: left;
	margin-left: 85px;
}

.zubehoer_row_right {
	width: 110px;
	float: left;
	margin-left: 85px;
}

.seperator_zubehoer {
	height: 30px;
}

.bodenarbeiten_row_left {
	width: 130px;
	float: left;
}

.bodenarbeiten_row_middle {
	width: 130px;
	float: left;
	margin-left: 139px;
}

.bodenarbeiten_row_right {
	width: 130px;
	float: left;
	margin-left: 138px;
}

.pic_col_left {
	width: 175px;
	float: left;
}

.pic_col_right {
	width: 370px;
	position: absolute;
	margin-top: 42px;
	margin-left: 236px;
	z-index: 15;
}

.pic_col_right img {
	padding: 5px;
}
/*misc end*/

/*form start*/
label {
	width: 85px;
	padding-top: 3px;
	float:left;
}

.textfield {
	width: 200px;
	height: 18px;
	border: 1px solid #637291;
	padding-left: 3px;
}

.send {
	margin-left: 85px;
}

textarea {
	border: 1px solid #637291;
	padding-left: 3px;
}

.formitem {
	margin-bottom: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #fff;
}
/*form end*/