/* #Base 960 Grid
================================================== */

.container { position: relative; width: 960px; margin: 0 auto; padding-bottom:45px; }
.container .column,  .container .columns { float: left; display: inline;  }
.row { margin-bottom: 20px; }
/* Nested Column Classes */
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
/* Base Grid */
.container .one.column,  .container .one.columns { width: 40px; }
.container .two.columns { width: 100px; }
.container .three.columns { width: 160px; }
.container .four.columns { width: 220px; }
.container .five.columns { width: 280px; }
.container .six.columns { width: 335px;background:url(../img/bg-karo.png) repeat; float:right!important;}
.container .seven.columns { width: 400px; }
.container .eight.columns { width: 460px; }
.container .nine.columns { width: 520px; }
.container .ten.columns { width: 580px; background:url(../img/bg-karo.png) repeat; }
.container .eleven.columns { width: 640px; }
.container .twelve.columns { width: 700px; }
.container .thirteen.columns { width: 760px; }
.container .fourteen.columns { width: 820px; }
.container .fifteen.columns { width: 880px; }
.container .sixteen.columns { width: 940px; }
.container .one-third.column { width: 300px; }
.container .two-thirds.column { width: 620px; }
/* Offsets */
.container .offset-by-one { padding-left: 60px; }
.container .offset-by-two { padding-left: 120px; }
.container .offset-by-three { padding-left: 180px; }
.container .offset-by-four { padding-left: 240px; }
.container .offset-by-five { padding-left: 300px; }
.container .offset-by-six { padding-left: 360px; }
.container .offset-by-seven { padding-left: 420px; }
.container .offset-by-eight { padding-left: 480px; }
.container .offset-by-nine { padding-left: 540px; }
.container .offset-by-ten { padding-left: 600px; }
.container .offset-by-eleven { padding-left: 660px; }
.container .offset-by-twelve { padding-left: 720px; }
.container .offset-by-thirteen { padding-left: 780px; }
.container .offset-by-fourteen { padding-left: 840px; }
.container .offset-by-fifteen { padding-left: 900px; }

h2	{ font-weight:bold; font-size:5.5em; color:#FFF; text-transform:uppercase; padding:20px 0 20px 42px;}
h3	{ font-weight:bold; font-size:3em; color:#FFF; text-transform:uppercase; padding:29px 0 31px 25px;}
.martop45	{ margin-top:45px;}
.six.columns.nobg	{ background:none;}

	#menu-icon {display:none;}
	em.lesssize	{ font-size:0.9em;}
	ul.checklist li 	{font-size:1.8em; line-height:110%;}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
.container { width: 768px; }
.container .column,  .container .columns { margin-left: 10px; margin-right: 10px; }
.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
.alpha.omega { margin-left: 0; margin-right: 0; }
.container .one.column,  .container .one.columns { width: 28px; }
.container .two.columns { width: 76px; }
.container .three.columns { width: 124px; }
.container .four.columns { width: 172px; }
.container .five.columns { width: 220px; }
.container .six.columns { width: 260px; float:right!important }
.container .seven.columns { width: 316px; }
.container .eight.columns { width: 364px; }
.container .nine.columns { width: 412px; }
.container .ten.columns { width: 460px; }
.container .eleven.columns { width: 508px; }
.container .twelve.columns { width: 556px; }
.container .thirteen.columns { width: 604px; }
.container .fourteen.columns { width: 652px; }
.container .fifteen.columns { width: 700px; }
.container .sixteen.columns { width: 748px; }
.container .one-third.column { width: 236px; }
.container .two-thirds.column { width: 492px; }
/* Offsets */
.container .offset-by-one { padding-left: 48px; }
.container .offset-by-two { padding-left: 96px; }
.container .offset-by-three { padding-left: 144px; }
.container .offset-by-four { padding-left: 192px; }
.container .offset-by-five { padding-left: 240px; }
.container .offset-by-six { padding-left: 288px; }
.container .offset-by-seven { padding-left: 336px; }
.container .offset-by-eight { padding-left: 384px; }
.container .offset-by-nine { padding-left: 432px; }
.container .offset-by-ten { padding-left: 480px; }
.container .offset-by-eleven { padding-left: 528px; }
.container .offset-by-twelve { padding-left: 576px; }
.container .offset-by-thirteen { padding-left: 624px; }
.container .offset-by-fourteen { padding-left: 672px; }
.container .offset-by-fifteen { padding-left: 720px; }

img.ontop	{ position:absolute; top:12px; left:0px;}
header	{height:236px; float:left; padding:45px 0 0 0!important}
h2	{ font-weight:bold; font-size:4.5em; color:#FFF; text-transform:uppercase; padding:20px 0 20px 42px;}
h3	{ font-weight:bold; font-size:2.2em; color:#FFF; text-transform:uppercase; padding:29px 0 29px 25px;}
ul.checklist li 	{font-size:1.8em; line-height:110%;}
ul.vorratsliste li	{font-size:1.8em; }
ul.backlist li	{ margin:0 0 0 25px; font-size:1.2em;}

ul.backlist li a	{ text-decoration:none; background:url(../img/green-arrow.png) 0px 1px no-repeat; padding-left:8px}

#menu-icon {display:none;}
ul.navi li a.submit { background: #5db92e url(../img/arrow.png) 38px 16px no-repeat; }
ul.navi li a.submit:hover { background: #5db92e url(../img/arrow.png) 38px 16px no-repeat; }
em.lesssize	{ font-size:0.9em;}
}
/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.container .columns,  .container .column { margin: 0; }
.container .one.column,  .container .one.columns,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns, .container .six.columns,   .container .seven.columns,  .container .eight.columns,  .container .nine.columns,.container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column { width: 420px; }
.columns.ten	{ margin-top:0px!important;}

img.ontop	{ position:absolute; top:0px; left:0px; width:325px;}
header	{height:120px; float:left; padding:22px 0 0 0!important; margin:0 0 15px 0!important}
body { background:#fff url(../img/bg-header-mobile-repeat.jpg) repeat-x;}
h2	{ font-weight:bold; font-size:3.5em; color:#FFF; text-transform:uppercase; padding:20px 0 20px 30px;}
h3	{ font-weight:bold; font-size:3.5em; color:#FFF; text-transform:uppercase; padding:20px 0 20px 25px;}
ul.checklist li 	{font-size:1.6em; margin-bottom:14px;}
ul.checklist	{ float:left; margin:30px 0 30px 25px;}

#menu-icon {background:#353535 url(../img/navicon.png) 122px 15px no-repeat; cursor:pointer; display:block; height:30px;padding:10px 0 0;  text-align:center;  width:100%; color:#FFFFFF; line-height:100%; text-decoration:none; font-size:2.0em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#menu-icon:hover, 
#menu-icon.active {background:#606060 url(../img/navicon.png) 122px 15px no-repeat;  font-size:2.0em; color:#fff }
#slidemenu ul {background:#fff; clear:both; display:none; position:absolute; top:197px; left:0; width:100%; z-index:10000; padding:5px 0 0 0; border-bottom:1px solid #ccc;}
#slidemenu ul li {margin: 0 0 5px 0; float:none;}
#slidemenu ul li ul {display:block !important; position:relative; width:100% !important; top:0;}
#slidemenu	{ margin-bottom:25px;}

ul.vorratsliste	{ float:left; margin:35px 0 25px 35px;}
ul.vorratsliste li	{ margin:0 0 10px 0; font-size:1.6em;  line-height:100%; background:url(../img/dot.png) 0px 2px no-repeat; padding:0 0 0 20px}

ul.navi li	{ text-align:center; margin:0 0 5px 0; padding:10px 0 10px 0 }
ul.navi li a.submit { background: #5db92e url(../img/arrow.png) 120px 16px no-repeat; }
ul.navi li a.submit:hover { background: #5db92e url(../img/arrow.png) 120px 16px no-repeat; }
em.lesssize	{ font-size:0.9em;}
h2.plan13	{ font-size:1.6em;}
}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width:479px) {
.container { width: 330px; }
.container .columns,  .container .column { margin: 0; }
.container .one.column,  .container .one.columns,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column { width: 330px;  }
/* Offsets */
.container .offset-by-one,  .container .offset-by-two,  .container .offset-by-three,  .container .offset-by-four,  .container .offset-by-five,  .container .offset-by-six,  .container .offset-by-seven,  .container .offset-by-eight,  .container .offset-by-nine,  .container .offset-by-ten,  .container .offset-by-eleven,  .container .offset-by-twelve,  .container .offset-by-thirteen,  .container .offset-by-fourteen,  .container .offset-by-fifteen { padding-left: 0; }

img.ontop	{ position:absolute; top:0px; left:0px; width:237px;}
header	{height:107px; float:left; padding:34px 0 0 0!important}
body { background:#fff url(../img/bg-header-mobile-repeat.jpg) repeat-x;}


.columns.ten	{ margin-top:0px!important;}

h2	{ font-weight:bold; font-size:2.8em; color:#FFF; text-transform:uppercase; padding:20px 0 20px 30px;}
h3	{ font-weight:bold; font-size:2.8em; color:#FFF; text-transform:uppercase; padding:20px 0 20px 25px;}
ul.checklist li 	{font-size:1.3em; line-height:100%; font-weight:bold; margin-bottom:0px}
ul.checklist	{ float:left; margin:15px 0 30px 16px; padding-right:15px!important}

ul.checklist li.without{ text-decoration:none; background:url(../img/korb-icon.png) 0px 0px no-repeat; height:18px; display:block; margin:0 0 15px 0}
ul.checklist li.blue	{ text-decoration: line-through; background: url(../img/korb-icon.png) 0px -25px no-repeat; height:18px;}
ul.checklist li { padding:7px 0 0 30px}

#slidemenu	{}
#menu-icon {background:#353535 url(../img/navicon.png) 75px 15px no-repeat; cursor:pointer; display:block; height:30px;padding:10px 0 0;  text-align:center;  width:100%; color:#FFFFFF; line-height:100%; text-decoration:none; font-size:2.0em;font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
#menu-icon:hover, 
#menu-icon.active {background:#606060 url(../img/navicon.png) 75px 15px no-repeat; font-size:2.0em; color:#fff }
#slidemenu ul {background: #fff; clear:both; display:none; position:absolute; top:200px; left:0; width:100%; z-index:10000; padding:5px 0 0 0; border-bottom:1px solid #ccc;}
#slidemenu ul li {margin:0 0 5px 0; float:none;}
#slidemenu ul li ul {display:block !important; position:relative; width:100% !important; top:0;}
header	{ margin:0 0 19px 0!important;}
img.infopic	{ float:right; margin:0px 22px 0 0; width:150px;}

ul.vorratsliste	{ float:left; margin:35px 0 25px 35px;}
ul.vorratsliste li	{ margin:0 0 10px 0; font-size:1.3em; font-weight:bold; line-height:100%; background:url(../img/dot.png) 0px 2px no-repeat; padding:0 0 0 20px}

ul.navi li	{ text-align:center; margin:0 0 5px 0; padding:10px 0 10px 0 }
em.lesssize	{ font-size:0.8em;}
h2.plan13	{ font-size:1.6em;}
}