/* CUSTOM STYLESHEET for LINDE BESTATTUNGEN */
/* author: ideenwerft GmbH */
/* author site: www.ideenwerft.com
/* copyright 2013 */
/* version: 0.1 */
/* date: mar 2013 */


/* overwrites layout.css */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../Fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* =LAYOUT ======================== */
body {font-size:14px;font-family:Helvetica;font-weight:normal;color:#3c3c3c;background:#faf8f3;}
#wrap {
	width:960px;
	background:none;
}
#wrap > header {height:340px;margin-bottom:40px;background:url("../Img/grey-flowers.png") no-repeat 150px 0px #fffefd;}
.layout-2col section#content {
	width:660px;
	padding:35px 40px 40px;
	margin-bottom:10px;
	background:#fffefd;
	box-shadow:8px 0 15px #ECEBEA;
	z-index:5;
	position:relative;
}
.layout-2col aside {
	width:300px;
	padding:40px 20px 35px 30px;
	margin-bottom:10px;
	background:#fffefd;
	z-index:0;
}

#logo {display:inline-block;width:175px;height:102px;margin:20px 10px 15px 40px;background:url("../Img/linde-logo.png") no-repeat;text-indent:-9999px;}


/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.note {font-size:0.9em;font-style:italic;color:#999;}
.special {font-size:18px;}
.special strong {font-size:14px;}
/* links */
a:link, a:visited {color:#a20d4d;text-decoration:none;}
a:hover, a:focus {color:#666;}
:active, :focus {outline:0;}
a.internal-link:hover, a.internal-link:focus {color:#880038;}
a.pdf {padding-left:15px;background:url("../Img/icons.png") 0 -180px no-repeat;}
a.doc {padding-left:15px;background:url("../Img/icons.png") 0 -210px no-repeat;}

/* skip link - sichtbar beim navigieren per tastatur */
#skip a, #skip a:hover, #skip a:visited {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#skip a:active, #skip a:focus {position:static;width:auto;height:auto;} 
/* anker-tags f�r interne links nach oben setzen*/
a.anchor {position:absolute;margin-top:-35px;}
/* text */
h1,h2,h3,h4,h5 {font-family:Open Sans;font-weight:normal;}
p {
	margin-bottom:10px;
	line-height:20px;
}
h1 {
	margin-top: 0;
	margin-bottom:15px;
	font-size:28px;
	color:#8d0b41;
}
h2 {
	margin:10px 0 10px;
	font-size:20px;
	color:#3c3c3c;
	font-weight: 600;
}
aside h2 {
	margin-left:-30px;
	padding:0px 35px 5px 30px; 
	position:relative;
	width:230px;
	z-index:10;
	font-size:18px;
	border-bottom:1px solid #a20d4d;
	background:url("../Img/hunderline.gif") no-repeat -5px 22px;
	color:#a20d4d;
}
h3 {margin:5px 0 10px;font-size:18px;color:#a20d4d;}
h4 {margin:5px 0 10px;font-size:13px;}
h5 {font-size: 1.1rem;}

/* other */
ul {list-style:disc;margin:0 0 10px 20px;line-height:1.5em;}
ol {list-style:decimal;margin:0 0 10px 20px;line-height:1.5em;}
#content .csc-textpic-imagewrap ul, #content .csc-textpic-imagewrap ol {margin-left:0px;}
blockquote {padding:15px 40px;}
blockquote p {color:#0061a1;font-size:14px;font-style:italic;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table th, table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
table p {padding:0;margin:0;}
hr, hr.linie-davor,  hr.linie-danach {clear:both;background-color:#adadad;color:#adadad;border:#adadad;height:1px;margin:10px 0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:2px;color:#336699;}
input:focus, textarea:focus {background-color:#f3f3f3;}
.csc-linkToTop {margin:30px 0 20px;}
.csc-linkToTop a:link, .csc-linkToTop a:visited {background:url("../Img/to-top.gif") 0 0 no-repeat;padding:2px 0 0 18px;font-weight:bold;text-decoration:none;}
.csc-linkToTop a:hover, .csc-linkToTop a:focus, .csc-linkToTop a:active {background:url("../Img/to-top.gif") 0 -30px no-repeat;text-decoration:none;}

img {
	max-width: 100%;
	border:0;
}
.ce-border img {
	border: 1px solid #999999;
    padding: 3px 3px;
}


/* =NAVIGATION ======================== */
header nav {float:right;margin-top:100px;margin-right:10px;font-size:15px;}
ul#navi li {list-style:none;display:inline-block;padding:0 12px 2px;border-right:1px solid #f6e9ef;}
ul#navi li:last-child {border:none;}
ul#navi li a:link, ul#navi li a:visited {display:block;padding:3px 2px 0;text-decoration:none;color:#a9476f;}
ul#navi li a:hover, ul#navi li a:focus {color:#880038;border-bottom: 2px solid #880038;}
ul#navi li.cur a {color:#880038;border-bottom: 2px solid #880038;}


div#keyvisual {border-top:5px solid #880038;padding-bottom:20px;background:url("../Img/key-shadow.png") no-repeat scroll 0 200px rgba(0, 0, 0, 0);}

/* =CONTENT ELEMENTS ======================== */
body.start h1 + p {
	margin-top:-10px;
	margin-bottom:20px;
	font-family:open sans;
	font-size:20px;
	color:#593e49;
}

.box-2col > div {padding-right:15px;}
.box-2col .csc-textpic img {width:254px;height:120px;} 
.box-2col .csc-textpic-text p {padding-left:1px;}
.box-2col .csc-textpic .csc-textpic-imagewrap {margin:0px;}

.csc-mailform .csc-form-element-textblock {font-size:12px;font-style:italic;color:#ccc;}

/* =ASIDE ======================== */
aside h2 {margin-top:45px;}
aside div:first-child h2 {margin-top:0;} 
aside h2 + .csc-textpic {margin-top:20px;}
aside ul {margin: 0 0 0 15px;list-style-position:outside;}


/* =FOOTER ======================== */
.layout-2col footer {background:none;font-size:12px;color:#7e6734;}

/* +++ musthave ++++ */
ul.musthave {list-style:none;margin:0px;float:left;}
ul.musthave li {display:inline-block;}
ul.musthave li.first {padding-right:5px;border-right:1px solid #7e6734;}
ul.musthave li.last {padding-left:5px;}
ul.musthave li a:link, ul.musthave li a:visited {color:#7e6734;}
ul.musthave li a:hover, ul.musthave li a:focus {color:#a79366;}

/* +++ copy ++++ */
span.copy {float:right;}
span.copy a:link, span.copy a:visited {color:#7e6734;text-decoration:none;}
span.copy a:hover, span.copy a:focus {color:#a79366;}

/* +++ Orte +++ */
p.orte {display:inline-block;margin-left:50px;margin-top:20px;font-size:20px;color:#A79366;}
p.orte + ul {text-align:center;margin-bottom:20px;}
p.orte + ul li {display:inline-block;margin:4px 5px;color:#b1a076;font-size:22px;font-weight:lighter;}
p.orte + ul li.priority-low {font-size:18px;}
p.orte + ul li.priority-high {font-size:28px;}
p.orte, p.orte + ul {opacity:0.8;}



/* =DCE ======================== */
.dce-teaser {
	margin-top: 30px;
}
.dce-teaser img {
	border: 1px solid #999999;
    padding: 3px 3px;
}
.dce-teaser .text-wrap {
    padding: 0.7rem 0;
}

/* galerie aside */
.dce-image-galerie {
	margin-top: 20px;
	max-width: 95%;	
}
.dce-image-galerie .row {
	margin-left: -5px;
	margin-right: -5px;
}
.dce-image-galerie .row > div {
    padding-bottom: 1rem;
	padding-left: 5px;
	padding-right: 5px;
}

/* google maps 2 click */
.dce-gmaps {
	margin: 0;
}
.dce-gmaps .text-wrap {
    padding: 10px;
    background: rgba(25,25,25,.4);
}
.dce-gmaps .text-wrap > p {
    margin-bottom: 0;
    line-height: 1em;
    font-size: 13px;
}
.dce-gmaps .btn {
	padding: 5px 9px;
    font-size: 0.9rem;
    line-height: 1em;
	background: #a20d4d;
	border-radius: 2px;
	margin-top: 10px;
}
/* =EXTENSIONS ======================== */