@charset "utf-8";

/* :: MODISCHE LINIE Friseur & Kosmetik GmbH :: (c) 2009 by hikelCOM.de :: */

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

*
{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Verdana, Sans-Serif;
}


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


body
{
	font-size: 13px;
	line-height: 17px;
	color: #000;
	background: url(/shared/img/design/design_bgkachel.gif) repeat rgb(244, 225, 167);
	background-attachment: fixed;
	padding: 0;
}

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


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


form
{
	display: inline;
}


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


.close
{
	float: right;
}

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


.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;	
}


.activated
{
	display: inline;
}


.deactivated
{
	display: none;
}


.bolderer
{
	font-weight: bold;	
}

.orange-bold-text
{
	color: #e75116;
	font-weight: bold;
}


.white-centered
{
	color: white;
	text-align: center;
	/*border: 1px solid green;*/ 
}

.decorative-orange
{
	color: #e75116;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: black 0 2px 2px 0;
	/*border: 1px solid green;*/ 
}



#site
{
	width: 960px;
	padding: 0;
	margin: 0 auto;
}


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

#oben
{
	width: 100%;
	height: 40px;
	background: url(/shared/img/design/design_glow.png) bottom repeat-x;
	padding: 0;
	margin: 0;
	/*border: 1px solid red;*/
}


#container-head
{
	height: 327px;
	padding: 0;
	margin: 0;
	/*border: 2px solid green;*/
}



/* ===== banner zwischen Navigation ===== */

.banner-inhalt
{
	float: left;
	padding: 2px 0 0 0;
	margin: 0;
	width: 960px;
	height: 239px;
	background-color: white;
	/*border: 1px solid magenta;*/
}

.einspaltig
{
	float: left;
	padding: 0;
	margin: 0 0 0 2px;
	width: 237px;
	height: 236px;
	/*border-left: 2px solid white;*/
}

.zweizeilig
{
	float: left;
	padding: 0;
	margin: 0 0 2px 0;
	width: 237px;
	height: 117px;
	/*border-left: 2px solid white;*/
}

.zweispaltig
{
	float: left;
	padding: 0;
	margin: 0 0 0 2px;
	width: 478px;
	height: 236px;
	/*border-left: 2px solid white;*/
}

.dreispaltig
{
	float: left;
	padding: 0;
	margin: 0 0 0 2px;
	width: 717px;
	height: 236px;
	/*border-left: 2px solid white;*/
}


#logo
{
	position: absolute;
	width: 240px;
	height: 105px;
	margin: 75px 0 0 40px;
	padding: 0;
	/*border: 1px solid black;*/
}


/* ===== body + content ===== */
#container-body
{
	float: left;
	width: 960px;
	background: url(/shared/img/design/design_content-bg.png) center repeat-y;
	padding: 0 0 0 0;
	margin: 20px 0 10px 0;
	/*border: 1px solid blue;*/
}

#linkespalte
{
	float: left;
	width: 235px;
	padding: 0;
	margin: 0;
	/*border: 1px solid red;*/ 
}

#mitte
{
	float: left;
	width: 430px;
	padding: 20px;
	margin: 0 0 0 10px;
	/*border: 1px solid green; */
}

#rechtespalte
{
	float: right;
	width: 235px;
	padding: 0;
	margin: 0;
	/*border: 1px solid magenta; */
}



/* ===== content + elements ===== */
.content-2-spaltig-1
{
	float: left;
	width: 208px;
	padding: 0;
	margin: 0;
	/*border: 1px dashed red;*/
}

.content-2-spaltig-2
{
	float: left;
	width: 207px;
	padding: 0 0 0 10px;
	margin: 0;
	/*border: 1px dashed magenta;*/
}


.content-2-spaltig-grey-1
{
	float: left;
	width: 192px;
	padding: 0;
	margin: 0;
	/*border: 1px dashed green;*/
}


.content-2-spaltig-grey-2
{
	float: left;
	width: 191px;
	padding: 0;
	margin: 0 0 0 10px;
	/*border: 1px dashed blue;*/ 
}


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

.preisliste-beschreibung
{
	float: left;
	width: 286px;
	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: bold;
	padding: 0;
	margin: 0;
	/*border: 1px solid yellow;*/
}


.trennstrich
{
	margin: 15px 0;
	border-bottom: 1px solid black; 
}



/* ===== boxes ===== */

.black-box
{
	float: left;
	width: 235px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	background: transparent url(/shared/img/design/design_black-bg.png) repeat-y;
	padding: 10px 0 10px 0;
	margin: 0;
	/*border: 1px solid green;*/ 
}

.orange-box
{
	float: left;
	width: 205px;
	background: transparent url(/shared/img/design/design_orange-bg.png) repeat-y;
	padding: 10px 15px 10px 15px;
	margin: 0;
	/*border: 1px solid green;*/
}


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

.link-anzeige
{
	float: left;
	width: 235px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	background: transparent url(/shared/img/design/design_black-bg.png) repeat;
	padding: 0;
	margin: 0;
	/*border: 1px solid green;*/ 
}

.link-anzeige-margin
{
	padding: 8px;
	/*border: 1px solid green;*/ 
}

.link-anzeige a
{
	text-decoration: none !important;	
}

.content-bg-grey
{
	width: 400px;
	background: transparent url(/shared/img/design/design_black-bg.png) repeat;
	padding: 10px 15px 10px 15px;
	margin: 0 0 20px 0;
	color: white;
	/*border: 1px solid green;*/
}


.box-1
{
	text-align: center;
}


.box-2
{
	text-align: left;
}

.box-1, 
.box-2
{
	background-color: #333;
	/*width: 195px;*/
	padding: 8px 0;
	margin: 0 0 20px 0;
}

.box-1 a,
.box-2 a
{
	display: block;
	color: #fff;
	/*font-size: 11px;*/
}

.box-1 a:hover,
.box-2 a:hover
{
	color: #ff7f00;
	text-decoration: none;
}


/* ===== fußleiste ===== */

#footer
{
	float: center;
	width: 960px;
	height: 81px;
	text-align: center;
	background: url(/shared/img/design/design-footer.gif) repeat-x rgb(231,81,6);
	font-size: 10px; 
	line-height: 16px;
	color: #fff;
	margin: 5px 0 0 0;
	padding: 15px 0 0 0;
	/*border: 2px solid orange;*/
}


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

.small-white
{
	font-size: 10px;
	line-height: 12px;
	color: #fff;
}



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

h1,
h2,
h3,
h4,
h5,
h6
{
	font-size: 14px;
	line-height: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	border: 0;
}


h1
{
	font-size: 17px;
	margin: 0 0 20px 0;
	padding: 0 0 5px 10px;
	background: transparent url(/shared/img/design/design_headline-bg.png) bottom repeat-x;
	
}


h2
{
	font-size: 15px;
	margin: 0 0 8px 0;
	color: #e75116;
}


h3
{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 8px 0;
	color: white;
}

h4
{
	text-transform: uppercase;
	color: #ff7f00;
	font-size: 15px;
	margin: 0 0 15px 8px;
	
}

h5
{
	font-size: 12px;
	text-align: center;
	margin: 0;
	color: #fff;
}


h6
{
	font-size: 12px;
	letter-spacing: 0.1em;
	margin: 15px 15px 5px 15px;
	padding: 0 0 2px 0;
	color: #fff;
	border-bottom: 1px solid white;
}



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

ul
{
	list-style-image: url(/shared/img/design/design_blickfangpunkt.gif);
	list-style-position: outside;
	font-size: 11px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	font-weight: bold;
	color: #333333;
	padding: 0 0 0 15px;
	margin: 10px 0 10px 0;
}

ul.ul-2
{
	list-style-image: url(/shared/img/design/design_blickfangpunkt.gif);
	list-style-position: outside;
	font-size: 11px;
	letter-spacing: 0.02em;
	text-transform: none;
	font-weight: bold;
	color: #fff;
	padding: 0 0 0 15px;
	margin: 10px 0 10px 0;
}


ol
{
	padding: 0 0 0 15px;
	margin: 0;
}


li
{
	padding: 0 0 8px 0;
	line-height: 17px;
}


/* ===== tabellen ===== */

table
{
	padding: 0;
	margin: 0;
}

td.td-1
{
	vertical-align: top;
	padding: 6px 0 6px 0;
	border-bottom: 1px solid #333;
}


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

img
{
	border: 0;
}

.pic-left-con
{
	float: left;
	padding: 2px 15px 5px 0;
	/*border: 1px solid blue;*/
}

.pic-right-con
{
	float: right;
	padding: 2px 0 5px 15px;
	/*border: 1px solid blue;*/
}


.pic-left,
.pic-left-link
{
	float: left;
	border: 1px #ff7f00 solid;
}


.pic-left-link:hover
{
	float: left;
	border: 1px #ff7f00 solid;
}


.pic-right,
.pic-right-link
{

	border: 1px #ff7f00 solid;
}


.pic-right-link:hover
{
	border: 1px #ff7f00 solid;
}


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


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


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

.img-border-3
{
	border: 1px solid #ff7f00;
}


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

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

.img-margin-3
{
	margin: 0 30px 5px 0;
}

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



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

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


a:hover
{
	color: #e75116;
	text-decoration: underline;
}


.anzeige a div
{
	color: #fff;
	text-decoration: none;
}


.anzeige a:hover div
{
	color: #ff7f00;
	text-decoration: underline; 
}


.orange-box a
{
	color: #000;
	text-decoration: none; 
	display: block;
}


.orange-box a:hover
{
	color: #e75116;
	text-decoration: none; 
}


.content-2-spaltig-grey-1 a
{
	color: white; 
}

.content-2-spaltig-grey-1 a:hover
{
	color: #ff7f00;
	text-decoration: underline;
}

.content-2-spaltig-grey-2 a
{
	color: white; 
}
.content-2-spaltig-grey-2 a:hover
{
	color: #ff7f00;
	text-decoration: underline; 
}


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


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


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

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

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



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


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


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


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


.formspacer
{
	margin-bottom: 5px;
}


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


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


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


/* ===== bildergalerie ===== */

.td_picgal_off,
.td_picgal_on
{
	float: left;
	display: block;
	border: 1px solid #ff7f00;
	background: rgb(255, 242, 224);
	text-align: center;
	vertical-align: middle !important;
	padding: 3px;
	margin: 0 5px 5px 0;
}

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


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


/* ===== toggler ===== */

/* --- tog 1 --- */
.tog-trigger
{
	margin: 0 0 1px 0;
}

.tog-content
{
	margin: 0 0 30px 0;
}

.tog-trigger,
.tog-trigger-act
{
	cursor: pointer;
	background: transparent url(/shared/img/design/design_arrow_off.gif) no-repeat;
	background-color: #333;
	font-size: 12px;
	color: #ff7f00;
	font-weight; bold;
	padding: 10px 0 10px 25px;
	/*height: 30px;*/
}


.tog-trigger:hover
{
	background: transparent url(/shared/img/design/design_arrow_on.gif) no-repeat;
	background-color: #ff7f00;
	color: #000;
}


.tog-trigger-act
{
	background: transparent url(/shared/img/design/design_arrow_act.gif) no-repeat;
	background-color: #ff7f00;
	color: #000;
}



/* --- tog 2 --- */
.tog-trigger-2
{
	margin: 5px 0;
}

.tog-content-2
{
	margin: 10px 0 0 0;
}

.tog-trigger-2,
.tog-trigger-act-2
{
	cursor: pointer;
	font-size: 12px;
	color: #ff7f00;
	font-weight; bold;
	padding: 0;
	/*height: 30px;*/
}


.tog-trigger-2:hover
{
	color: #fff;
	text-decoration: underline;
}


.tog-trigger-act-2
{
	color: #ff7f00;
}



/* ===== random offers ===== */

.offer-hl
{
	font-size: 13px;
	color: #e75116;
	font-weight: bold;
}

.offer-hl ul,
.offer-hl li
{
	margin-bottom: 0;
	padding-bottom: 0;
}

.offer-desc
{
	font-size: 11px;
	padding: 3px 0 5px 14px;
}

.offer-unit
{
	float: left;
	font-size: 11px;
	padding: 0 0 0 14px;
}

.offer-price
{
	font-weight: bold;
	text-align: right;
}