/****************************************************************/
/*   Design:   Scharlach Template / Layout-1                          */
/*   File:     Globale Layout Struktur                          */
/*--------------------------------------------------------------*/
/*   Design:   FIRST MEDIA SOLUTIONS                            */
/*   Datum:    Februar 12, 2013                                  */
/****************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background:#000; font: 14px/21px 'LatoRegular', Arial, sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container { width:966px; background:transparent; margin:0px auto; margin-top:1px; margin-bottom:10px; font-size:1.0em;}
.main {clear:both; width:966px; margin:0px auto; padding-bottom:30px; background:transparent;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:926px; margin:0px; padding:0px 20px 0px 20px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; background-color:#000; width:966px; margin-left:20px; border:3px solid #000; padding:1.0em 0 1.0em 0; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* HEADER */
.header {width:966px; height:90px; background:transparent; margin:0px auto; margin-bottom:30px; overflow:visible;}

/*************/
/*  2. HEAD  */
/*************/
.sitelogo {width:297px; height:111px; position:absolute; margin:318px 0 0 714px; background:transparent url(../img/klangkino_logo.png) no-repeat; z-index:99;}

.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:610px !important /*Non-IE6*/; margin-left:613px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:20px; border:none;}

.nav1 {float:right; width:350px; z-index:3; margin:-41px 640px 0 10px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:normal;}  
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 15px 2px 15px; font: 16px/18px 'LatoRegular', Arial, sans-serif; color:#cd0b25; text-decoration:none; text-transform:uppercase;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.header-breadcrumbs .searchform form fieldset {float:right; border:none;}
.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.column1-unit {width:990px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:495px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:495px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:270px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:270px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:270px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/* 
.columnItem {background:transparent url(../img/bottom_full.png) left bottom no-repeat; padding:1px 20px 40px 20px; margin:0px 0px 15px 0px;} */
.columnItem {background:rgba(255,255,255,0.7); padding:1px 20px 20px 20px; margin:0px 0px 15px 0px;}
.multicolumnLayout3 .column {padding-top:0px;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p.credits {font-weight:normal; text-align:left; text-transform:uppercase; margin-left:45px; color:#f2f2f2; font-size:11px;}
.footer a {text-decoration:none; font-weight:bold; color:#f2f2f2; font-size:11px;}
.footer a:hover {text-decoration:none; font-weight:bold; color:#f2f2f2;}
.footer a:visited {color:#f2f2f2;}

.footer .socialmedia {float:right; width:91px; height:20px; margin:-20px 45px 0px 0px; }

.footer .kmdd {position:absolute; margin:-29px 20px 0px 485px; width:250px;}
.footer .kmdd img {float:left; margin-right:20px;}
.footer p.kmddt {font-weight:normal; text-align:left; text-transform:uppercase; color:#f2f2f2; font-size:11px; line-height:37px;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}
.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:890px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:954px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:954px; background:transparent;}}
@media print {.nav2 {float:left; width:954px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:954px; padding-bottom:30px; background:transparent;}}
@media print {.footer {clear:both; width:954px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}