@charset "UTF-8";

@import "visual_consistencies.css";

.clear-columns
{
	clear: both;
}

/*******************************************************************************/

#content-container {
	padding-top: 35px;
/*	padding-bottom: 65px; */
	background-color: #f4f4ee;
	color: #404040;
	border-bottom: 15px solid white;
}
* HTML #content-container, * + HTML #content-container {
	height: 0.01%;
}

/*******************************************************************************/

.outer-column-container
{
	border-left: solid 190px #f4f4ee;
	border-right: solid 190px #f4f4ee;
}
.inner-column-container
{
	width: 100%;
}
.source-order-container
{
	float: left;
	width: 100%;
	margin-right: -1px;
}
.left-column
{
	float: left;
	margin-left: -190px;
	width: 190px;
	margin-right: 1px;
}
.middle-column
{
	float: right;
	width: 100%;
	margin-left: -1px;
}
.left-column .inside,
.middle-column .inside {
	margin: 0 60px 0 60px;
}
.right-column
{
	float: right;
	margin-right: -190px;
	width: 190px;
	margin-left: 1px;
}

/*******************************************************************************
 * BASE THEME
 ******************************************************************************/

body
{
	background-color: #000;
	color: #404040;
	padding: 0;
	margin: 0;
}
* HTML BODY {
	HEIGHT: 100%;
}
#page-container {
	WIDTH: 720px; 
	MARGIN: 85px 0 0 150px;
	PADDING: 0;
	padding-BOTTOM: 35px;
}
* HTML #page-container {
	word-wrap: break-word;
	position: relative;
	text-align: left;
}
#sprachwahl {
    position: absolute;
    top: 360px;
    left: 500px;
}
* HTML #sprachwahl {
    height: 0.01%;
    width: 400px;
    left: 495px;
/*    top: 285px;*/
    top: 370px;
}

body {
    background-repeat: no-repeat;
    background-position: top left;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

body.sprachwahl {
    background-image: url(/fileadmin/templates/images/goerne_start.jpg);
}
body.layout1 {
    background-image: url(/fileadmin/alle/bilder/bg/goerne_bg.jpg);
}
body.bg1 {
    background-image: url(/fileadmin/alle/bilder/bg/bg1.jpg);
}
body.musik,
body.bg2 {
    background-image: url(/fileadmin/alle/bilder/bg/bg2.jpg);
}
body.bg3 {
    background-image: url(/fileadmin/alle/bilder/bg/bg3.jpg);
}
body.bg4 {
    background-image: url(/fileadmin/alle/bilder/bg/bg4.jpg);
}


body.sprachwahl A {
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
}

body.sprachwahl #content-container {
    width: 320px;
    position: absolute;
    top: 420px;
    left: 550px;
    background-color: #000;
	border-bottom: 0;
}
* HTML body.sprachwahl #content-container {
    top: 420px;
    left: 400px;
}
body.musik #content-container {
	padding: 0 0 65px 0;
	background-color: #fff;
}

.inside
{
	margin: 0;
}

/*******************************************************************************
 * HACKS
 * REFERENCE
 *	http://www.satzansatz.de/cssd/onhavinglayout.html
 *	http://www.communis.co.uk/dithered/css_filters/css_only/index.html
 ******************************************************************************/

.clear-columns
{
/*
	padding-bottom: 1px;
	margin-bottom: -1px;
*/
}
* html #page-container
{
	/* \*/ height: 0.1%;	/* IE/Win 5 needs this */
	position: relative;
}
* html .middle-column, * html .left-column, * html .right-column,
* html .source-order-container
{
	/* hide from IE/Mac \*/
	overflow: visible;	/* a bug through IE/Win 6 */
	/* hide from IE/Mac \*/
	position: relative;	/* this resolves rendering bugs in IE/Win. */
}
* html .middle-column
{
	margin-right: -4px;
	margin-right/* */: 0;
}
* html .middle-column .inside
{
	margin-right: 4px;
	margin-right/* */: 0px;
}
* html #masthead .inside, * html #footer .inside
{
	margin-top: 0;
	margin-bottom: 0;
	margin/* */: 0px;
}
* html .inside
{
	margin: 10px 0.75em;
	margin/* */: 0px;
}
* html .inner-column-container 
{
	display: block;
}
* html .source-order-container
{
	margin-right: -100%;
	/* \*/ margin-right: -1px; /* reset the above hack for IE/Win */
}
.left-column, .right-column
{
	position: relative;	/* resolve issues with links in left and right
				   columns not being clickable in Safari */
}

/******************************************************************************/
/* layout 2:2 (startseite) */

.outer-column-container-2 {
	border-left: solid 360px #F4F4EE;
	border-right: 0;
}

.outer-column-container-2 .left-column {
	width: 360px;
	margin-left: -360px;
}

/******************************************************************************/
/* layout 1:3 */

.outer-column-container-4 {
        border-left: solid 190px #fff;
        border-right-width: 0;
}
.outer-column-container-4 .left-column {
        float: left;
        margin-left: -190px;
        width: 190px;
        margin-right: 1px;
}
.outer-column-container-4 .middle-column {
        float: right;
        width: 100%;
        margin-left: -1px;
}
.outer-column-container-4 .inner-column-container { border-right-width: 0; }
.outer-column-container-4 .source-order-container { margin: 0; }

/******************************************************************************/
/* layout X:3 */

.outer-column-container-5 {
        border-left: solid 190px #fff;
}

/******************************************************************************/

.outer-column-container-9 .middle-column .inside {
	margin: 0 0 0 60px;
}
.outer-column-container-10 {
	border-top: 15px solid #F4F4EE;
	background-color: white;
}
.outer-column-container-10 .middle-column .inside {
	margin: 0 0 0 60px;
}
.outer-column-container-10 .item {
	padding-top: 15px;
	border:0 !important;
}

#flash_d0b6a2e8fe {
    position: absolute;
    top: 0;
    left: 0;
}