@charset "UTF-8";
@import "library";
@import "variables";

/**
 * Basic Structure CSS Template.
 *
 * @copyright       Copyright 2010, 2011 InfinitySOFT
 * @author          Tristan Lins <tristan.lins@infinitysoft.de>
 * @link            http://www.infinitysoft.de
 *
 * Based on "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 */

.block {
	overflow: visible;
}

/* --- Basic Layout ---------------------------------------------------- */
body {
	background-color: #656565;
}

#page_margins {
	width: 706px !important;
}

#page {
	margin: 10px 0;
	padding: 0 5px 5px;
	background-color: #fff;
	
}

#header {
}

#header_content .mod_module_richtext {
	background: url('../images/logo.jpg') no-repeat scroll 0 0;
	height: 100px;
	margin: 8px;
	clear: both; // für den IE
	width: 100%; // auch für den IE
}

#main {
	padding: 8px 8px 0;
}

#footer {
	margin: 0 8px 8px;
	font-size: 80%;
}
#footer_content {
	background-color: #dfd6c4;
	padding: 10px 20px;
}
#footer_content p {
	margin-bottom: 0;
}

/** --- Content Area ---------------------------------------------------- */

#col1 {
}
#col1_content {
}

#col2 {
	display: none;
}
#col2_content {
}

#col3 {
	margin-right: 0 !important;
}
#col3_content {
}

/** --- Miscellaneous -------------------------------------------------- */

.invisible {
	width:0;
	height:0;
	left:-1000px;
	top:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
}


/** --- Breadcrumbs ----------------------------------------------------- */
.mod_breadcrumb {
	margin-bottom: 1em;
}

/** --- Navigation structure -------------------------------------------- */
#topnav,
#nav {
	margin: 0 8px 0;
    padding: 5px 10px 15px;
	// overflow: hidden; // für den IE7

	ul,
	li {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	li.level_1 {
		display: inline;
		margin: 0 5px;
		padding: 5px 4px;
		font-weight: bold;
		font-size: 13px;

		a {
			color: #666;
			text-decoration: none;

			&:hover {
				color: #999;
			}
		}

		&.trail,
		&.active {
			color: #66abc5;
			border-bottom: 3px solid #66abc5;
		}
	}
}

#topnav {
    padding: 18px 10px 15px;

	ul {
		float: right;
	}
}

#nav {
	ul.level_1 {
		text-align: center;
	}
	
	li.level_1 {
		position: relative;
	}
	
	ul.level_2 {
		position: absolute;
		left: -1px;
		top: 99%;
		min-width: 120%;
		margin-left: -1px;
		z-index: 1;
		background: #fff;
		background: rgba(255,255,255,.9);
		border-width: 3px 1px 1px 1px;
		border-style: solid;
		border-color: #66abc5;
		display: none;
	}
	
	li.level_1:hover ul.level_2 {
		display: block;
	}
	
	li.level_2 {
		padding: 2px 6px;
		white-space: nowrap;
	}
}

#bottomnav {
	text-align: right;
	line-height: 1.5em;
	margin-bottom: -1.5em;

	ul,
	li {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	li {
		display: inline;
		padding-left: 2em;
	}
}

/** --- Sitemap --------------------------------------------------------- */
.tree {
	ul,
	li {
		list-style-type: none;
		margin-bottom: 0;
	}
	li {
		min-height: 2em;
		line-height: 2em;
		position: relative;
	}
	.horizontal,
	.vertical {
		position: absolute;
		overflow: hidden;
		background: #66abc5;
	}
	.horizontal {
		top: .9em;
		left: -1em;
		width: .75em;
		height: 2px;
	}
	.vertical {
		top: 0;
		height: 100%;
		left: -1em;
		width: 2px;
	}
	li.last > .vertical {
		height: .9em;
	}
}

/** --- Spacer ---------------------------------------------------------- */
div.ce_spacer {
	font-size: 75%;
}

/** --- Suche ----------------------------------------------------------- */
.search {
	form div.widget-text label {
		right: 2em;
	}
	input.text,
	input.submit {
		display: inline;
		vertical-align: top;
	}
	input.text {
		width: 145px;
		border-right: none;
		margin-right:0;
		.border-radius(5px 0 0 5px);
	}
	input.submit {
		border-left: none;
		width: 20px;
		text-align: center;
		padding: 2px;
		margin-right: 0;
		.border-radius(0 5px 5px 0);
	}
}

/** --- Accordion ------------------------------------------------------- */
.toggler,
.toggler-active {
	cursor: pointer;
	background: none no-repeat 4px center transparent;
	padding: .25em 1em .25em 22px;
}
.toggler {
	background-image: url(../images/collapsed.gif);
}
.toggler-active {
	background-image: url(../images/open.gif);
}
.accordion_content {
	padding: 1em 1em 0;
}
.accordion_content .accordion,
.ce_accordion {
	margin-bottom: 1em;
}

/** --- Events calendar ------------------------------------------------- */
table.calendar {
	th {
		&.previous {
			text-align: left;
			font-size: 80%;
		}
		&.current {
			text-align: center;
		}
		&.next {
			text-align: right;
			font-size: 80%;
		}
	}
}

/** --- Formular layout ------------------------------------------------- */
input,
textarea {
	&.mandatory {
		border-color: #66abc5 !important;
		background-color: #bee2e6;
	}
}
input.submit {
	color: #3D6777;
	background-color: #bee2e6;
	margin: 0;
}
input.captcha {
	width: 3em !important;
}
.form {
	margin-bottom: 2em;
}

/** --- Column and box layout ------------------------------------------- */
#teaserbox {
	background-color: #bee2e6;
	
	.subcl, .subcr {
		padding: 10px;
	}
}

.l_beige {
	.c40l {
		background-color: #dfd6c4;
	}
}

.box_beige {
	padding: 10px;
	background-color: #dfd6c4;
}
.box_blau {
	padding: 10px;
	background-color: #bee2e6;
}

/** --- Browser Specifics ----------------------------------------------- */
body.ie7 {
	body {
		overflow: hidden;
	}
	#col3 {
		z-index: 10 !important;
	}
}