/* @override http://www.rstbdo.de/igbk21/templates/igbktest01/css/igbk01test.css */

/* @override 
	http://www.rstbdo.de/igbktest10/templates/igbktest01/css/fonts.css */

@charset "UTF-8";
/* CSS Document */

body {
/*	font-family: 'Droid Serif', serif; */
	font-family: 'Merriweather', serif;
}

h1 {
	font-size: 2.4em;
	margin: 0 0 10px 0;
	color: #5e5da2;
}

h2 {
	font-size: 1.6em;
	margin: 0 0 10px 0;
	color: #5e5da2;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Helvetica Neue LT W04_41489074';
/*	font-weight:200; */
}

p {
}

a {
	color: #333;
}

a:hover, a:focus {
	color: #999;
	text-decoration:none;
}





/* ------- ----------------------------------------------------- ------- */
/* ----------------------------- bacics: aufbau ----------------------- */
/* ------- ----------------------------------------------------- ------- */




/*------------------------ Logo ----------------------------*/

div.logo-igbk {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	z-index: 100;
	height: 85px;
	background:url(../../../images/igbk-logo-website.png) no-repeat left top;
	background-size: 350px 70px;
	border-bottom: 8px solid #000;
}

div.logo-igbk h1{
	font-size:60px;
	color: #000;
}

.igbk-text {
	display: block;
	position: absolute;
	left: -9000px
}

/* ------------------------------- Menu --------------------------- */



/* ---------------------------- Sprachumschalter ------------------- */


.lang-igbk {
	display: none;

}

/* ---------------------------- Suche im Kopf ------------------- */

.search-igbk {
    display: none;
}




/* ---------------------------- social logos ------------------- */

.social-igbk {
	display: none;
}


/* ---------------------- Abstand oben ------------------------------- */

.abstand-oben {
	height: 140px;
}

/* ---------------------- Breadcrumb ----------------------------- */

.mainbread-igbk {
	background-color: #fff;
/*	border-top: 5px solid #000;*/
	font-family:'Helvetica Neue LT W04_41489074';
	text-transform: lowercase;
	color: #c3c3c3;
	margin-top: -18px;
	margin-bottom: 10px;
}

.mainbread-igbk a {
	font-family:'Helvetica Neue LT W04_41489074';
	font-size: 0.9em;
	color: #c3c3c3;
	letter-spacing: 0.08em;
}

.breadcrumb {
	background: none;
}

.mainbread-igbk ul {
	padding-left: 0;
}

.mainbread-igbk ul li.active {
	color: #ff5d00;
/*	color: #fff;*/

}

/* ------- ----------------------------------------------------- ------- */
/* ----------------------------- bacics: Textformatierungen ----------------------- */
/* ------- ----------------------------------------------------- ------- */


/* ----------------------------- FONTTEST alternative Serif ----------------------- */

.inhalt .fonttestserif p {
	font-family: 'Merriweather', serif;
}

.inhalt .fonttestserif li {
	font-family: 'Merriweather', serif;
}

.inhalt .fonttestserif h4 {
	font-family: 'Merriweather', serif;
	font-weight: 700;
}

.inhalt .fonttestserif h5 {
	font-family: 'Merriweather', serif;
	font-style: italic;
}



/* ----------------------------- Listen im Inhalt ----------------------- */

.inhalt .item-page li {
	list-style: square outside url(../images/igbk-listen-pfeil.png);
	margin-bottom: 6px;
}

.inhalt .item-page ul {
	padding-left: 25px;
	margin-bottom: 14px;
}

.inhalt .item-page ul ul {
	padding-left: 25px;
	margin-top: 6px;
	margin-bottom: 0;
}


.inhalt .item-page a {
	color: #999;
	border-bottom: 1px dotted #999;
	padding-bottom: 1px;
}

.inhalt .item-page a:hover {
	color: #5e5da2;
}



/* ---------------------- Schlagworte / Tag-Seite Projekte ----------------------------- */

.tag-category>h2 {
	font-size: 24px;
	margin-top: 0;
	text-transform: lowercase;
	padding: 0 15px;
}

.projektschlagworte li {
	margin-right: 10px;
	list-style: none;
	display: inline;
}

.projektschlagworte a:hover {
	color: #000;
}



.igbkfieldset {
	padding: 0 15px;
}


.igbkfieldset .btn-group {
	margin-left: 0;
}

.igbkfieldset .btn {
	padding: 3px 6px;
	margin: 2px 5px 0 0;
	border: none;
}



.tag-category .btn-toolbar {
	margin: 15px 0;
}

.tag-category h3 {
	margin-top: 12px;
}

.tag-category h3 a {
	color: #5e5da2;
}


.tag-image img {
	width: 100%;
}


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


div.maincontent-igbk {
	background-color:#FF9;
}

.inhalt {
/*	border-top: 8px solid #000; */

}

h2.h2_subhead {
   background-color: #5e5da2;
   height: auto;
   margin-bottom: 20px;
   padding: 3px 10px 8px 10px;
   border-top: 3px solid #000;
}
.subheading-category {
   color: #fff;
}

/* -------------     breezing forms kuenstlerausweis ------------------------ */

#address_section legend, 
#foto_load legend, 
#member_area legend {
	font-family:'Helvetica Neue LT W04_41489074';
	margin-top: 25px;
	margin-bottom: 15px;
}

.form-inline {
	margin-top: 15px;
	margin-bottom: 15px;
}


.control-label {
	color: #000;
}

.bfSectionDescription p {
	font-size: 12px;
	color: #234;
}


/* -------------------------------- Page Navigation Seitennavigation ------------------------ */

.article-index {
	font-family:'Helvetica Neue LT W04_41489074';
	margin-bottom: 15px;
	display:  block;
	border-bottom: 1px solid #afafaf;
	
}

.item-page .article-index ul  {
	padding-left: 0px;
	margin-bottom: 0px;
}

.item-page .article-index a {
    color: #999;
    border-bottom: none;
    padding-bottom: 0px;
}

.pagenavcounter {
	font-family:'Helvetica Neue LT W04_41489074';
	font-size: 11px;
	margin-bottom: 15px;
}

.pull-right {
    float: none !important;
}

.article-index .nav-tabs > li.active,
.article-index .nav-tabs > li.active > a:focus,
.article-index .nav-tabs > li.active > a:hover {
	border: none !important;
}

.pager {
	font-family:'Helvetica Neue LT W04_41489074';
	text-align: left !important;
	font-size: 11px;
	
}


.pager a {
    border: none;
 }
    
.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border-radius: 0px;
    border-bottom: none;
}


/* ------------------------ Images im Text ------------------------- */

.images {
	width: 100%;
}

/* ------------------------- Abstand unten ------------------------  */

div.abstand-unten {
	height: 150px;
}

/* ---------------------- Dokumente im Text ------------------------ */

p > .wf_file {
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
}

.wf_file_text {
	font-family:'Helvetica Neue LT W04_41489074';
	font-size: 0.8em;
	color: #c3c3c3;
	letter-spacing: 0.08em;
}




/* -------------------- ------- ---------------------- */
/* -------------------- SUBMENU ---------------------- */
/* -------------------- ------- ---------------------- */

.submenu {
	display: none;
}


/* -------------------- ------ ---------------------- */
/* -------------------- SLIDER ---------------------- */
/* -------------------- ------ ---------------------- */

.slider {
	border-top: 8px solid #333;
	margin-bottom: 20px;
}

.slider li {
	list-style-type: none;
}

.djslider-loader {

}

.yendif-video-share {
	margin: 129px 0 20px;
	border: 8px solid #fff;
}

.images .djslider {
	background-color: #fff;
}

.articleBody img {
	max-width:100%;
	height: auto;
}

div[itemprop="articleBody"] img {
	max-width:100%;
	height: auto;
}

/* caption */
.slide-desc-text-default .slide-title,
.slide-text {
	font-family: 'Helvetica Neue LT W04_41489074';
    font-size: 0.8em;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 300;
    letter-spacing: 0.1em;
}

.slide-desc-bg-default {
    background: RGBA(0,0,0,0.35);
}


/* ------- ----------------------------------------------------- ------- */
/* ------- Startseite standard joomla: blog-featured-layout  ----------- */
/* ------- ----------------------------------------------------- ------- */



div.blog-featured .itemContainer {
	margin: 0 0 10px 0;
}


div.blog-featured .item {
	margin-bottom: 10px;
	border-top: 8px solid #000;
}

div.blog-featured .item:nth-child(2n) {
/*	margin-right: 0px; */
}

div.blog-featured .item h2,
div.blog .item h2 {
	line-height: 0.9;
	margin-top: 10px;
}


div.blog-featured .item h2 a {
	color: #5e5da2;
	font-size: 24px;
}

div.blog-featured .item .article-info {
	font-size: 14px;
}

div.blog-featured .item dl.article-info {
	margin-bottom: -12px;
}

div.blog-featured .item .category-name {
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	color: #999;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-top: 5px;
}

div.blog-featured .item .uebertitel-start,
div.blog .item .uebertitel-start {
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	color: #999;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-top: 5px;
}


div.blog-featured .item .item-image img,
.igbktags .item-image  {
	width: 30%;
	height: auto;
}

div.blog-featured .item .item-image,
.igbktags .item-image  {
	height: auto;
}



div.blog-featured .item p {
	font-size: 14px;
}

p.readmore a {
	padding: 6px 12px 6px 0;
	font-weight:900;
}


/* ------ Extrafelder ausblenden -------- */

#cel_1,
#cel_3,
#cel_5 {
	display: none;
}


/* --------------- Startseite: Module für Buttons ------------------- */

/* klassensuffix kommt aus backend */
div.blog-featured .item .modButtonBlau {
	background-color: #5e5da2;
}

div.blog-featured .item .modButtonOrange {
	background-color: #ff5d00;
}

div.blog-featured .item .modButtonBlau,
div.blog-featured .item .modButtonOrange {
	position: relative;
	top: -10px;
}


div.blog-featured .item .modButtonBlau .custom h3,
div.blog-featured .item .modButtonOrange .custom h3 {
	font-family: 'Helvetica Neue LT W04_71489110';
	font-size: 16px;
	letter-spacing: 1px;
	padding: 5px 0 5px 5px;
}


div.blog-featured .item .modButtonBlau a {
	color: #fff;
}

div.blog-featured .item .modButtonBlau img,
div.blog-featured .item .modButtonOrange img {
	width: 100%;
}

div.blog-featured .item .modButtonBlau p.buttonPfeil,
div.blog-featured .item .modButtonOrange p.buttonPfeil {
	text-align: right;
	font-size: 22pt;
	line-height: 22pt;
	font-family: 'Helvetica Neue LT W04_41489074'; 
	padding: 0 10px;
	margin: -24px 0 0;
}

/* nur für modButton Ausschreibungen */
div.blog-featured .item .modButtonBlau>.modAussch {
	margin-bottom: 40px;
}

/* nur für modButton Touring Artist */
div.blog-featured .item .modButtonBlau>.modTourArt {
	border-top: 8px solid #000;
	margin-bottom: 40px;
}

div.blog-featured .item .modButtonBlau>.modTourArt h3 {
	margin-top: -10px;
}

/* nur für modButton Ausweis */
div.blog-featured .item .modButtonBlau>.modAusweis {
	border-top: 8px solid #000;
}

div.blog-featured .item .modButtonBlau>.modAusweis h3 {
	margin-top: 0px;
}



/* ------- --------------------------------------------------------------------------------- ------- */
/* ------------------------- Kategorie-Blog für Übersichtsseite Projekte und Ausschreibungen ----------  */
/* ------- --------------------------------------------------------------------------------- ------- */


div.blog .item {
    margin-bottom: 10px;
    border-top: 1px solid #000;
}

div.blog .item .category-name {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #999;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 5px;
}


div.blog .item .item-image img {
	width: 100%;
}

div.blog .item p {
    font-size: 14px;
}

div.blog .item h2 a {
    color: #5e5da2;
    font-size: 24px;
}

div.blog .row_subhead {
	display: inline-block;
	width: 100%;
}


div.blog .row_description {
	display: inline-block;
	margin-bottom: 10px;
}

div.blog .page-header {
    padding-bottom: 0px;
    margin: 0px 0 0px;
    border-bottom: 0px solid #eee;
}

div.blog .item dl.article-info {
    margin-bottom: -12px;
}

div.blog .grid-item-content {
    margin: 0 0 20px 0;
}





/* --------------------------- extra für Box Ausschreibungen --------------------------  */

div.blog .ausschreibungBox {
	background-color: #eee;
	padding: 0 5px;
}

div.blog .ausschreibungBox .page-header h2 a {
	color: #7372bc;
}


/* --------------------------- extra für Modul Schlagworte Projekte --------------------------  */

.mainbread-igbk>.projektschlagworte {
	border-top: 1px solid #000;
	margin: -18px 0 30px 0;
}

.mainbread-igbk>.projektschlagworte h3 {
	margin: 5px 0 3px 0;
}


/* --------------------------- extra für Projekt Dreams of Art Spaces --------------------------  */


.tag-category .buttonDreams h3 {
	display: none;
}

.tag-category .buttonDreams .modButtonDreams h3 {
	display: block;
}

div.blog .row_pagehead {
    display: inline-block;
    width: 100%;
}

img.dreamsvideo {
	width: 100%;
}

/* ------- --------------------------------------------------------------------------------- ------- */
/* ------------------------- TAG-Category für Übersichtsseite Projekte ----------  */
/* ------- --------------------------------------------------------------------------------- ------- */

.tag-category .igbktag {
	border-top: 1px solid #000;
	margin-bottom: 20px;
}


/* --------------------------- Seitenzahlen --------------------------  */

div.tag-category .pagination {
	border-top: 1px solid #000;
	border-radius: 0;
	padding-top: 5px;
}

div.tag-category .pagination ul {
	list-style: none;
	padding-left: 0;
}

div.tag-category .pagination li {
	display: inline-block;
	padding: 0 8px;
	border-left: 1px solid #ccc;
}



/* --------------------------- Footer --------------------------  */

#mainfooter-igbk {
	height: 120px;
	background-color:#fff;
	z-index: 1000;
	position: fixed;
	bottom: 0;
	display: none;
}

#mainfooter-igbk h3 {
	color: #999;
	font-family: 'Roboto', sans-serif;
	font-size:10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}


#mainfooter-igbk ul.nav {
	text-align: right;
}

#mainfooter-igbk ul.nav>li {
		display: inline-block;
}



.footer {
/*	background-color: #584; */
	border-top: 1px solid #ccc;
	padding-top: 3px;
}

.footer>.row>.mod-footer-logo-foerder {
	display:inline-block; 
	color: #999;
	font-family: 'Roboto', sans-serif;
	font-size:10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.footer>.row>.mod-footer-menu ul li a{
	font-size:11px;
	font-family: 'Helvetica Neue LT W04_41489074';
	text-align: right;
	padding-right: 0;
}

.footer>.mod-footer-logo-foerder {
}


div.logofoerder {
	margin: 0 5px 0 20px;
	display: inline;
}

div.logofoerder img {
	width: 200px;
	height: 44px;
	vertical-align: top;
}





    
    

/* ------------------------------------------------------------------ */
/* ------------------------ projektfilter --------------------------- */
/* ------------------------------------------------------------------ */

.projektfilter {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	padding: 12px 0 12px 0;
}

.projektfilter .modultable {
	text-align: right;
}

.projektfilter ul.categories-module {
	list-style-type: none;
	display: inline;
	padding: 0px 10px 0px 0px;
}

.projektfilter h3 {
	display: inline-block;
	margin: 0 0 0 0;
	color: #bfbfbf;
	font-size: 2.0em;
	letter-spacing: 0.02em;
}

.projektfilter ul.categories-module li h4{
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	color: #333;
	font-size: 1.1em;
	letter-spacing: 0.04em;
}

.projektfilter ul.categories-module li {
	list-style: none;
	display: inline-block;
		text-align: right;
	
}



/* ------------------------------------------------------ */
/* -------------------- joomla CONTENT ------------------ */
/* ------------------------------------------------------ */

div.blog-featured .typo_gross .item h2.item-title a {
	font-size: 36px;
	line-height: 34px;
	color: #eb762a !important;
}


div.blog-featured .typo_versteckt .item h2.item-title a,
div.blog-featured .typo_versteckt .article-info {
	display: none;
}


/* ------------ joomla Artikel Einzelansicht -------------- */


div.item-page {
}

div.item-page .page-header {
	border-top: 8px solid #000;
	margin-top: 0px;
	padding-top: 10px;
	border-bottom: none;
}

div.item-page .page-header h2 {
	color: #5e5da2;
	margin-top: 0px;
}

div.item-page .infoblock-igbk {
	color: #999;
	font-size: 10px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* ------------------------------------------------------ */
/* ------------------- PROJEKTSEITE --------------------- */
/* ------------------------------------------------------ */

.itemListCategory {
	margin-bottom: 15px;
}


/* ------------------------------------------------------------------ */
/* ------------------- MODUL igbkprojekte Older --------------------- */
/* ------------------------------------------------------------------ */

.older-igbk {
/*	margin-top: 40px; */
}

.older-igbk .mod-catProjekte h3 {
	padding-left: 15px;
	padding-right: 15px;
}

.igbkprojekteOlder .projektmod-article-title {
	border-top: 4px solid #999;
	margin-top: 5px;
}

.older-igbk .mod-catProjekte h3 {
	border-top: 8px solid #5eb2c8;
	border-bottom: 1px solid #bfbfbf;
	margin:  2px 15px 8px 15px;
	padding: 10px 0px 10px 0px;
}

.older-igbk .category-module {
	margin-top: 20px;
}

.mod-articles-category-title {
	font-family: 'Helvetica Neue LT W04_71489110';
}

.mod-articles-category-category,
.mod-articles-category-category a {
	color: #999;
	font-family: 'Roboto', sans-serif;
	font-size:10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.mod-articles-category-title-read {
	font-weight: bold;
}




/* -------------------- Media Queries ------------------------ */


/* ----------------- für geräte KLEINER als ... ---------------- */

@media (max-width: 500px) {
	
	
	div.logofoerder img {
		width: 144px;
		height: 34px;
	}
	
}


@media (max-width: 768px) {

	#mainfooter-igbk {
		width: 100%;
		padding-right: 30px;
	}

}

/* -------------------- für geräte GRÖSSER als ... ---------------- */

@media (min-width: 768px) {
	
	body {
		/*background-color: #FF0;*/ /* gelb */
	}
	
	div.item-page p,
	div.blog-featured p,
	div.blog p {
		font-size: 16px;
	}
	
	
	/* -------- Suche im Kopf ---------- */
	.search-igbk input.button[type="image"] {
	top: 15px;
	right: 15px;
}
	
	
	
	/* -------- Menu ---------- */
	.mainnav-igbk {
		display: none;
	}
	


	.nav > li {
		display: inline-block;
	}
	
	/* ---------- footer / modulbereiche ------------- */
	

	#mainfooter-igbk {
		width: 720px;
	}
	
	.footer>.row>.mod-footer-menu {
		margin-top: -57px;
	}
	
  
  
}


@media (min-width: 992px) {
	
	body {
		/*background-color: #6F0;*/ /* grün */
	}
	
	div.item-page p,
	div.blog-featured p,
	div.blog p {
		font-size: 16px;
	}
	
	
	
	/* --------- Logo --------- */
	div.logo-igbk {
	margin-top: 15px;
	}
	
/* ---------- dropdown menu ---------- */
	.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
	display: none;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    display: none;
}



/* ---------- footer / modulbereiche ------------- */
	

#mainfooter-igbk {
		width: 940px;
	}


	.footer>.row>.mod-footer-menu {
		margin-top: 10px;
	}
	
	
	div.logofoerder img {
		width: 235px;
		height: 52px;
		vertical-align: top;
	}



  
}


@media (min-width: 1200px) {
	
	body {
		/*background-color: #6FF;*/ /* blau */
	}
	
	
/* ---------- footer / modulbereiche ------------- */
	

#mainfooter-igbk {
		width: 1140px;
	}
	
.footer>.row>.mod-footer-logo-foerder p {
		display: inline-block;
	}
	
	.footer>.row>.mod-footer-menu {
		margin-top: -5px;
	}
	
div.logofoerder img {
		margin-top: 10px;
	}
	
	
			
  
}