/* Web Fonts */
@font-face {
  font-family: 'Lusitana';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/lusitana-v13-latin-regular.woff2') format('woff2'), 
       url('/fonts/lusitana-v13-latin-regular.woff') format('woff'); 
}


@font-face {
  font-family: 'Lusitana';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/lusitana-v13-latin-700.woff2') format('woff2'), 
       url('/fonts/lusitana-v13-latin-700.woff') format('woff'); 
}


@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/pt-sans-v17-latin-ext_latin-regular.woff2') format('woff2'), 
       url('/fonts/pt-sans-v17-latin-ext_latin-regular.woff') format('woff'); 
}

@font-face {
  font-family: 'Della Respira';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/della-respira-v18-latin-regular.woff2') format('woff2'), 
       url('/fonts/della-respira-v18-latin-regular.woff') format('woff'); 
}

	/* @group html5 reset */
	* {
		margin: 0;
		padding: 0;
	}
/* Standard rules! */
/* Bottom Stick Footer */
    html,
    body {
    margin:0;
    padding:0px;
	height:100%;
    }
    #wrapper {
    min-height:100%;
    position:relative;
	background-image:url(../media/base/background-small.jpg);
	
	background-repeat:no-repeat;
	background-size:cover;
	padding:10px;
    }
    #header_div {
    padding:10px;
    background:#5ee;
    }
    #content_div {
    padding:10px;
	padding-bottom:80px;
    }

a {
	color:rgba(21,143,173,1.00);
}

body {
	font:16px/1.5 Georgia, serif;
	color:#CBA5C0;
	border-top:1em solid rgb(40, 40, 40);
}

p {
	color:#C7C3C3;
}

p {
	padding: 2px 15px;;
	font-family:"PT Sans";
	font-size: 20px;
}
section {
	margin-bottom: 20px;
}

figcaption {
	text-align:center;
	font-family:'Della Respira', "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:22px;
	margin-top: 10px;
}
.fig_cap {
	font-family:'Della Respira', "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/* SECTION */
section {
	width:100%;
	margin: 0 auto;
	margin-top: 15px;
	background-color:rgba(99,36,36,0.8);
	-webkit-box-shadow: inset 7px 7px 12px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    inset 7px 7px 12px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         inset 7px 7px 12px 0px rgba(0, 0, 0, 0.3);
	border: 1px white medium;
}
section:not(:first-child) {
	margin-top: 10px;
}

.full-width {
	width: 100%;
	padding: 0;
	margin: 0;
	float:left;
	position:relative;
	margin-left:-20px;
}
.float_section_design {
	margin-left: -20px;
	padding: 20px 20px;
}

figure {
	margin-bottom: 20px;
}

	.ui-tooltip, .arrow:after {
		background: black;
		border: 2px solid white;
	}
	.ui-tooltip {
		padding: 10px 20px;
		color: white;
		border-radius: 20px;
		font: bold 14px "Helvetica Neue", Sans-Serif;
		text-transform: uppercase;
		box-shadow: 0 0 7px black;
	}
	.arrow {
		width: 70px;
		height: 16px;
		overflow: hidden;
		position: absolute;
		left: 50%;
		margin-left: -35px;
		bottom: -16px;
	}
	.arrow.top {
		top: -16px;
		bottom: auto;
	}
	.arrow.left {
		left: 20%;
	}
	.arrow:after {
		content: "";
		position: absolute;
		left: 20px;
		top: -20px;
		width: 25px;
		height: 25px;
		box-shadow: 6px 5px 9px -9px black;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		tranform: rotate(45deg);
	}
	.arrow.top:after {
		bottom: -20px;
		top: auto;
	}
	.small {
		font-size: 14px;
	}
/* END STANDARD RULES */

/* Rules für die kleinste Seite */
.container_float_left {
	clear:both;
	border-bottom: 1px dotted #C7C3C3;	
}
.container_float_right {
	clear:both;
	border-bottom: 1px dotted #C7C3C3;	
}

.img-container {
	float:left;
	width:100%;
	height:auto;
	padding: 10px;
}
.center {
    margin: 0 auto;
    display: block;
}
img {
	width: 80%;
	height:auto;
	margin: 0 auto;
}

.first-paragraph {
	padding-top: 25px;
	border-top: dotted 2px #C7C3C3;
}

.small_headline {
	font-family: 'Della Respira', serif;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	text-shadow:rgba(51,51,51,0.5) 2px 2px 1px ;
	border-bottom: 2px dashed #C7C3C3;
	border-top: 1px dotted #C7C3C3;
	text-align:center;
}
.float-center {
	width:90%;
	margin: 0 auto;
	height:auto;
	padding: 10px;
}



/* Ordinary CSS */

.image_float {
	margin: 20px;
	padding:10px;
	width: 90%;
}

/* ENDE ORDINATION CSS */

@media only screen and (min-width : 768px) and (orientation:landscape) {
.small_headline {
	border-top:none;
}
.container_float_left {
	clear:none;
	border-bottom:none;
	width:50%;
	float:left;
}

.container_float_right {
	clear:none;
	border-bottom:none;
	width:50%;
	float:left;
}
.float-center {
	width:70%;
	margin: 0 auto;
	height:auto;
	padding: 10px;
}

/* ORDINATION CSS */

.image_float {
	float:left;
	width:26%;
	margin: 20px;
	padding:10px;
}

.filler-text {
	margin: 20px 150px;
	border-bottom:2px dashed #C7C3C3;
	padding-bottom:20px;
}

/* ENDE ORDINATION CSS */

}
@media only screen and (min-width: 1280px) and (orientation:landscape) {
	#wrapper {
		background-image:url(../media/base/background-big.jpg);
	}
.container_float_left {
	width:33%;
	float:left;
}

.container_float_right {
	width:66%;
	float:left;
}
.columns {
	text-align:left;
	
    -webkit-column-count: 2;  
    -webkit-column-gap: 30px; 
	/* 
    -webkit-column-rule-color: silver;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 3px;
 	*/
    -moz-column-count: 2;  
    -moz-column-gap: 30px;
	/*
    -moz-column-rule-color: silver;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 3px;
 	*/
    column-count: 2;  
    column-gap: 30px;
	/*
    column-rule-color: silver;
    column-rule-style: solid;
    column-rule-width: 3px;
	*/
}
.float-center {
	width:60%;
	margin: 0 auto;
	padding: 10px;
}

/* ORDINATION CSS */

.image_float {
	float:left;
	width:30%;
	padding:0;

}

/* ENDE ORDINATION CSS */


}
.clear:after {
	clear:both;
    content: "";
    display: table;
}
.clear_all {
	clear:both;
}