/* 
	meta | five Köln
	entwickelt von Agentur Linssen, Lohmar
	Druck-CSS
 */

html {
}

* html body {behavior: url(/wp-content/themes/metafive/csshover3.htc);} 

@font-face {
    font-family: 'gillsans_lightregular';
    src: url('/files/typos/gillsanslight-webfont.eot');
    src: url('/files/typos/gillsanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/typos/gillsanslight-webfont.woff') format('woff'),
         url('/files/typos/gillsanslight-webfont.ttf') format('truetype'),
         url('/files/typos/gillsanslight-webfont.svg#gillsans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'universmedium';
    src: url('/files/typos/universmedium-webfont.eot');
    src: url('/files/typos/universmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/typos/universmedium-webfont.woff') format('woff'),
         url('/files/typos/universmedium-webfont.ttf') format('truetype'),
         url('/files/typos/universmedium-webfont.svg#universmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'universbold';
    src: url('/files/typos/universbold-webfont.eot');
    src: url('/files/typos/universbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/typos/universbold-webfont.woff') format('woff'),
         url('/files/typos/universbold-webfont.ttf') format('truetype'),
         url('/files/typos/universbold-webfont.svg#universbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'univers_condensedbold';
    src: url('/files/typos/universbold1-webfont.eot');
    src: url('/files/typos/universbold1-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/typos/universbold1-webfont.woff') format('woff'),
         url('/files/typos/universbold1-webfont.ttf') format('truetype'),
         url('/files/typos/universbold1-webfont.svg#univers_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/****/
html, body {
	margin: 0;
	padding-right: 0;
	background-color: white; 
	font-family: universmedium, arial, sans-serif;
	font-size: 12px;
	line-height: 18px; 
}

p.wp-caption-text, p.imagecaption {
	font-size: 14px;
	line-height: 18px; 
	font-style: italic; 
}
b, strong {
font-family: 'universbold', 'univers_condensedbold';
font-weight: normal; 
}
a {
text-decoration: underline;
font-weight: normal; 
color: black; 
}
a img {
border: 0; 
}

/* Überschriften */

h1 {
font-size: 18px;
font-weight: normal; 
color: #404040;
font-family: 'gillsans_lightregular', Tahoma, sans-serif; 
line-height: 120%;
}

h2 {
font-size: 14px;
font-weight: normal; 
color: #404040;
font-family: 'universbold', Tahoma, sans-serif; 
}
h3 {
font-size: 14px;
font-weight: bold; 
color: #406d8c; 
}
#content a {
text-decoration: underline;
font-weight: normal; 
color: black; 
}


/* --- Fehler für abgeschnittener Druck: 
#frame {
	padding: 0;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}


#site {
	height: 100%; /*
	width: auto;
	margin: 0 auto;
	position: relative; */
	background-color: #FFF;
	}
	
.centered {
	width: auto; 
	margin: 0 auto; 
	text-align: left; 
}
*/



#content { /* für Hintergrund */  
/*
	width: auto; */
	background-color: white; 
	padding-top: 0px;	
	padding-bottom: 0px;
	background-image: none;
	background-size: auto 100%; 
	background-position: bottom center; 
	background-repeat: no-repeat; 
}

#inhalt {
/*	margin-left: 270px;
	padding-top: 0px;
	padding-left: 28px; */
	line-height: 2em; 
	height: 100%;
	position: relative;
}

#content .centered {
	background-image: none; 
	background-repeat: repeat-y; 
	background-position: right;	
}


#content_left {
padding-left: 0;
display: block; 
margin-left: 0px;
margin-top: -50px;
}
body.home #content_left {
}
#content_left ul {
list-style-image:url('/img/icons/bullet4a.png'); 
}

.infobox {
border: 1px solid #a7a7a7; 
color: #404040; 
padding: 0px 10px;
background-color: #fff;
width: 680px;
}
.infobox p {
color: #404040; 
}
.infobox h1 {
font-family: arial;
font-weight: bold;
font-size: 14px; 
color: #406d8c; 
}


	
/* Headerbereich*/ 
#header {
height: 10px;
background-color: white;
border: 0px dashed blue; 
}
#logo {
width: 220px; 
height: 108px;
float: right; 
background-image: url(/files/metafive-koeln-1.png); 
background-position: center; 
background-size: 100%; auto;
background-repeat: no-repeat;
border: 0px dashed orange; 
}
#logo img {
display: none;
}

#searchlang {
width: 220px; 
float: left; 
}
#mainmenu, #footer, #footermenu, #footerend {
background-color: white; 
width: auto; 
}

#footerend {
height: 95px;
}
#footerimage { 
display: none;
}

#mainmenu, #footermenu {
display: none; 
height: 1px; 
border: 0px;
float: left; 
}
#mainmenu ul, #footermenu ul {
list-style-type:none;
margin-left: 0; 
padding-left: 3px;
}

#mainmenu ul li, #footermenu ul li {
float: left; 
margin-right: 30px; 
}
#footermenu ul li {
margin-right: 50px; 
}

#mainmenu a, #footermenu a, #footer a, #footerend a {
color: black;
}
#mainmenu .current_page_item a,
#footermenu .current_page_item a {
color: #f58a32; 
}

#mainmenu a:hover, 
#footermenu a:hover, 
#footer a:hover {
color: #f58a32; 
}

#sidebar {
display: none; 
float: left; 
width: 179px; 
margin-left: 0px;
padding-left: 40px;
font-size: 13px;
padding-top: 17px;
overflow: hidden;
}

#sidebar h1 {
font-size: 13px; 
font-weight: bold; 
color: #404040; 
}

#sidebar h2 { }

#sidebar hr {
border: none; 
height: 1px;
background-color: #a7a7a7; 
width: 160px;
margin-left: 0; 

}

#sidebar p {
padding-right: 16px;
}

#sidebar img {
max-width: 170px;
height: auto; 
}

#footer, #footerend {
color: black; 
}
#footertop {
height: 106px; /*  Ziel 116px */
border-bottom: 1px solid #666666; 
padding-top: 10px;
margin-top: 0px;
}
#footerbottom {
height: 47px;
padding-top: 25px;
padding-left: 70px;
background-image: url(/files/icons/icon_newsletter.png);
background-repeat: no-repeat; 
background-position: 30px center; 
}

.box {  /*für Fußbereich*/
float: left; 
width: 33%;
}

	
/* rechte Leiste */

#rightbar {
	width: 0px;
	float: right;
	padding-left: 20px;
}
	

#rightbar ul {
list-style-type:square; 
padding-left: 17px;
}	


.alignright {
float: right; 
margin-left: 10px;
}
.alignleft {
float: left; 
margin-right: 10px;
}


/* Navigations-Kacheln */ 
#kachelmenu {
padding-left: 0px;
margin-left: 0; 
}

.kachel, 
.kachelsmall,
.kachelsubmenu {
color: #fff;
display: block; 
width: 180px;
height: 180px; 
float: left;
background-color: #406d8c; 
margin-right: 20px; 
padding: 20px;
margin-bottom: 20px; 
overflow: hidden; 
/*background-image: url(/files/bgkachel1.gif); */
background-repeat: no-repeat; 
background-position: top center; 
}

.kachelsmall {
width: 50px;
height: 50px;
background-size: 100% auto;
float: none; 
clear: left; 
margin-top: 10px;
}

.kachelsubmenu {
width: 100px;
height: 100px;
background-size: 100% auto;
margin-top: 10px;
margin-bottom: 5px;
margin-right: 15px;
display: none; 
}

.kachelcontainer,
.kachelcontainersubmenu { /* Container für 2 half Kacheln */ 
width: 220px; 
height: 220px;
float: left;
display: block;
margin-right: 20px;
overflow: hidden; 
margin-bottom: 20px; 
}
.kachelcontainersubmenu {
width: 140px;
height: 0px; 
margin-right: 15px;
margin-bottom: 5px;
border: 0px solid black; 
display: none; 
}
.kachelsubmenu .subtitle {
	font-size: 7pt;
}

.style1 {
background-color: #406d8c; 
}
/* orange */
.style2 {
background-color: #f58a32; 
}
.half, .halfsubmenu {
height: 80px;
padding-bottom: 0px; 
background-image: none; 
clear: left; 
margin-bottom: 20px;
}
.halfsubmenu {
height: 52px;
padding: 5px 20px; 
margin-bottom: 6px;
}
#kachelmenu li:hover, 
.style1:hover {
background-color: #7ba6c3; 
color: #fff; 
}

.style2:hover {
background-color: #f7a45f; 
}

#kachelmenu li a, 
.kachel a, #content .kachel a,
.kachelsmall a, #content .kachelsmall a,
.kachelsubmenu a, #content .kachelsubmenu a 
{ 
color: #fff; 
height: 180px; 
display: block;
font-weight: normal; 
font-size: 16px;
padding-top: 150px;
font-family: universmedium,arial, sans-serif; 
}
.kachelsmall a, 
#content .kachelsmall a
{
padding-top: 40px;
font-size: 12px;
}

.kachelsubmenu a, 
#content .kachelsubmenu a
{
padding-top: 75px;
font-size: 12px;
margin-left: -5px;
}
.halfsubmenu a, 
#content .halfsubmenu a
{
padding-top: 30px;
font-size: 12px;
margin-left: -5px;
}



.half a, 
#content .half a {
height: 80px;
vertical-align: bottom; 
padding-top: 47px;
}

#kachelmenu li a:hover, 
.kachel a:hover, 
.kachelsmall a:hover 
{ 
color: white; 
font-weight: normal; 
}
.subtitle { font-family: arial,sans-serif; font-size: 12px; color: #fff; font-weight: normal; }

/* aktive Kacheln (in kleinem Menü) */
.style1active { 
background-color: #BECCD7; 
}
.style2active { 
background-color: #F7AF70; 
}

/* für Kachel, wenn Subheadline vorhanden */
.subheadline {

}





.wp-caption img {
border: 2px solid #ddd; 
}
select, input { background: white; border: 1px solid #d1d1d1; height: 20px; margin: 0; float: left; padding: 0px; color: #5D7F98; padding-left: 3px; } 
input.text { width: 140px; }
#mainmenu input.button, #mainmenu input.dropdown { width: 20px; height: 20px; background-color: #cdcdcd; background-image: url(/files/icons/icon_suche_pfeil1.png); background-position: center; background-repeat: no-repeat; color: transparent; padding: 0; border: 1px solid #d1d1d1; }
input.button { background-color: #cdcdcd; color: #525252; font-weight: bold; padding: 4px; height: 24px; }
#header input.dropdown { background-image: url(/files/icons/icon_sprache_auswahl.png);  }
#boxlang div, #boxsearch div { float: left; vertical-align: middle; padding-top: 5px; }
#boxlang { margin-top: 10px; }
#searchicon { width: 35px; margin-top: -5px; }
#langicon  { width: 45px; padding-top: 5px; padding-right: 0; border: 0px solid blue; }
#boxsearch div.icon { width: 30px; }
#boxsearch { float: right; width: 225px;  }

.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }

/* Sprachmenü-Auswahl */
#menu {
  font-size:12px;
  position:absolute; 
  width: 150px; 

}

#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}

#menu li.langmenu {
  float:left;
}

.langmenu a {
  float:left;
  width:150px;
  background: url('/files/icons/icon_sprache_auswahl_mit_bg1.png') no-repeat;  /*Adds background-image*/
  background-color: yellow;
}

.langmenu ul{
  display:none;
}

.langmenu a, .submenu a{
  padding:1px 5px;
  border-collapse:collapse;
  text-decoration:none;
  background: white; border: 1px solid #d1d1d1; height: 18px; margin: 0; color: #5D7F98; 
  margin:0;    
}

.submenu a{
  font-size:12px;
  width:160px;
  position:relative;
  clear:both; /* IE6 */
}

#menu a:hover, .langmenu.on a {
  color: #5D7F98;
  background-color: #eee !important;
}

.langmenu:hover ul {
  display:block;  
  z-index:500;
}  

.dropdown p {
	display: inline-block;
	font-weight: normal;
}


.suchbegriff {
color: #f7a45f; 
font-weight: normal; 
font-family: 'universbold', 'univers_condensedbold';
}

.wp-post-image {
border: 0px solid #A8A8A8; 
}

/* Referenzen */
.referenz, .download {
background-color: #ECECEC; 
border: 1px solid #A8A8A8; 
padding: 25px;
margin-bottom: 25px;
}

.referenz_pic, .download_pic {
width: 200px; 
text-align: center; 
float: right;
}

.referenz_teaser, .download_desc {
margin-left: 25px;
float: right;
width: 400px;
}
.referenz_volltext {
margin-left: 25px;
float: right;
width: 400px;
}


.slideshow {
border: 0px solid black;
width: 220px; 
height: 130px; 
text-align: center; 
vertical-align: middle;
overflow: hidden; 
margin-left: -20px;
margin-top: -20px; 
}
#sidebar .slideshow {
height: auto;
margin-left: 0;
margin-top: 0; 
}
#sidebar .slideshow img {
margin: auto; 
max-width: 220px; 
width: 170px;
height: auto; 
}