@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------------------------------------------------*/
/* 													CLEARFIX												*/
/*----------------------------------------------------------------------------------------------------------*/

.clearfix:after {content: "."; display: block; clear: both; font-size: 0; height:0; visibility: hidden;}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width:0; height:0}


/*----------------------------------------------------------------------------------------------------------*/
/* 													LAYOUT 													*/
/*----------------------------------------------------------------------------------------------------------*/


body {background:#ee813c url(../images/background-body.jpg) top repeat-x;}
.page {min-height:690px;}

body#home div.page, body#infomaterial div.page, body#haendlersuche div.page { background: url(../images/background-home.jpg) 0 50px no-repeat;}
body#produkte div.page { background: url(../images/background-produkte.jpg) 0 50px no-repeat;}
body#produkteOptilight div.page { background: url(../images/background-produkte-optilight.jpg) 0 50px no-repeat;}
body#produktePremium div.page { background: url(../images/background-produkte-premium.jpg) 0 50px no-repeat;}
body#produkteLimitedGlamour div.page { background: url(../images/background-produkte-limited-maedels.jpg) 0 50px no-repeat;}
body#produkteLimitedSportscar div.page { background: url(../images/background-produkte-zubehoer.jpg) 0 50px no-repeat;}
body#produkteZubehoer div.page { background: url(../images/background-produkte-zubehoer.jpg) 0 50px no-repeat;}
body#kids div.page { background: url(../images/background-kids.jpg) 0 50px no-repeat;}
body#ergonomie div.page { background: url(../images/background-eltern.jpg) 0 50px no-repeat;}
body#impressum div.page { background: url(../images/background-general.jpg) 0 50px no-repeat;}

#header, #navigation, #generalNavigation, #banner, #contentWrapper, #content, #footer {position:relative}
	

#header {height:430px;}
	#logo {position:absolute; right:0; top:0}
	#navigation {position:absolute; top:355px; right:0; widht:400px; height:60px;}
	#sloganSmall {position:absolute; top:200px; right:0px; height:130px; width: 460px;}
	#sloganMedium {position:absolute; top:110px; right:0px; height:130px; width: 367px;}
	#sloganMedium p {font-size:14px; color:#FFF;}
	#sloganBig {position:absolute; top:147px; right:-6px; height:130px; font-size:18px; color:#FFF; font-weight:bold; text-align:right; widht:460px;}
	#generalNavigation {position:absolute; top:10px; left:120px;}
#contentWrapper {top:0px; left:120px; width:840px; padding-top:5px;}
#content {background: url(../images/background-content-body.png) center  repeat-y; width:840px; min-height:300px}

#footer {margin-bottom:48px; left:120px; height:47px; background: url(../images/background-content-bottom.jpg) top left no-repeat; padding-top:32px; width:840px;}
#footer div.grid_14 {text-align:right;}


/* core*/
.page{margin-left: auto; margin-right: auto; width: 960px;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {display:inline; float:left; margin-left:10px; margin-right:10px;}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 {position: relative;}

/* first/last grid */
.alpha {margin-left:0}
.omega {margin-right:0}

/* container */
.page .grid_1 {width:40px;}
.page .grid_2 {width:100px;}
.page .grid_3 {width:160px;}
.page .grid_4 {width:220px;}
.page .grid_5 {width:280px;}
.page .grid_6 {width:340px;}
.page .grid_7 {width:400px;}
.page .grid_8 {width:460px;}
.page .grid_9 {width:520px;}
.page .grid_10 {width:580px;}
.page .grid_11 {width:640px;}
.page .grid_12 {width:700px;}
.page .grid_13 {width:760px;}
.page .grid_14 {width:820px;}
.page .grid_15 {width:880px;}
.page .grid_16 {width:940px;}



/* container - padding-left */
.page .prefix_1 {padding-left:50px}
.page .prefix_2 {padding-left:120px}
.page .prefix_3 {padding-left:180px}
.page .prefix_5 {padding-left:300px}
.page .prefix_4 {padding-left:240px}
.page .prefix_6 {padding-left:360px}
.page .prefix_7 {padding-left:420px}
.page .prefix_8 {padding-left:480px}
.page .prefix_9 {padding-left:540px}
.page .prefix_10 {padding-left:600px}
.page .prefix_11 {padding-left:660px}
.page .prefix_12 {padding-left:720px}
.page .prefix_13 {padding-left:780px}
.page .prefix_14 {padding-left:840px}
.page .prefix_15 {padding-left:900px}

/* container - padding-right */
.page .suffix_1 {padding-right:60px}
.page .suffix_2 {padding-right:120px}
.page .suffix_3 {padding-right:180px}
.page .suffix_4 {padding-right:240px}
.page .suffix_5 {padding-right:300px}
.page .suffix_6 {padding-right:360px}
.page .suffix_7 {padding-right:420px}
.page .suffix_8 {padding-right:480px}
.page .suffix_9 {padding-right:540px}
.page .suffix_10 {padding-right:600px}
.page .suffix_11 {padding-right:660px}
.page .suffix_12 {padding-right:720px}
.page .suffix_13 {padding-right:780px}
.page .suffix_14 {padding-right:840px}
.page .suffix_15 {padding-right:900px}

/* container - push */
.page .push_1 {left:60px}
.page .push_2 {left:120px}
.page .push_3 {left:168px}
.page .push_4 {left:240px}
.page .push_5 {left:300px}
.page .push_6 {left:360px}
.page .push_7 {left:420px}
.page .push_8 {left:480px}
.page .push_9 {left:540px}
.page .push_10 {left:600px}
.page .push_11 {left:660px}
.page .push_12 {left:720px}
.page .push_13 {left:780px}
.page .push_14 {left:840px}
.page .push_15 {left:900px}

/* container - pull */
.page .pull_1 {left:-60px}
.page .pull_2 {left:-120px}
.page .pull_3 {left:-180px}
.page .pull_4 {left:-240px}
.page .pull_5 {left:-300px}
.page .pull_6 {left:-360px}
.page .pull_7 {left:-420px}
.page .pull_8 {left:-480px}
.page .pull_9 {left:-540px}
.page .pull_10 {left:-600px}
.page .pull_11 {left:-660px}
.page .pull_12 {left:-720px}
.page .pull_13 {left:-780px}
.page .pull_14 {left:-840px}
.page .pull_15 {left:-900px}

/* formular */
.but {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 11px; color: #fff; font-weight: bold; background-color: #973220; padding: 2px;}


/*----------------------------------------------------------------------------------------------------------*/
/* 													MASTER TPLS												*/
/*----------------------------------------------------------------------------------------------------------*/

.tplMaster_com #banner {height:420px;}