@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700,200);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin,latin-ext);
@import url(https://services.sevenbit.ch/fonts/font.icomoon.inc.css);

/*##################
Name / Type:				Lavande
Autor: 						Simon Klaus
Version: 					in progress
Datum:						12.08.2013
File: 						/include/style.inc.css
Validiert:					W3C Validated
##################*/

/*##################
HTML-Tags
##################*/

* {
	font-family:			'Yanone Kaffeesatz', sans-serif;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

body, html {
	width:					100%;
	height:					100%;
	font-size:				25px;
	font-weight:			400;
	color:					#3a252b;
}

#container {
	position:				relative;
	width:					100%;
	height:					100%;
	overflow:				hidden;
}

html>/**/body #container[id] {
	display:				table;
	position:				static;
}

#container_box {
	position:				absolute;
	top:					0px;
	width:					100%;
	text-align:				center;
}

html>/**/body #container_box[id] {
	display:				table-cell;
	position:				static;
	vertical-align:			middle;
}

#main {
	position:				relative;
	top:					0px;
	width:					1150px;
	height:					1225px;
	text-align:				left;
	margin:					0px auto 50px auto;
	z-index:				999;
	-moz-box-shadow:0px 2px 20px rgba(0,0,0,0.75); -webkit-box-shadow:0px 2px 20px rgba(0,0,0,0.75); box-shadow:0px 2px 20px rgba(0,0,0,0.75);
}

#main_logo #logo_box {
	opacity:				0.0;
	position:				absolute;
	top:					20px;
	left:					50%;
	margin:					-150px;
	z-index:				99;
}

#main_header {
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					1150px;
	height:					167px;
	background:				url("../images/header_backgnd.png") no-repeat;
}

#main_menu_ajax {
	position:				absolute;
	top:					138px;
	left:					0;
	width:					1150px;
	height:					25px;
	font-weight:			200;
}

#menu_items {
	text-align:				center;
	font-size:				18px;
	z-index:				100;
}

#menu_items .item_active {
	color:					#9d66a8;
	font-weight:			400;
}

#main_langmenu {
	position:				absolute;
	left:					5px;
	top:					5px;
	height:					20px;
	height:					65px;
}

#main_langmenu_items {
	display:				none;
	margin:					10px 0px 0px 0px;
}

#main_langmenu_items a {
	display:				block;
	width:					17px;
	height:					11px;
	margin:					3px 0px 3px 0px;
}

#main_langmenu_items img {
	width:					100%;
	height:					100%;
}

#main_content_slider {
	position:				absolute;
	top:					167px;
	left:					0px;
	width:					960px;
	height:					500px;
	text-align:				center;
	background:				url("../images/content_slider_backgnd.png") top center no-repeat;
	padding:				8px 95px 8px 95px;
	margin:					0px;
}

#main_content {
	position:				absolute;
	top:					217px;
	left:					0px;
	width:					900px;
	height:					1008px;
	font-weight:			200;
	text-align:				left;
	background:				url("../images/content_backgnd.png") center center no-repeat;
	padding:				0px 125px 0px 125px;
}

#main_content #column_left, #main_content #column_right {
	float:					left;
}

#main_content #column_left {
	width:					485px;
	margin:					0px 30px 0px 0px;
	
}

#main_content #column_right {
	width:					385px;
}

#main_loadingbar_ajax {
	position:				absolute;
	top:					825px;
	left:					50%;
	margin:					0px 0px 0px -32px;
}

#main_errorbar_ajax {
	position:				absolute;
	top:					250px;
	left:					250px;
	width:					250px;
	text-transform:			uppercase;
}

#main_printbar_ajax {
	position:				absolute;
	top:					230px;
	right:					20px;
	font-size:				18px;
}

#overlay {
	background:				white;
	border:					0px solid #9d66a8;
	border-width:			3px 0px 15px 0px;		
}

#overlay_content {
	height:					auto;
	min-height:				550px;
	text-align:				justify;	
	padding:				25px;
}

#overlay_content .main_content_bottom {
	display:				none;
}

/* ================================================= */

h1 {
	font-family:			'Great Vibes', cursive;
	font-size:				58px;
	font-weight:			normal;
	text-align:				center;
	color:					#9d66a8;
	clear:					both;
	margin:					90px 0px 5px 0px;
}

h2 {
	font-size:				48px;
	font-weight:			bold;
	clear:					both;
	margin:					5px 0px 5px 0px;
}

h3 {
	font-size:				34px;
	font-weight:			normal;
	clear:					both;
	margin:					5px 0px 5px 0px;
}

h4 {
	font-weight:			normal;
	clear:					both;
	margin:					5px 0px 5px 0px;
}

h1 > span, h2 > span, h3 > span {
	font-weight:			normal;
}

p {
	font-weight:			200;
	margin:					0px 0px 12px 0px;
}

p  > span {
	font-weight:			400;
	color:					#9d66a8;
}

a:link, a:active, a:visited {
	color:					#9d66a8;
	text-decoration:		none;
}

a:hover {
	color:					#3a252b;
}

img {
	border:					none;
}

.cleardiv {
	clear:					both;
}

.label {
	float:					left;
	width:					25%;
	padding:				5px 0px 0px 0px;
	margin:					0px 0px 5px 0px;
}

input[type=text], input[type=password], textarea, select {
	width:					180px;
	color:					#FFFFFF;
	background:				#3a252b;
	border:					none;
	padding:				10px 10px;
	margin:					0px 0px 10px 0px;
}

input[type=submit], input[type=button] {
	width:					180px;
	color:					#FFFFFF;
	background:				#9d66a8;
	border:					0px;
	margin:					0px 0px 10px 0px;
	padding:				4px 7px;	
}

input[type=text] {
	width:					265px;
}

input[type=submit]:hover, input[type=button]:hover {
	color:					#EEEEEE; -moz-box-shadow:0 0 5px #FFF; -webkit-box-shadow:0 0 5px #FFF; box-shadow:0 0 5px #FFF;
}


input[type=checkbox] {
	background-color:		#E9E9E9;
	border:					2px solid #FFFFFF; -moz-box-shadow:0 0 2px 000; -webkit-box-shadow:0 0 2px #000; box-shadow:0 0 2px #000;
	margin:					5px 5px 0px 10px;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover {
	background-color:		#9d66a8;
}

/* ================================================= */

#main_content ul, #overlay_content ul {
	list-style-type:		square;
	padding-left:			15px;
	margin:					0px 0px 12px 0px;
}

#main_content_slider #content_slider { 
	width:					960px;
	height:					474px;
	background:				rgba(255,255,255,0.25);
	border:					5px solid white;
	border:					5px solid rgba(255,255,255,0.5);
}

#main_content_slider .orbit-wrapper {
	display:				none;
}

#main_content_slider .slider-nav span.left { 
	left:					5px !important;
}

#main_content_slider .slider-nav span.right {
	right:					-5px !important;
}

#main_content_slider #content_slider img {
	width:					960px;
	height:					474px;
}

#content_map h2 {
	font-size:				24px;
}

#content_map p.address {
	text-align:				left;
}

.main_content_fade {
	opacity:				0.5;
}
	
.content_hidden_toggler:before {
    content:				"\002B";	
    margin-right:			5px;
}

#toggler_active:before {
    content:				"";
    margin-right:			0px;	
}

.content_hidden_items {
	display:				none;
}

#toggler_active + .content_hidden_items {
	display:				block;
}

.main_content_nav {
	text-transform:			uppercase;
	width:					115px;
	height:					21px;
	background:				url("../images/content_nav_backgnd.png") no-repeat;
	padding:				2px 0px 10px 35px;
	margin:					-8px 0px 10px 0px;
}

.main_content_bottom {
	position: 				absolute;
	bottom:					0px;
	clear:					both;
}

.main_content_bottom  span, .main_content_bottom  a {
	float:					left;
	text-transform:			uppercase;
	font-weight:			bold;
	margin:					0px 25px 0px 0px;
}