@charset "utf-8";

/* :: (c) 2009 by hikelCOM.de :: */

/* ===== general ===== */

*
{
	margin: 0;
	padding: 0;
	/*border: 0;*/
	font-family: Arial, Calibri, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
}


html
{
	height: 101%;
	margin: 0 0 1px 0;
}


body
{
	background: url(../img/design/design_site-bg.gif) #ff6600 repeat-x;
	background-attachment: fixed;
}


.missing
{
	display: inline-block;
	color: #0a0;
	font-weight: bold;
	border: 1px dashed #0f0;
	padding: 10px;
	background: #fff;
}


a
{
	outline: none;
}


body.popup
{
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	background: #333;
	padding: 10px;
	margin: 0;
}


.popup a
{
	float: right;
	color: #fff;
}


.popup a:hover
{
	color: #d6725e;
}


form
{
	display: inline;
	
}

.cleanup
{
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: -1px 0;
	visibility: hidden;
}


.left-floater
{
	float: left;
}


.right-floater
{
	float: right;
}


.righter
{
	text-align: right;
}


.lefter
{
	text-align: left;
}


.centerer
{
	text-align: center;	
}


.topper
{
	vertical-align: top;
}


.bottomer
{
	vertical-align: bottom;
}


.pointer
{
	cursor: pointer;	
}


.inline-blocker
{
	display: inline-block;
}


.activated
{
	display: inline;
}


.deactivated
{
	display: none;
}


.bolderer
{
	font-weight: bold;	
}


.nobr
{
	white-space: nowrap;	
}

.text-hl
{
	font-weight: bold;
	color: #8e3e08;
	border: 0;
	text-align: left;
	font-size: 14px;
	padding: 0;
	margin: 20px 0 7px 0;
}




/* ===== container + head ===== */


#site
{
	width: 895px;
	margin: 0 auto;
	/*border: 2px solid yellow;*/
}


#container-head
{
	width: 875px;
	height: 128px;
	margin: 0 10px 0 10px;
	padding: 0;
	text-align: left;
	/*border: 1px solid magenta;*/
}


/* ===== logo ===== */

#logo
{
	position: relative;
}

#logo img
{
	position: absolute;
	top: 25px;
	left: 40px;
	width: 283px;
	height: 89px;
	padding: 0;
	margin: 0;
	/*border: 1px solid blue;*/
}


#woman-on-top
{
	position: relative;
}
	
#woman-on-top img
{
	position: absolute;
	top:  8px;
	left: 480px;
	width: 270px;
	height: 134px;
	padding: 0;
	margin: 0;
	/*border: 1px solid green;*/
}


/* ===== main-nav ===== */

#nav-list
{
	padding: 0;
	margin: 0 10px 0 10px;
	width: 875px;
	height: 95px;
	background: url(../img/design/design_streifen-bg-hell.gif) repeat;
	/* wenn folgende border nicht gesetzt wird, hauts im firefox nicht hin */
	border: 1px solid rgb(255, 143, 40);
	
	/*border: 1px solid blue;*/
}


/* ===== banner + subnav ===== */

#container-banner
{
	width: 875px;
	height: 170px;
	padding: 0;
	margin: 0 0 0 10px;
	background: url(/shared/img/banner_1.jpg) no-repeat;
	/*border: 2px solid blue;*/
}

#container-banner-1,
#container-banner-2,
#container-banner-3,
#container-banner-4,
#container-banner-5,
#container-banner-6,
#container-banner-7,
#container-banner-8,
#container-banner-9
{
	width: 875px;
	height: 170px;
	background-color: #333;
	/*border: 1px solid rgb(204, 179, 112);*/
}

#container-banner-1
{
	background: url(../img/banner_1.jpg) 0 0 no-repeat;
}


#container-banner-2
{
	background: url(../img/banner_3.jpg) 0 0 no-repeat;
}


#container-banner-3
{
	background: url(../img/banner_3.jpg) 0 0 no-repeat;
}


#container-banner-4
{
	background: url(../img/banner_4.jpg) 0 0 no-repeat;
}


#container-banner-5
{
	background: url(../img/banner_2.jpg) 0 0 no-repeat;
}

#container-banner-6
{
	background: url(../img/banner_6.jpg) 0 0 no-repeat;
}

#container-banner-7
{
	background: url(../img/banner_7.jpg) 0 0 no-repeat;
}

#container-banner-8
{
	background: url(../img/banner_8.jpg) 0 0 no-repeat;
}

#container-banner-9
{
	background: url(../img/banner_9.jpg) 0 0 no-repeat;
}

/* ===== banner + adverts ===== */

#box-banner
{
	width: 875px;
	height: 183px;
	padding: 0;
	margin: 0 0 0 10px;
	background: url(/shared/img/design/design_streifen-bg.gif) repeat;
	/*border: 2px solid red;*/
}

.link-box
{
	float: left;
	width: 409px;
	padding: 0 0 0 19px;
	margin: 19px 0 19px 0;
	/*border: 1px solid blue;*/
}

.link-box a span
{
	display: block;
	text-transform: uppercase;
	background-color: #d6725e;
	color: white;
	text-align: center;
	text-decoration: none;
}

.link-box a:hover span
{
	color: black !important;
	text-decoration: none;
}

.linkimage
{
	padding: 0;
	margin: 0;
	/*border: 2px solid green;*/
}

.boxlink
{
	width: 100%;
	line-height: 24px;
	padding: 0;
	margin: 0;
	/*border: 2px solid magenta;*/
}



/* ===== container + content ===== */

#container-content
{
	width: 894px;
	padding: 0 0 0 4px;
	margin: -10px 0 0 0;
	/*border: 1px solid cyan;*/
}


#content-bg-oben
{
	float: left;
	width: 894px;
	height: 13px;
	background: transparent url(../img/design/design_content-bg-oben.png) no-repeat;
	padding: 0;
	margin: 0;
	/*border: 2px solid black;*/	
}


#content-bg-unten
{
	float: left;
	width: 894px;
	height: 23px;
	background: transparent url(../img/design/design_content-bg-unten.png) no-repeat;
	padding: 0;
	margin: 0;
	/*border: 2px solid black;	*/
}



#content-bg-mitte
{
	float: left;
	width: 894px;
	background: url(../img/design/design_content_kachel-lire.png) repeat-y;
	padding: 0;
	margin: 0;
	/*border: 2px solid black;*/	
}



#content-box-bg
{
	width: 894px;
	background: transparent url(../img/design/design_content_verlauf-lire.gif) no-repeat;
	margin: 0 0 0 6px;
	padding: 0;
	/*border: 2px solid cyan;*/
}


#content-box
{
	width: 856px;
	background: transparent url(../img/design/design_content_verlauf-lire.gif) no-repeat;
	margin: 0;
	padding: 19px 19px 50px 19px;
	/*border: 2px solid magenta;*/
}



#con_1_left
{
	float: left;
	width: 198px;
	margin: 0 19px 0 0;
	padding: 0;
	/*border-right: 1px solid rgb(153, 0, 0);*/
	/*border: 1px dashed green;*/
}

#con_1_mid
{
	float: left;
	width: 404px;
	margin: 0 19px 0 0;
	padding: 0;
	/*border: 1px dashed blue;*/
}


#con_1_right
{
	float: left;
	width: 198px;
	margin: 0;
	padding: 0;
	/*border: 1px dashed red;*/
}


#con_2_left
{
	float: left;
	width: 198px;
	margin: 0;
	padding: 0;
	/*border: 1px dashed yellow;*/
}

#con_2_right
{
	float: left;
	width: 618px;
	margin: 0 0 0 19px;
	padding: 0;
	/*border: 1px dashed orange;*/
}

#con_3_all
{
	float: left;
	width: 838px;
	margin: 0;
	padding: 0;
	/*border: 1px dashed cyan;*/
}

#con_3_left
{
	float: left;
	width: 409px;
	margin: 0 19px 0 0;
	padding: 0;
	border-right: 1px solid #333;
}

#con_3_right
{
	float: left;
	width: 409px;
	margin: 0;
	padding: 0;
	/*border: 1px dashed magenta;*/
}


/* ===== preisliste ===== */


.preisliste
{
	/*float: left;*/
	width: 398px;
	padding: 0;
	margin: 0;
	/*border: 1px dashed green;*/
}

.preisliste-beschreibung
{
	float: left;
	width: 268px;
	padding: 0;
	margin: 0;
	/*border: 1px solid magenta;*/
}

.preisliste-einheit
{
	float: left;
	width: 65px;
	text-align: right;
	padding: 0;
	margin: 0;
	/*border: 1px solid blue;*/
}
.preisliste-preis
{
	float: left;
	width: 65px;
	text-align: right;
	font-weight: normal;
	padding: 0;
	margin: 0;
	/*border: 1px solid yellow;*/
}

/* ===== text ===== */

.emphi
{
	color: #8e3e08;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	padding: 0;
	margin: 0;
	/*border: 1px solid magenta;*/
}

/* ===== boxen ===== */
.box
{
	padding: 0;
	margin: 0;
	/*border: 1px solid magenta;*/
}

.box-1
{
	width: 581px;
	float: left;
	padding: 0;
	margin: 0;
	/*border: 1px solid magenta;*/
}


.box-2
{
	float: left;
	width: 180px;
	padding: 0;
	margin: 0 0 0 19px;
	/*border: 1px solid green;*/
}

.box-3
{
	width: 179px;
	float: left;
	padding: 0;
	margin: 0;
	/*border: 1px solid green;*/
}


.box-4
{
	float: left;
	width: 200px;
	padding: 0;
	margin: 0 0 0 19px;
	/*border: 1px solid blue;*/
}


.box-5
{
	width: 409px;
	float: left;
	padding: 0;
	margin: 0;
	/*border: 1px solid orange;*/
}

.box-6
{
	width: 390px;
	float: left;
	padding: 0;
	margin: 0;
	/*border: 1px solid blue;*/
}



.box-8
{
	width: 409px;
	float: left;
	padding: 2px 0;
	margin: 5px 0 0 0;
	/*border-top: 1px solid rgb(153,0,0);*/
	border-bottom: 1px solid #333;
	/*border: 1px solid green;*/
}


.box-8 a
{
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	/*border: 1px solid green;*/
}

.box-8 a:hover
{
	color: #333;
	/*border: 1px solid green;*/
}


/* ===== news ===== */


.news
{
	float: right;
	width: 198px;
	padding: 0;
	margin: 0 0 19px 0;
	/*border: 1px dashed black;*/
}

.newscontent
{
	width: 198px;
	vertical-align: top;
	line-height: 16px;
	font-size: 11px;
	padding: 0;
	margin: 0;
	/*border: 1px solid rgb(153, 0, 0);*/
}

.newscontent a
{
	color: #000;
	display: block;
	/*border: 2px solid yellow;*/
}

.newscontent a:hover
{
	color: #fff;
	text-decoration: none;
	/*border: 2px solid yellow;*/
}

.newsdate
{
	color: #8e3e08;
	font-weight: normal;
}


.newsdate-teaser
{
	font-size: 11px;
	font-weight: bold;
	color: #8e3e08;
	font-weight: normal;
}


.news-unit
{
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px dotted #8e3e08;
}


.newsdatedivider
{
	margin: 10px 0;
	padding: 0;
	border-bottom: 1px dotted #8e3e08;
}


.newsdatedivider-teaser
{
	margin: 10px 0;
	padding: 0;
	border-bottom: 1px dotted #8e3e08;
}




/* ===== container + foot ===== */



#footer
{
	width: 100%;
	height: 50px;
	text-align: center;
	font-size: 10px; 
	line-height: 12px;
	color: #fff;
	margin: 10px 0 0 0;
	padding: 0;
	/*border: 1px solid lightgreen;*/
}


#footer a
{
	text-decoration: none;
	color: #fff;
}


#footer a:hover
{
	color: #000;
	text-decoration: none;
}




/* ===== ueberschriften ===== */

h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight: bold;
	font-size: 16px;
	color: #8e3e08;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}


h1
{
	margin: 0 0 10px 0;
	background-color: #d6725e;
	color: #fff;
	font-weight: normal;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	padding: 3px 10px 3px 10px;
	/*background: transparent url(/shared/img/design/design_headline.gif) no-repeat;*/
	/*border: 1px solid black;*/
}


h2
{
	font-size: 14px;
	padding: 0;
	margin: 20px 0 7px 0;
}


h3,
h3.hl-go-inquiry,
h3.news
{
	color: rgb(20, 20, 20);
	font-size: 12px;
	line-height: 16px;
	margin: 4px 0 0 0;
}


h3.hl-go-inquiry,
h3.news
{
	margin: 0 0 10px 0;
}


h4
{
	margin: 0 0 1px 0;
	background-color: #333;
	color: #fff;
	font-weight: normal;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	padding: 3px 10px 3px 10px;
}






/* ===== tables ===== */

table
{
	
}



/* ===== listen ===== */

ul
{
	list-style-type: square;
	padding: 0 0 0 25px;
	margin: 0;
}

ol
{
	list-style-type: decimal;
	padding: 0 0 0 25px;
	margin: 0;
}


li
{
	font-size: 11px;
	color: #333;
	font-weight: bold;
	line-height: 18px;
	padding: 0;
	margin: 0;
}



/* ===== images ===== */


img
{
	border: 0;
}

.pic-left-1
{
	float: left;
	margin: 0;
	border: 1px #333 solid;
}

.pic-left,
.pic-left-link
{
	float: left;
	margin: 2px 15px 5px 0;
	border: 1px #333 solid;
}


.pic-left-link:hover
{
	float: left;
	border: 1px #333 solid;
	margin: 2px 15px 5px 0;
}


.pic-right,
.pic-right-link
{
	float: right;
	border: 1px #333 solid;
	margin: 2px 0 5px 15px;	
}


.pic-right-link:hover
{
	float: right;
	border: 1px #333 solid;
	margin: 2px 15px 5px 0;
}


.img-border-1,
.img-border-1-link
{
	/*border: 1px solid #333;*/
	padding: 2px;
	background: #fff;
}


.img-border-1-link:hover
{
	background: #d6725e;	
}


.img-border-2
{
	/*border: 1px solid gray;*/
	padding: 2px;
	background: #fff;
}


.img-margin-1
{
	margin: 0 15px 5px 0;
}

.img-margin-2
{
	margin: 0 0 10px 10px;
}

.img-border-4
{
	border: 1px solid #333;
}



/* ===== gallerie ===== */



.td_picgal_off,
.td_picgal_on
{
	float: left;
	display: block;
	border: 1px solid #333;
	background: #e1b68c;
	text-align: center;
	vertical-align: middle !important;
	text-align: center !important;
	padding: 3px;
	margin: 0 5px 5px 0;
}

.td_picgal_on
{
	border: 1px solid #333;
	background: #ffd8b0;
}


.hl_2
{
	font-weight: bold;
	font-size: 14px;
	color: #ffd8b0;
	margin: 0;
	padding: 0;
	border: 0;
}


/* ===== links ===== */

a
{
	color: #8e3e08;
	text-decoration: none;
}

a:hover
{
	color: #fff;
	text-decoration: none;	
}


a.go-inquiry
{
	display: block;
	text-align: center;
	color: rgb(186, 138, 88);
	text-decoration: none;
	margin: 8px 0 0 5px;
	font-weight: bold;
	font-size: 13px;
}


a.go-inquiry:hover
{
	color: rgb(186, 138, 88);
	text-decoration: underline;	
}



/* ===== forms ===== */

#contactform
{
	padding: 0;
	margin: 0;
	width: 616px;
	/*border: 1px solid black;*/
}

.input-base
{
	font-size: 11px;
	color: #000;
	background: #fff7ee;
	height: 18px;
	width: 298px;
	padding: 1px 0px 0px 2px;
	border: 1px solid #d6725e;
}



.input-1-bg
{
	border: none;
}


.input-1-act
{
	background: #fff;
}


.input-2
{
	color: #fff;
	padding: 0 0 2px 0;
	background: #d6725e;
}


.input-2-act
{
	color: #fff;
	padding: 0 0 2px 0;
	background: #333;
}


.formspacer
{
	margin-bottom: 5px;
}


.formtext-1
{
	padding: 0 0 0 4px;
	
}


.formtext-2
{
	color: #f00;
	font-weight: bold;
	padding: 0 0 0 4px;
}


.error-headline,
.error-message,
.error-message li
{
	color: #f00;
}


.formradio
{

}


.formradio input
{
	margin: 0 5px 0 3px;
	vertical-align: middle;	
}


.formradio label
{
	margin: 0 4px 0 0;
}


input[type=checkbox]
{
	vertical-align: middle;
}