/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

button,
input,
select,
textarea, 
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline:0 none;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== 

body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}*/

/* ===================
    ALL: Orange Theme
   =================== 

.header-container {
    border-bottom: 20px solid #e44d26;
}

.footer-container,
.main aside {
    border-top: 20px solid #e44d26;
}

.header-container,
.footer-container,
.main aside {
    background: #f16529;
}

.title {
    color: white;
}*/

/* ==============
    MOBILE: Menu
   ============== */

nav ul, ul{
    margin: 0;
    padding: 0;
}

/*nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: white;
    background: #e44d26;
}

nav a:hover,
nav a:visited {
    color: white;
}

nav a:hover {
    text-decoration: underline;
}*/

/* ==============
    MOBILE: Main
   ============== */

/*.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}*/

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

input, textarea, select, option, button{font-family: Arial, sans-serif; outline:0;}

/* ==========================================================================
   Author's custom styles :: riversite . Ajay Pulickal
   ========================================================================== */
/* :.:..........:.:.........................: */
html{background:#fff;}
body{font-family:"Times New Roman", Times, serif; font-size:13px; height:100%; color:#1a171b; overflow-y:scroll;} 

/* ..........................
... ::: HAUPTELEMENTE ::: ... 
.......................... */
h1, h2, h3, h4, h5, h6{margin:0; color:#1a171b; margin-bottom:14px; line-height:normal; font-weight:normal;}
h1{font-size:26px;}
h2{font-size:21px;}
h3{font-size:18px;}
h4{font-size:16px;}

p{margin:0; margin-bottom:16px; line-height:18px;}

a{text-decoration:underline; color:#1a171b;}
a:hover{text-decoration:none;}

img{border:0;}

.rot, 
.link-a-rot a{text-decoration:none; color:#cc071e;}
.link-a-rot a:hover{text-decoration:underline;}

.fl_left{float:left;}
.fl_right{float:right;}
.line1{clear:both; color:#000; height:1px; border:none; border-top:1px solid #1a171b; }
.line3{clear:both; color:#000; height:1px; border:none; border-top:3px solid #1a171b; margin-bottom:20px;}
.clearer{clear:both;}

/* ....................................
... ::: ALLGEMEINE CSS STRUKTUR ::: ... 
.................................... */
#page{width:1000px; margin:5px auto; position:relative;}
	
	#header{display:block; width:690px; height:150px; border-bottom:3px solid #1a171b; padding-left:190px;  margin-bottom:5px; margin-left:115px; font-weight:normal;}
		#button{position:absolute; top:0; left:0;}
		
		#header h1{font-size:60px; line-height:150px;}
		#header h1 a{text-decoration:none;}
		#header h1 a:hover{text-decoration:underline;}
		#header h1 a:hover u{color:#cc071e;}
	
		
	#nav-main{width:685px; height:34px; display:block;  border-bottom:1px solid #1a171b; border-top:1px solid #1a171b; margin-left:115px; padding-left:195px;}
		#nav-main li{display:inline; float:left; font-size:12px; text-transform:uppercase; position:relative;}
		#nav-main li a{text-decoration:none; line-height:34px; margin-right:40px; display:block;}
		#nav-main li a:hover,#nav-main li.active a{text-decoration:none; color:#cc071e;}
		
		#nav-main li ul{position:absolute; top:44px; left:-72px; width:685px;}
		#nav-main li ul li{float:none; width:auto; display:block; float:left;}
		#nav-main li.active ul li a{margin-right:20px; color:#000; line-height:21px;}
		#nav-main li.active ul li a:hover, 
		#nav-main li.active ul li.active a{color:#cc071e;}
		/*#nav-main li.last{float:right;}
		#nav-main li.last a{margin:0;}*/
		
		#nav-main li.active ul li.item-6{clear:both;}
		
		.fb{float:right; position:relative; top:5px;}
	
	
	#content{clear:both; width:880px; /*border-bottom:3px solid #1a171b;*/ margin-left:115px; margin-top:60px;}
		
		.inhalt{}
		
	footer{clear:both; margin-left: 115px; width: 880px;}
		#footer hr{clear:both; color:#000; height:1px; border:none; border-top:3px solid #1a171b; margin-bottom:10px;}
		
		
	
	
		
/* .........................
... ::: CSS ELEMENTE ::: ... 
......................... */

#startseite{position:relative; width:880px; height:501px; top:25px; margin-bottom:50px;}
.album-link{position:absolute; display:block; width:165px; height:245px; /*background:green;*/}

.album-link:hover{background:#fff;
opacity:0.3;
-moz-opacity:0.3;
-webkit-opacity:0.3;
}

.num01{}
.num02{left:174px;}
.num03{left:349px;}
.num04{bottom:0;}
.num05{left:174px; bottom:0;}
.num06{left:349px; bottom:0;}
.num07{right:0; width:356px; height:501px;}


.galerie_block{margin-top:40px;}

#galerie li{display:inline; float:left; margin:0px 5px 6px 0px; padding:0; height:150px;}
#galerie li.m_r_0{margin-right:0px;}


/* SHOP :: Artikel */
.shop{margin:40px 0 0px 195px;}

.artikel{clear:both; margin:0 0 20px 0;}
	.bild{float:left; width:200px;}
	.info{float:left; width:315px;}
		.info p{margin-bottom:10px;}
	.artikel hr{border:none; border-top:1px dotted #1a171b; margin:0 0 10px;}
	
	.menge{border:1px solid #818181; width:20px; text-align:center; margin:0 0 0 5px;}
	.sb{margin:0 0 0 5px; padding:0; border:0; background:none transparent; color:#cc071e; text-transform:uppercase;}


.btn-warenkorb{display:block; border-top:1px dotted #1a171b; border-bottom:1px dotted #1a171b; width:515px; margin-bottom:20px; text-transform:uppercase; text-decoration:none; text-align:right; color:#CC071E; padding:5px 0;}

.total{float:right; display:block; border-top:1px dotted #1a171b; border-bottom:1px dotted #1a171b; width:315px; margin-bottom:20px; text-transform:uppercase; text-decoration:none; text-align:left; color:#CC071E; padding:5px 0;}

.total.up{border-bottom:0; margin:0;}
.total span{color:#1a171b; text-transform:none;}

input.btn-warenkorb{width:315px; position:relative; left:200px;}

.formular{}

.formular div{clear:both; margin-bottom:15px;}

.formular div label{color:#1a171b; display:block; width:200px; text-align:left; float:left; margin-right:10px; line-height:26px; text-transform:uppercase;}
.formular div input{border:1px dotted #1a171b; border-left:0; border-right:0; width:295px; height:24px; padding: 0 5px; line-height:24px;}

.formular div select{width:305px; border:1px dotted #1a171b; border-left:0; border-right:0;/*border:0;*/ line-height:26px; padding:3px 5px;}

/* CHECKBOX */
.formular div .chbx{position:relative; top:2px; margin-right:5px; width:auto;}

.formular input.btn-warenkorb{width:305px; position:relative; left:210px;}

.small{font-size:11px; margin:0; position:relative; left:210px;}

#errors p{margin:0;}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== 

    nav a {
        float: left;
        width: 27%;
        margin: 0 1.7%;
        padding: 25px 2%;
        margin-bottom: 0;
    }

    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }*/

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== 

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }*/
}

@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== 

    .header-container,
    .main aside {
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
    }*/

/* ============
    WIDE: Menu
   ============ 

    .title {
        float: left;
    }

    nav {
        float: right;
        width: 38%;
    }*/

/* ============
    WIDE: Main
   ============ 

    .main article {
        float: left;
        width: 57%;
    }

    .main aside {
        float: right;
        width: 28%;
    }*/
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== 

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins * /
        margin: 0 auto;
    }*/
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*
	a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
	*/

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}