/****** FILE: public/css/layout.css *****/
/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
  
body {
  overflow-x:hidden;
	height:100%;
}

html {
 /* fallback */
  background-color: #1a82f7;
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b9b9b9), to(#fff));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #fff, #b9b9b9);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #fff, #b9b9b9);

  /* IE 10 */
  background: -ms-linear-gradient(top, #fff, #b9b9b9);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #fff, #b9b9b9);

  background-attachment: fixed;
   

}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

hr {
    border:none;
    border-top: 1px solid #0093A8;
    color: #FFFFFF;
    background-color: #FFFFFF;
    height: 1px;
    padding:5px 0 5px 0;
                    }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } 

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background: #ccc; color:#000; text-shadow: none; }
::selection { background:#ccc; color:#000; text-shadow: none; }

html * {
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-touch-callout:none;
}


/* CONTAINER
----------------------------------------- */

#Container {
      position: relative;
      margin:auto;
      width:1080px;
      height: 100%;
   
    }

header {
    height:200px;
    width:1080px;   
    padding:0 0px 30px 0;
    background: #fff url(/images/bg_header.png) no-repeat;
    
}

.logo {
    position: absolute; top:0px; left:498px;
    width:477px;
    height:122px;
    display: block;
	  border: 0px solid black;
    }

#Banner {
  width: 1080px;
  height:320px;
  border-bottom:6px solid #B1B2B3;
}

#BannerText {
  width:350px;
  position: absolute; left:500px; top:220px;
  text-align: center;
}

#Layout {
   width:1080px;
   background: #fff;
   float: left;
   overflow: hidden;
}

#Content {
  padding: 20px 30px 20px 20px; 
  width: 970px;
}

#ContentProgrammWrapper {
   background-color: #D2DAF0;
   overflow: hidden;
}


/* Programm Content */
#ContentProgramm {
  
  padding: 20px 20px 20px 20px; 
  width: 600px;
  float: left;
}

/* Programm Plakat */
#ContentPlakat {
 
  padding: 20px 0px 20px 10px; 
  width: 370px;
  float: left;
}

#ContentPlakat a {
  font-weight: bold;
}

#ContentPlakat img {
  margin-top: 65px;
}

#ContentPresse {
  padding: 20px 20px 20px 20px; 
  width: 600px;
  float: left;
}

#ContentDownloads {
  padding: 20px 20px 20px 10px; 
  width: 350px;
  float: left;
}

.typography .download {
  width:340px;
  padding:10px 0 10px 0;
  border-bottom:1px solid #ccc;
}




#Teasers {
  margin:20px 0 20px 0px;
  overflow: hidden; 
}

ul#Menu3 li  {
  width:213px;
  margin-right: 9px;
  padding-right: 9px;
  float: left;
  list-style: none;
}



ul#Menu3 li a h2 {
  font-family:'Gill Sans W01 Medium';
  padding: 0 3px 0 3px;
  font-size:1.2em;
  color:#2E5DAD;
}

ul#Menu3 li a p {
  font-size: 1em;
  line-height: 1.2em;
  padding:0 3px 0 3px;
}

ul#Menu3 li a img {
  border:1px solid #B9B9B9;
}

#TeasersProgramm {
  position: absolute; top:580px; left:1015px;
  overflow: hidden; 
}

#TeasersProgramm ul#Menu3 li  {
  width:auto;
  margin: 0px 0 10px 0;
  padding: 0px;
  float: left;
  list-style: none;
}

#TeasersProgramm ul#Menu3 li a.current {
  display: none;
}




/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
   width:1080px;
   position: absolute; top:20px; left: 5px;
}

#Navigation ul {
    list-style:none;
    list-style-image:none;
    width:1080px;
    margin:0 auto 0 auto;
       outline: 0 none;

}

#Navigation li {
    display:inline;
    padding:0;
}

#Navigation a {
  font-family:'Gill Sans W01 Book';
  font-size:1.3em;
  padding: 4px 14px 28px 14px;
  color:#B9B9B9;
  outline: none;
  text-decoration:none;
}

#Navigation a:hover {
   
}

#Navigation a.current, #Navigation a.section  {
  background: url(/images/bg_navi.png) no-repeat;
  background-position: center 34px;

    
}

/* Sub Navigation */
#Navigation .sub {
  position:absolute; left:13px; top:52px;
  width:345px;
  padding: 2px 6px;
}

.ie7 #Navigation .sub {
  position:absolute; left:1px; top:30px;
 
}


#Navigation .sub a {
  font-family:'Gill Sans W01 Light';
  font-size:1em;
  margin:-2px 0 -2px 0;
  padding:0px 2px 0px 6px;
  color: #2e5dad;
 
}

#Navigation .sub a.first{
  padding:0px 2px 0px 0px;
}

#Navigation .sub a.section {
 color: #B9B9B9;  
 
}

#Navigation li li a:hover, #Navigation li li a.current {
    color: #B9B9B9;

}

.egmenu li ul {
    display: none;
}

.egmenu .current ul, .egmenu .section ul {
    display: block !important;
}

#menu-mobile {
    display: none;
}

#mobile-indicator {
    display: none;
}

.kuenstler_nav {
    
}

.kuenstler_nav a {
   
}

/* Sub Navigation blau */

#SubNavi {
  width: 1080px;
  height: auto;
  padding:0 0 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#SubNavi ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

#SubNavi li {
  position: relative;
  display: inline-block;
  padding: 0;
  margin-right: 2px;
  margin-bottom: 2px;
}

#SubNavi li .last {
  margin-right: -2;
}

#SubNavi a {
    position: relative;
    display: block;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 1;
}

#SubNavi a:hover {
  opacity: 0.85;
}


#SubNavi p {
  position: absolute;
  left: 8px;
  bottom: 6px;
  font-family:'Gill Sans W01 Book';
  color: #fff;
  font-size: 1.8em;
  font-weight: normal;
  display: block;
  width:100px;
  text-shadow: 0 0 12px #666;
  letter-spacing: 0.03em;
}



#SubNavi a:hover, #SubNavi a.current {
    color: #B1B2B3;

}

#SubNavi img {
    display: block;
}

#SubNavi .placeholder {
  background-color: #2e5dad;
}




footer {
    background: #003669 url(/images/bg_footer1.png) no-repeat center center;
    width: 100%;
    left: 0;
    height:200px;
}

.FooterImpressum  {
  padding: 10px;
  float: right;
   color: #fff;
}

/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(/images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(/images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid #ddd;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(/images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}

#PageNumbers, #PageNumbers a {
    font-size:0.8em;
    }


/* SEARCH FORM
-----------------------------------------------*/
/* Alle*/

.search-bar {
    position: relative;
    left:957px;
    top: 130px;
    width: 200px;
    margin:0;
    display: none;

    }

/* Input mit Button */
#SearchForm_SearchForm .middleColumn {
  float: left;
  height: auto;
}
/* Suchfeld */
#SearchForm_SearchForm .middleColumn input.text {
    background: #fff;
    opacity: 0.7;
    width: 206px;
    height:16px;
    font-weight:normal;
    font-size:0.75em;
    padding:1px 0 2px 28px;
    color: #0093A8;
    text-transform: uppercase;
    
}
/* Button*/
#SearchForm_SearchForm #SearchForm_SearchForm_action_results {
  width: 18px;
  height:12px;
  background: url(/images/suchbutton.png) no-repeat;
  border: none;
 position: relative; top:-18px; left:7px;

}

.ie7 #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
  margin:-28px 0px 0px -25px;

}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 20px 0;
		font-size: 1em;
	}

#SearchResults a.searchResultHeader {
   font-family:'Myriad Pro Light 1166622', Helvetica, sans-serif;
   margin: 15px 0 8px 0;
   padding: 0 0 10px 0;
   font-size:1.3em;
   font-weight: normal;
   color:#2678C1;
   text-decoration: none;
    }

#SearchResults a.readMoreLink {
   font-size:0.9em;
   line-height:0;
    
    }

#SearchResults p {
    margin-bottom:0;
    }



/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 35px;
	padding: 5px;
	width: 92%;
	color: #0092a7;
	border: 1px solid #44494D;
	background: #fff;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.typography .required{
	margin: 10px 0 10px 10px;
	padding: 3px;
	width: 350px;
	border: 1px solid #EE7D0C;
	background: #fff;
   
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}



			
/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

@media only screen and (min-width: 668px) {
.mobile-art-image {display: none;}

}



@media only screen and (max-width: 667px) {
    html {
        width: 100%;
    }
    body {
        width: 100%;
    }
    #Container, #LayoutHome, #Layout, #Content, header {
        width: 100% !important;
    }
    
    #Content {
        padding-top: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #menu-mobile {
        display: block;
        margin-left: 0.3em;
        height: 20px;
        cursor: pointer;
    }
    
    #menu-mobile-text {
        height: 20px;
        line-height: 20px;
        margin-left: 0.3em;
        font-family: sans-serif;
        font-weight: bold;
        color: #455860;
    }
    
    #menu-mobile-img {
        float: left;
        width: 20px;
        height: 20px;
        display: inline-block;
        background: #FFF url("/images/menu-mobile.png") no-repeat scroll 0% 0%;
        background-size: 100%;
        
    }
    
    #mobile-indicator {
        display: block;
    }
    
    .egmenu {
        display: none;
        position: relative;
        top: 1em;
        width: 100% !important;
        background-color: rgb(0, 91, 169);
    }
    
    .egmenu li ul {
        display: block !important;
    }
    
    #Navigation {
        width: 100%;
        left: 0;
        top: 0;
    }
    
    #Navigation a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 0.4em 0 0.4em 0.4em !important;
        color: white;
        width: 100%;
    }
    
    #Navigation a.current {
        background: #2E5DAD;
    }
    
    #Navigation a:hover {
        background: #2E5DAD; 
    }
    
    #Navigation .sub {
        position: inherit !important;
        width: 100%;
        overflow: hidden;
        background: #fff;
        padding: 0 !important;
    }
    
    #Navigation li li a:hover, #Navigation li li a.current {
        color: white;
    }
    
    #Navigation .sub a {
        color: #000;
        padding-left: 0 !important;
    }
    
    #Navigation .sub a:hover {
        background-color: #2E5DAD;
    }
    
    #Navigation a.section {
        background: transparent;
    }
    
    #Navigation .sub a.current, #Navigation .sub a.section {
        background: #2E5DAD;
        color: white;
    }
    
    header {
        background: #FFF url("/images/logo-mobile.jpg") no-repeat scroll 0% 0%;
        background-size: 100%;
        height: auto !important;
    }
    
    .logo {
        position: inherit;
        height: 80px;
        width: 100%;
        margin-bottom: 1em;
    }
    
    #Navigation {
        width: 100% !important;
        position: relative;
        min-height: 20px;
    }

    .mobile-art-image {
     width: 50%;
     vertical-align: middle;
    }

    .mobile-art-title {
      font-family:'Gill Sans W01 Book';
      color: #fff;
      font-size: 1.8em;
      font-weight: bold;
      text-decoration: none;
      padding-left: 14px;
      display: table-caption;
    }
    
    #Banner, #SubNavi {
        display: none;
    }
    
    #ContentProgramm, #ContentPresse {
        width: 100% !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .typography .download,
    .typography .download iframe,
    .mejs-container {
        width: 100% !important;
    }
    
    #TeasersProgramm {
        display: none;
    }

    .placeholder { display: none; }
    
    footer {
      background-position: center top;
      background-size: 100% auto;
      left: 0;
      height: 100px;
    }

    #Navigation .sub.kuenstler_nav a .mobile-art-image-holder, #Navigation .sub.kuenstler_nav a span {
      display: table-cell;
      vertical-align: middle;
    }

    #Navigation .sub.kuenstler_nav a .mobile-art-image-holder {
      width: 33%;
    }

    #Navigation .sub.kuenstler_nav a span {
      width: 67%;
    }

    #Navigation .sub.kuenstler_nav a {
      display: table;
      padding: 0 !important;
      margin: 6px 0;
      background: #e6e6e6;
      color: #b9b9b9;
      font-family: 'Gill Sans W01 Medium', sans-serif;
      font-weight: normal;
      font-size: 1.6em;
      line-height: 1.5em;
    }

    #Navigation .sub.kuenstler_nav a:hover, #Navigation .sub.kuenstler_nav a.current {
      background: #b9b9b9;
      color: #fff;
    }

    #Navigation .sub.kuenstler_nav a span {
      padding: 0 12px 0 8px;
    }

    #Navigation .sub.kuenstler_nav a img {
      width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    #Navigation .sub.kuenstler_nav a .mobile-art-image-holder, #Navigation .sub.kuenstler_nav a span {
      width: 50%;
    }
}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media only screen and (max-width: 979px) {

#Container, #LayoutHome, #Layout, header, #SubNavi, #Content, #mainNavi, #Navigation {
  box-sizing: border-box;
  width: 100% !important;
}

.logo {
  left: auto; right: 0;
}

#Navigation {
  left: 0;
}

header {
  background-position-x: right;
}

#ContentMother {
  width: 468px;
}


#Content, #Banner {
 margin:0 0 0 2px;
}


}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  #Navigation, #SidebarRight, #Search, #Sidebar, #SearchForm_SearchForm #SearchForm_SearchForm_action_results, footer {display: none;}
  #Content, #ContentFullWidth,#Layout {width: 95%;}
  .logo a {display: none;}
  a, a:visited { color: #000 !important; text-decoration: none; }
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
/****** FILE: public/css/typography.css *****/
/* GENERIC STYLES 
font-family:'Gill Sans W01 Book';
font-family:'Gill Sans W01 Light';
font-family:'Gill Sans W01 Medium';
lila: 8CA5D6
hellgrau: B9B9B9
dunkelgrau: B1B2B3
dunkelblau: 2E5DAD


 */


.typography * {
	font-family:'Gill Sans W01 Book';
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p { 
 	color: #333;
 	line-height: 1.3em;
 	font-size: 1.1em;
    letter-spacing:0.00em;
	margin: 0 0 10px 0;
}

.typography em {
	font-style: italic;
}

.typography .blau-spruch {
	font-family:'Gill Sans W01 Book';
 	color: #2E5DAD;
 	font-size: 1.7em;
   	margin: 0 0 0 0;
}

.typography .blau-kuenstler {
	  font-family:'Gill Sans W01 Medium';
 	color: #2E5DAD;
 	font-size: 1.3em;
   	margin: 0 0 0 0;
   	line-height: 1.3em;

}

.typography .grau-spruch {
	font-family:'Gill Sans W01 Book';
 	color: #B9B9B9;
 	font-size: 1em;
   	margin: 0 0 7px 0;
}

.typography .grau-kunstler {
	font-family:'Gill Sans W01 Book';
 	color: #B9B9B9;
 	font-size: 0.8em;
   	margin: 0 0 7px 0;
   	font-style: italic;
}



.typography .grau-news {
	font-family:'Gill Sans W01 Book';
 	color: #B9B9B9;
 	font-size: 2em;
   	margin: 0 0 7px 0;
}


.typography .grau-linie {
	border-top:2px solid #B9B9B9;
 	margin: 10px 0 10px 0;
 	height:1px;
}

.typography .weiss {
	color: #fff;
}





/* QUOTES
-------------------------------------------- */
.typography blockquote {
	margin: 10px;
	font-size: 1.4em;
	color: #777; 
	font-style: italic;
	quotes: none;
}	

.typography .clear {
    clear:both;
    margin:0;
    padding:0;
    }


.typography blockquote:before, .typography blockquote:after  { content: ""; content: none; }

.typography q {
	display:block;
	font-size: 0.8em;
	margin: 1em 1em;
	padding: 0.5em;
	border: 1px #ccc solid;
	quotes: none;
}

.typography q:before, .typography q:after { content: ""; content: none; }

/* REVISION
-------------------------------------------- */
.typography ins { background-color: #ff9; color: #000; text-decoration: none; }

.typography mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

.typography del { text-decoration: line-through; }

.typography abbr[title], .typography dfn[title] { border-bottom: 1px dotted; cursor: help; }


/* LINKS 
-------------------------------------------- */

.typography a { 
 	text-decoration: none; 
	color: #2E5DAD;
	
}
	.typography a:hover { 
	color:#B1B2B3;
	
	}
.typography #SidebarRight  a { 
	font-family:'Gill Sans W01 Book';
 	text-decoration: none; 
	color: #0093a8;
}

.typography #SidebarRight  a:hover { 
 	text-decoration: none; 
	color: #8bbb13;
}

.typography #SidebarRight .blau-verlauf a {
	font-family:'Gill Sans W01 Book';
	text-transform: uppercase;
	font-size: 0.7em;
	color:#fff;
	padding:5px 88px 5px 25px;
	display: block;
	margin-bottom: 4px;
	/* fallback */ background-color: #60bfc0;
    /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03a7a9), to(#60bfc0));
    /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #60bfc0, #03a7a9); 
    /* Firefox 3.6+ */     background: -moz-linear-gradient(top, #60bfc0, #03a7a9); 
    /* IE 10 */ background: -ms-linear-gradient(top, #60bfc0, #03a7a9);
    /* Opera 11.10+ */ background: -o-linear-gradient(top, #60bfc0, #03a7a9); 
}

.typography #SidebarRight .blau-verlauf a:hover {
	color: #eee;
}
	
.typography .formular a {
	text-decoration: none;
	color: #fff;
}

.typography .formular a:hover {
	text-decoration: underline;
	color: #fff;
}

	


	/* LINK ICONS - shows type of file
	------------------------------------ */
	.typography a[href$=".pdf"],
	.typography a[href$=".PDF"],
	.typography a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	.typography a[href$=".doc"],
	.typography a[href$=".DOC"],
	.typography a.doc {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_word.png) no-repeat left center;
	}
	.typography a[href$=".xls"],
	.typography a[href$=".XLS"],
	.typography a.xls {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_excel.png) no-repeat left center;
	}
	.typography a[href$=".gz"],
	.typography a[href$=".GZ"],
	.typography a[href$=".gzip"],
	.typography a[href$=".GZIP"],
	.typography a[href$=".zip"],
	.typography a[href$=".ZIP"],
	.typography a.archive {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_zip.png) no-repeat left center;
	}
	.typography a[href$=".exe"],
	.typography a[href$=".EXE"],
	.typography a.application {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/application.png) no-repeat left center;
	}

/* LIST STYLES 
-------------------------------------------- */
.typography ul, 
.typography ol {
	margin: 0 0 18px 5px;
    font-size:0.9em;
    color: #474747;

}
	.typography li {
		margin: 5px 10px;
        list-style-image: url(../images/listenitem_gelb.png);  
        line-height: 1.3em;
	
	}
		.typography li li {
		
		}
		
/* HEADER STYLES 
-------------------------------------------- */

.typography h1 {
	font-family:'Gill Sans W01 Medium';
	padding: 0px 0 4px 0px;
   	font-size:1.8em;
	font-weight: normal;
    color:#B9B9B9;
}
.typography #ContentProgramm h1  {
	color:#2E5DAD;

}
.typography h2 {
	font-family:'Gill Sans W01 Medium';
	margin: 15px 0 8px 0;
	font-size:1.5em;
	font-weight: normal;
    color:#B9B9B9;
    line-height: 1.2em;
}

.typography  #ContentProgramm h2 {
	font-family:'Gill Sans W01 Medium';
	color:#2E5DAD;
	font-size: 1.8em;
   
}

.typography h3  {
	font-family:'Gill Sans W01 Book';
    color:#2E5DAD;
    margin: 0px 0 3px 0px;
  	font-size: 1.4em;  
}

.typography  #ContentProgramm h3  {
	font-family:'Gill Sans W01 Book';
    color:#2E5DAD;
    margin: 0px 0 3px 0px;
  	font-size: 1.1em;  
}


.typography h4 {
	font-family:'Gill Sans W01 Book';
    color:#2E5DAD;
    margin: 0px 0 3px 0px;
  	font-size: 1.1em; 
}
.typography h5 {
	font-size: 14px;
	color: #222;
	font-weight: 700;
	margin: 0 0 12px 0;
}
.typography h6 {
	font-size: 13px;
	color: #555;
	line-height: 1.4em;
	margin: 0 0 12px 0;
}

/* PRE STYLES 
-------------------------------------------- */	
.typography pre {
	font-family:"Courier New",Courier;
	display:block;
	font-size:1.2em;
	margin:2em 5em;
	padding:0.5em;
	border:1px #ccc solid;
	background:#eee;;
}

/* TABLE STYLING 
-------------------------------------------- */
.typography table {
	margin: 0 0 0 0;
    line-height: 1;
 	font-size: 1.1em;
    color: #3e3d40;
	border-collapse:collapse;
}
	.typography tr {}
	
		.typography td {
			padding:3px;
			vertical-align: middle;
		}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
    border: none
}
.typography img.right {
    float: right;
    margin-left: 20px;
}
.typography img.left {
    float: left;
    padding: 0px 20px 10px 0;
    margin:0px 0 0 0;
}
.typography img.leftAlone {
    float: left;
    margin:5px 100% 10px 0;
}

.typography img.rechteSpalte {
   margin:0 0 0px 0;
}

.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
/****** FILE: public/css/form.css *****/
/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */


/* GENERIC FORMS
----------------------------------------------- */

form {
    max-width: 500px;
    width: 50%;
}
div.field {
    margin: 10px 0 15px;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
    font-size: 1.2em;
}
    form label.left {
        display: block;
        font-weight: bold;
    }
    form label.right {
        color: #888;
    }

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    width: 100%;
    max-width: 400px;
    padding: 2px 2px;
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #dad9d9;
}
    .ie7 form select { width: 400px; } /* fix for ie7's rendering of max-width property on select input */

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
        text-align: left;
        font-size: 1.5em;
    }


/* Messages */
form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
    font-size: 1em;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: #b80000;
    }


/* ACTIONS */
.Actions {
    margin-bottom: 20px;
}

     .Actions .action {
        background: #003669; 
        background-image: none;
        color: #fff;
        display: inline-block;
        border-radius: 4px;
        padding: 6px 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        letter-spacing: 1px;
        border: none;
        font-size: 1em;
        margin-right: 10px;
        float: left;
        cursor: pointer;
    }
   .Actions .action:hover {
        background: #ccc; 
        color: #000;
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    a.btn:after {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:after {
        color: #B94A48;
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }

 



/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}
form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
    width: 114px;
}
.Actions input.resetformaction,
.Actions input.action-minor {                  /* Clear button */
    float: left;
    background-color: #888;
}
.Actions input.resetformaction:hover,
.Actions input.action-minor:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 1em;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: #B94A48;
    content: "*";
    font-size: 1em;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
    margin: 0;
}
    form .checkboxset li,
    form .optionset li {
        margin-bottom: 5px;
        list-style-type:none;
    }
    form div.checkbox:after { /* clearfix */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left;
}
div.holder-required {               /* This class needs to be changed - is used for both input and div */
    /* background-color: #f9d0d0;
    border: 1px solid #cf0000;
    padding: 10px;
    margin-left: -11px; */
}
form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #cf0000; 
}

/* Error messages */
input:invalid,
textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

/* To test - potentially not needed? */
.ss-uploadfield-item-info button{
    margin-top: 4px !important;
    float: left;
}
form .creditCardField input,
form input.currency,
form input.numeric {
    width: 50px;
}
form #DMYDate-month,
form #DMYDate-day {
    width: 25px
}




/* Responsive form styles
----------------------------------------------- */

@media only screen and (max-width: 700px) { 

    /* To test - potentially not needed? */
    .header form .middleColumn {
        float: none;
        width: 100% !important;
    }
    form label.left,
    #MemberLoginForm_LoginForm label {
        margin-bottom: 8px
    }
}

@media only screen and (max-width: 900px) { 
    form {
        max-width: 100%;
    }
}

@media only screen and (min-width: 700px) { 

}