@import url(skeleton/base.css);
@import url(skeleton/skeleton.css);

* {
    margin: 0;
    padding: 0;
}

html, body {
	min-height: 100%;
    font-size: 15px;
    line-height: 1.5;
}

body {
    background: #fff;
    color: #666;
}

.ie body {
	width: 540px;
	margin: auto;
}

::selection {
    background: #AA1F43;
    color: #f4f4f4;
}
img::selection {
    background: transparent;   
}

#border {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #AA1F43;
    z-index: 999;
}

a {
    color: #AA1F43;
    font-weight: bold;
    text-decoration: none;
}

#content a {
	color: #666;
	border-bottom: 1px solid #eee;
}

p img {
    width: 100%;
}

.round {
    border-radius: 50%;
}

table {
    width: 100%;
}
    table td {
        padding: 5px;
    }
ul {
	margin-left: 1em;
	list-style: square;
}

li {
    line-height: 1.5em;
}

.hl {
    margin-left: 0;
}
    .hl li {
        display: inline;
    }
    .hl li:after {
        margin: 0 10px;
        content: ' - '; 
    }
    .hl li:last-child:after {
        content: '';   
    }

.light {
	color:  #aaa !important;
}

.price {
	display: table-row;
}

.price .description {
	display: table-cell;
	padding-right: 1em;
}

#wrap {
    padding-top: 50px;
}
#content .page:first-child {
	padding-top: 60px;
}
#content .page {
    padding-top: 65px;
    /*border-bottom: 1px solid #f4f4f4;*/
    background: url('../img/shadow-top.jpg') center 20px no-repeat;
    background-attachment:;
}
#content .page:first-child {
	background: none;
	border: none;
}

aside {
    width: 220px;
    padding-top: 14px;
    position: fixed;
    text-align: right;
}
    header aside {
        padding-top: 6px;
        height: 100%;
        background: url(../img/fig.png) 0 50px no-repeat;

    }

header {
    height: 50px;
}

.logo {
	position: relative;
	z-index: 99;
}

nav {
	position: relative;
	z-index: 99;
	margin-top: 50px;
}

nav ul {
    margin: 0;
    list-style: none;
}
    nav ul > li {
        position: relative;
    }
    nav ul > li a {
        color: #444;
        display: inline-block;
        position: relative;
        text-decoration: none;
    }
    nav ul > li a.active {
        padding-left: 1em;
    }
    
    
.js .jsCollapse {
    display: none;
}

.offer .leftCol {
	width: 320px !important;
}

.offer .rightCol {
	float: right !important;
}

.js .offer {
	cursor: pointer;
	margin: 0;
	padding: 0 0 20px;
}

.js .offer:last-child {
	padding: 0;
}

.js .offer h3 {
	-webkit-transition: margin-left .2s ease-in-out 0s;
}

.js .offer:hover h3 {
	color: #000;
	margin-left: 5px;
}

.js .offer.open:hover h3 {
	margin-left: 0;
}

.js .offer h3:before {
	position: relative;
	display: inline-block;
	width: 1em;
	content: '+';
	font-size: 18px;
	font-weight: bold;
	color: #888;
}

.js .offer.open h3:before {
	content: '-';
	bottom: 4px;
}

.offerBody {
    margin-left: 18px;
}

footer {

    background: #f4f4f4;
    margin-top: 30px;
}
	footer .page {
		margin: 0;
		padding: 0;
		padding-top: 50px;
	}
    footer a, footer a:hover, footer h1, footer h2, footer h3, footer h4, footer strong {
        color: inherit;
    }
    
    footer #phoneme {
        display: none;
        background: #a52d2d bottom;
        border: 1px solid #952f2e;
        color: #f4f4f4;
        text-shadow: 1px 1px 0 rgba(0,0,0,.1);
    }

.subfooter {
	position: relative;
	min-height: 100%;
    padding-top: 25px; 
    font-size: 12px;
    color: #999;
    overflow: hidden;
    background:  #fff;
    z-index: 99;
}
    .subfooter * {
        color: #999;
    }

    .subfooter > div {
        border-bottom: 1px solid #f4f4f4;
    }
@media only screen and (min-width: 768px) and (max-width: 959px) {
	aside {
		margin-left: -45px;
	}
}
@media only screen and (max-width: 767px) {
	body, li, h1, h2, h3 {
		/*font-size: 110%;
		line-height: 1.5;*/
	}
	h2 {
		font-size: 125%;
	}
    footer #phoneme {
        display: inline-block;
    }
    
    .ta-c {
        text-align: left;
    }
    
    #wrap {
    	padding-top: 20px;
    }
    
    footer {
    	padding: 20px 0;
    }
    
    .subfooter {
    	min-height: auto;
    }
        
    .page {
        background: none !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-top: 20px !important;
        background: none !important;
    }
    
    .page:first-child {
    	padding-top: 0 !important;
    }
    
    .columns.six + .columns.six {
    	margin-top: 20px !important;
    }
    
    aside {
        position: static;
        width: auto;
        text-align: center;
    }
    
    nav, #content.page:first-child {
    	margin-top: 0;
    	padding-top: 0;
    }
    

    nav ul li {
        display: block;
        
    }
    nav ul li:after {
        content: none;
    }
    nav ul li a {
        display: block;
        padding: 10px;
        background: #f4f4f4;
        border-bottom: 1px solid #ddd;
    }
    
    header h1 {
        text-align: center;
    }
    
    #content {
        margin-top: 50px;
    }
    
    #angebot .border {
        display: none;
    }
    
    .round {
        border-radius: 0;
    }
}
.logo {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/logo.png);	
	background-size: 50px;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { 
    .logo {
    	background: url(../img/logo@3x.png);
        background-size: cover;
    }
}