/*

KARIN MATTERNE COLORS
2013 08 21



*/
body {
	background-color: #D4D2D7;
	color: #333333;
}

#header,
#content {
	background-image: url(/files/bg_rounded_top.gif);
	background-color: #fff;
}
#header-footer,
#content-footer {
	background-image: url(/files/bg_rounded_bottom.gif);	
	background-position: 0 bottom;
}



#header #mobile-header a.trigger {
	background-image: url(/files/men.gif);	
	background-position: 0 0;
}



#header #mobile-header h2 {
	color: #000;
        margin-top: 8px;
}
#header #mobile-header h3 {
	color: #fff;
}





#header .col-1 { 
	background-color: #323134; 
}

#header .col-2,
.c-2 .nav-content { 
	background-color: #AA95AC; 
}

#header .col-3,
#header #mobile-header h3 { 
	background-color: #7A0146; 
}

#header .col-4,
#mobile-nav { 
	background-color: #D5CAD6; 
}



#header .col-3 ul {
	background-image: url(/files/bg_subnav.png);
	background-position: 100% bottom;
}


#header .col-2 li.aktiv { background-color: #BFAFC0;}



.c-1 #header .col-3 li.aktiv { border-left: 5px solid #7A0146; background-color: #D5CAD6; }
.c-1 #header .col-2 li.aktiv { background-color: #D5CAD6;}



.c-2 #header .col-2 { background-color: #96A8C8; }
.c-2 #header .col-3,
.c-2 #header #mobile-header h3 { background-color: #6982B1; }

.c-2 #content .box,
.c-2 #content a.ext-link,
.c-2 #content a.int-link { background-color: #DEE6F4; }

.c-2 #header .col-4,
.c-2 #header #mobile-nav,
.c-2 .nav-content { background-color: #D2DAE8; }

.c-2 #content a.ext-link:hover,
.c-2 #content a.int-link:hover,
.c-2 #content a.selected { background-color: #AABEE0; }

.c-2 #header .col-3 li.aktiv { border-left: 5px solid #6982B1; background-color: #D2DAE8; }
.c-2 #header .col-2 li.aktiv { background-color: #B0BDD5;}


.c-3 #header .col-2 { background-color: #C88E64; }
.c-3 #header .col-3,
.c-3 #header #mobile-header h3 { background-color: #D48043; }
.c-3 #header .col-4,
.c-3 #header #mobile-nav,
.c-3 .nav-content { background-color: #F3DAC7; }
.c-3 #header .col-3 li.aktiv { border-left: 5px solid #D48043; background-color: #F3DAC7; }
.c-3 #header .col-2 li.aktiv { background-color: #D5AA8A;}

.c-3 #content .box,
.c-3 #content a.ext-link,
.c-3 #content a.int-link { background-color: #F3DAC7; }

.c-3 #content a.ext-link:hover,
.c-3 #content a.int-link:hover,
.c-3 #content a.selected { background-color: #E2A071; }

.c-4 #header .col-2 { background-color: #9198B6; }
.c-4 #header .col-3,
.c-4 #header #mobile-header h3 { background-color: #485487; }
.c-4 #header .col-4,
.c-4 #header #mobile-nav,
.c-4 .nav-content { background-color: #C8CBDB; }
.c-4 #header .col-3 li.aktiv { border-left: 5px solid #485487; background-color: #C8CBDB; }
.c-4 #header .col-2 li.aktiv { background-color: #ACB1C8;}


.c-5 #header .col-2 { background-color: #A2B6A9; }

.c-5 #header .col-3,
.c-5 #header #mobile-header h3 { background-color: #648670; }

.c-5 #content .box { background-color: #E8EDEA; }

.c-5 #header .col-4,
.c-5 #header #mobile-nav,
.c-5 .nav-content { background-color: #D1DBD4; }
.c-5 #header .col-3 li.aktiv { border-left: 5px solid #648670; background-color: #D1DBD4; }
.c-5 #header .col-2 li.aktiv { background-color: #B9C8BE;}



.c-6 #header .col-2 { background-color: #8FA2B3; }

.c-6 #header .col-3,
.c-6 #header #mobile-header h3 { background-color: #456482; }

.c-6 #content .box,
.c-6 #content a.ext-link,
.c-6 #content a.int-link { background-color: #E3E8ED; }
 
.c-6 #header .col-4,
.c-6 #header #mobile-nav,
.c-6 .nav-content,
.c-6 #content a.ext-link:hover,
.c-6 #content a.int-link:hover,
.c-6 #content a.selected { background-color: #C7D0DA; }

.c-6 #header .col-3 li.aktiv { border-left: 5px solid #456482; background-color: #C7D0DA; }
.c-6 #header .col-2 li.aktiv { background-color: #AAB9C5;}



.c-7 #header .col-2 { background-color: #BD8FA3; }
.c-7 #header .col-3,
.c-7 #header #mobile-header h3 { background-color: #C46586; }
.c-7 #header .col-4,
.c-7 #header #mobile-nav,
.c-7 .nav-content { background-color: #E3CED7; }
.c-7 #header .col-3 li.aktiv { border-left: 5px solid #C46586; background-color: #E3CED7; }
.c-7 #header .col-2 li.aktiv { background-color: #CDAAB9;}



#header .col-1 a,
#header .col-1 p {
	color: #999;
}
#header .col-2 a, 
#header .col-2 p {
	color: #fff;
}
#header .col-3 a {
	color: #666;
}
#header .col-3 {
	color: #fff;
}

#mobile-header #mobile-nav ul li a {
	color: #434343;
}

#mobile-header #mobile-nav ul.level1 > li.aktiv  {
	background-image: url(/files/active.png);
	background-position: 0 0;
}
#mobile-header #mobile-nav ul.level2 > li.aktiv  {
	background-image: url(/files/active.png);
	background-position: 0 9px;
}

#header .col-2 li.aktiv {
	border-left: 5px solid #fff;
}

#content h1.stil-1,
#content h1.stil-2,
#content h1.stil-5,
#content p.p-h1,
#content .txtstil-1,
#content .col-m-2 .txtstil-2 ul,
#content .col-m-1 .txtstil-2    {
	background-image: url(/files/dotted.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}


#content h1.stil-4  {
	background-image: url(/files/dotted.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}

#content p.p-h1 {
	background-position: 0 bottom;
}

#content .artikelliste .p-h1 {
	background-position: 0 top;
}


#content h1.stil-2,
#content h1.stil-3,
#content p.p-h1,
#content p.p-h2 {
	color: #666;
}

.c-1 #content h1.stil-2 {
	color: #734f76;
}

.c-2 #content h1.stil-6 {
    color: #CBD4E4;
}
.c-3 #content h1.stil-6 {
    color: #E8B597;
}


#content .col-m-2 ul li {
	background-image: url(/files/li.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

#content .txtstil-2 ul li {
	background-image: url(/files/li-list.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

#content div.zitat {
	background-image: url(/files/zitat.jpg);
	background-repeat: no-repeat;
	margin: 20px 0 0 80px;
	width: 513px;
	padding: 5px 0 0 40px;
}

#content .zitat span {
	color: #666;
}
#content .zitat p {
	color: #ab95ad;
}






.logo a {
    background-image: url(/files/karin_matterne_logo.png);
    background-repeat: no-repeat;
    background-position: -7px 0;
}

.c-2 .logo a { 
	background-position: -7px -70px;
}
.c-3 .logo a { 
	background-position: -7px -140px;
}
.c-4 .logo a { 
	background-position: -7px -210px;
}
.c-5 .logo a { 
	background-position: -7px -280px;
}
.c-6 .logo a { 
	background-position: -7px -350px;
}
.c-7 .logo a { 
	background-position: -7px -420px;
}

#mobile-nav {
     height: 34px;
     background-image: url(/files/karin_matterne_logo.png);
     background-position: 188px 2px;
}
.c-2 #mobile-nav {
     background-position: 188px -68px;
}
.c-3 #mobile-nav {
     background-position: 188px -138px;
}
.c-4 #mobile-nav {
     background-position: 188px -208px;
}
.c-5 #mobile-nav {
     background-position: 188px -278px;
}
.c-6 #mobile-nav {
     background-position: 188px -348px;
}
.c-7 #mobile-nav {
     background-position: 188px -418px;
}