***************** Setup ********************************************************/
/********************************************************************************/

* {
	font-family:Trebuchet MS, Verdana, Helvetica, Sans-Serif;
}

* {
	margin:0px;
	padding:0px;	
  box-sizing: border-box;
}
html, body {
  height: 100%;
}

body {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#keboe_printarea, #vhs_printarea {
display:none;
}
img, table, a img {
	border:none;
}

img {
	display:block;
	max-width:100%;
	height: auto;
}

a, a:link, a:visited {
	outline:none;
	text-decoration:none;
	color:#000000;
}
a:hover, a:active {
	text-decoration:underline;
}
.invisible {
  display:none;
}
/* CONTAINER */

#container {
  max-width:994px;
	box-sizing:border-box;
	width:100%;
  padding-left:14px;
	padding-right:14px;
}

/* HEADER */

#header {
  padding-top:6px;
  min-height:35px;
	position:relative;
}

#header span.language {
  width:182px;
  padding:6px 5px 0 5px;
  text-align:left;
  display:block;
  float:right;
  background:transparent url('../img/strichlierte_linie.gif') repeat-x left top;
}

#header span.language {
  display:block;
}

/* LEFT COLUMN */

#leftColumn {
  float:left;
  max-width:182px;
	width:100%;
  margin-right:14px;
  box-sizing: content-box;
	margin-right:-196px;
	z-index:10;
	position:relative;
}
#logo {
	position:relative;
	background: transparent url("../img/strichlierte_linie.gif") repeat-x left bottom;
	padding-bottom:6px;
	margin-bottom:10px;
	display:block;
	padding-left:15px;
}

#logo:hover:after {
 content:url('../img/icon_nav.gif');
  position:absolute; 
  z-index:10; 
  left:0px;
  top:17px;
}


.formCol {
  padding-top:3px;
  padding-bottom:3px;
  float:left;
  clear:both;
  width:100%;
}



/* Suche */

#mainSearch, #simple2search_nav {
  background: transparent url("../img/strichlierte_linie.gif") repeat-x left bottom;
  margin: 0;
  padding-bottom: 10px;
  padding-left: 15px;
}

#mainSearch input, #simple2search_nav input {
width:156px;
margin-bottom:2px;
padding:1px 2px;
}
#mainSearch input[disabled="disabled"] {
background-color:#efefef !important;
border:1px solid #dddddd;
}
#mainSearch .iconSearch {
color:#dddddd !important;
background-image:none !important;
background-color:transparent !important;
cursor:default;
}
#simple2search_nav label {
position: absolute;
left: -6000px;
top: 0px;
width: 1px;
height: 1px;
overflow: hidden;	
}
body.search .leftContent {
padding-right:0px;	
}
body.search #searchResults td img {
float:left;
bordeR:3px solid #fff;
margin-right:8px;	
margin-top:-4px;
}
body.search .searchresultsTable td:last-child {
padding-top:15px;
min-width:150px;
}
body.search .searchresultsTable td br {
display:none;	
}
body.search .searchResultsPagination a {
color:#000 !important;
text-decoration:none !important;
}
body.search .searchResultsPagination {
margin-bottom:20px;	
}
body.search #pathnavigation img {
float:left;
}
body.search h1.pfadTextdistanz {
padding-left:10px !important;	
}
body.search #pathnavigation {
min-height: 67px;
padding-bottom: 0px;
padding-top: 31px;
width: 100%;
background: transparent url("../img/strichlierte_linie.gif") repeat-x left bottom;
}
body.search #search {
width: 100%;
padding:13px 6px 13px 6px;
background: transparent url("../img/strichlierte_linie.gif") repeat-x left bottom;
}
body.search #search label input[type="radio"] {
margin-right:4px;	
margin-left:5px;
}
body.search #search label {
padding-right:0px;	
}

body.search .content #search input[type="text"] {
width:200px;	
margin-bottom:10px;
}
body.search .content #search input[type="submit"] {
font-size: 0.85em !important;
text-transform: uppercase;
border: none !important;
cursor: pointer;
height: 14px;
padding-right: 18px;
padding-left: 0px !important;
width: 7.51em !important;
background: #000000 url('../img/icons_all.png') no-repeat right -33px;
margin-left: 0px !important;
color:#000;
}
body.search .content #search input[type="submit"]:hover {
padding-right: 18px;
width: 5em;
background: #000000 url('../img/icons_all.png') no-repeat right -3px;
background-color: rgb(0, 0, 0);
}
body.search .content #search input[type="submit"] + div span:last-child {
display:block;	
margin-left:0px !important;
margin-top:15px;
margin-bottom:0px;
border:none !important;
}
body.search .content #search input[type="submit"] + div span:last-child a {
font-size: 0.85em !important;
text-transform: uppercase;
border: none !important;
cursor: pointer;
height: 14px;
text-decoration:none;
color:#000;
padding-right: 18px;
background: #000000 url('../img/icons_all.gif') no-repeat right -182px;
}
body.search .content #search input[type="submit"] + div span:last-child a:hover,
body.search .content #search input[type="submit"] + div span:last-child a:active {
padding-right: 18px;
background: #000000 url('../img/icons_all.gif') no-repeat right -213px;	
}

body.search .selectType strong {
margin-top:10px;	
margin-bottom:3px;
display:block;
}
body.search .selectType label {
margin-right:10px;	
}
body.search .selectType label input{
margin:2px 5px 0px 0px;	
}
body.search #searchResults h2 {
border-color:#000;	
}
body.search .searchresultsTable table, body.search .searchresultsTable tr:hover td, body.search .searchresultsTable th {
    border-color: #000;
}

/* CONTENT */
.main {
  float:left;
  max-width:966px;
	width:100%;
  padding: 0 0px 0 196px;
}

#contentHeader {
  min-height: 66px;
  padding-bottom: 0px;
  padding-top: 31px;
	width:100%; 
}

.row {
  float:left;
  clear:both;
  width:100%;
}
.fullContent {
width:100%;
  box-sizing: border-box;
}
.leftContent {
  box-sizing: border-box;
  float: right;
  margin-left: -100%;
  padding: 0 196px 0 0;
  width: 100%;
}
#struktur .node .leftContent,#struktur #sucheNachBundesland .leftContent{
padding-right:196px;
}
.complexSearchContainer #searchResults.leftContent,
#struktur #searchResults.leftContent {
padding-right:0px;	
}
.leftContent .content, .leftContent .intern, .fullContent .content, .node-projekt, .node-nicht-vhs-projekt, .node-publikation,
.node-textarchiv, .node-zeitschriftentitel, .node-zeitschriftenartikel, .node-wiener-moderne, .node-transfer-erhebungsbogen, 
.node-textarchive, .node-journal-titles, .node-journal-articles, .node-viennese-modernism, 
.page-literatur-wiener-moderne-kategorien .region-content,
.page-literature-viennese-modernism-categories .region-content,
.page-literature-text-archive-categories .region-content, 
.page-literatur-textarchiv-kategorien .region-content {
	background: transparent url("../img/strichlierte_linie.gif") repeat-x left top;
	padding-left:6px;
	padding-right:0px;
	padding-top:12px;
}
.node-projekt, .node-publikation, .node-nicht-vhs-projekt {
padding-top:7px;
}
.leftContent .intern {
margin-top:12px;
}
body.logged-in .intern {
background-color:#FCC8C8;
padding-bottom:12px;
margin-bottom:0px;
}
.rightContent {
  float:right;
  width:182px;
  background: transparent url("../img/strichlierte_linie.gif") repeat-x left top;
	padding-top:1px;
}
.node .rightContent {
margin-top:49px;	
}
.rightContent .content {
  padding:12px 6px 12px 6px;
  background: transparent url("../img/strichlierte_linie.gif") repeat-x left bottom;
}
.simpleSearch .rightContent .content {
  background-image:none;
}
.field-name-field-intro-inhalt {
  box-sizing: border-box;
  float: right;
  margin-left: -100%;
  padding: 0 196px 0 0;
  width: 100%;
}
.field-name-field-intro-inhalt .field-items, .node-statistikbericht-auswertung .content {
	background: transparent url("../img/strichlierte_linie.gif") repeat-x left top;
	padding-left:6px;
	padding-right:6px;
	padding-top:12px;
}
.node-statistikbericht-auswertung .field-items {
margin-bottom:10px;
}
.field-items .file img {
float:left;
margin-right:5px;
}
.field-name-field-intro-bild {
  float:right;
  width:182px;
  background: transparent url("../img/strichlierte_linie.gif") repeat-x left top;
	padding-top:1px;
}
.page-node-9 .field-name-field-intro-bild, .page-node-1166  .field-name-field-intro-bild {
position:absolute;
right:0px;
top:0px;
}
.page-node-9 .field-name-field-intro-inhalt, .page-node-1166 .field-name-field-intro-inhalt{
min-height:100px;
}
.separatTop{
  background: transparent url("../img/strichlierte_linie.gif") repeat-x left top;
}
.separatBottom {
  background: transparent url("../img/strichlierte_linie.gif") repeat-x left bottom;
}
p.separatBottom {
padding-bottom:12px;
}
h4.separatTop {
padding-top:12px;
}
/* verschiedenen Pfad Headlines */
h1  {
    font-size: 1.4em;
    font-weight: bold;
    margin: 0;
    padding-left: 34px;
    padding-top: 6px;
		padding-bottom:4px;
    white-space: nowrap;
		float:left;
}
.front h1 {
padding-left:6px;	
}
.datenschutzerklaerung h1, .privacy-policy h1, .impressum h1, .imprint h1 {
padding-left:6px;	
}
h2 {
  font-size:1.4em; 
  font-weight:bold;
  padding:0px;
  clear:both;
  margin-bottom:1em;
  margin-top:0px;
  clear:both;
}

.field-name-field-intro-inhalt h2 {
font-size:1em;
padding-top:0px;
margin-bottom:6px; 
}
.node-without-pix .field-name-field-intro-inhalt h2 {
font-size:1.4em; 
margin-bottom:6px; 
padding-top:7px;
}
.node-einfache-seite-bild-oben-rechts .field-name-field-intro-bild img {height:auto !important; }
h3, .h3 {
    margin:0 0 0.51em 0;
    font-weight: normal;
    margin-top: 0;
    font-size:15px; 
}
h3.important {
margin-left:-6px;
box-sizing:content-box;
width:100%;
padding-left:6px;
}
h4{
    margin:0 0 0.51em 0;
    font-weight: bold;
}
p {
  font-size:1em;
  margin:0 0 1.2em 0;
	line-height:1.4em;
}
#struktur .leftContent .content p {
margin-bottom:0px;
}
.leftContent .content p + p {
margin-top:1.2em;
}
#vhsProjektDetails .leftContent .content p + p {
margin-top:0em;
}
.leftContent .content .field-item a {
display:block;
margin-top:3px;
}
.literatur .leftContent .content .field-item a {
display:inline;
margin-top:0px;
}
.main a, .main a:link, .main a:visited {
	outline:none;
	text-decoration:none;
	color:#3269e8;
}
.main a:hover, .main a:active {
	text-decoration:underline;
}
th {
	font-weight:bold;
	font-size: 12px;
  padding-right:12px;
  padding-bottom:12px;
	text-align:left;
}
td {
	font-weight:lighter;
	font-size: 12px;
  padding-right:12px;
  padding-bottom:12px;
	text-align:left;
}
td[align="right"] {
text-align:right;
}
tr.separatTop td, h4.separatTop {
padding-top:12px;
}
tr.tdHeader td {
padding-bottom:2px;
}


/* FORMULARE */

input {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	padding:2px;
	border:1px solid #000000;
}	

button {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	padding-left:2px;
}	

textarea {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 12px;
	padding-left:2px;
	border:1px solid #000000;
}	

select {
	font-weight:lighter;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 12px;
	padding:1px 1px 1px 1px;
	border:1px solid #000000;
}

/* simpleSearch */
#simpleSearch {
position:relative;
padding-right:90px;
}
#simpleSearch input {
  margin-right: 18px;
  width: 100%;
	float:left;
	margin-left:-6px;
	margin-bottom:12px;
}
#simpleSearch button {
position:absolute;
right:6px;
top:2px;
}

/* FOOTER */

/* footer */
#footer {
  float:left;
  clear:both;
  max-width:966px;
	width:100%;
  padding-top:20px;
}

.linkImprintLeft {
  background: transparent url("../img/strichlierte_linie.gif") repeat-x left top;
  display: block;
  float: left;
  padding: 8px 0 65px 6px;
  width: 176px;
position:relative;
z-index:100;
}
.linkImprintLeft {
  margin-right: 13px;
}
.linkImprintLeft span + span {
display:block;
margin-top:15px;	
background: transparent url("../img/strichlierte_linie.gif") repeat-x left top;
display: block;
padding-top: 8px;
}

.linkImprintRight {
    background: transparent url("../img/strichlierte_linie.gif") repeat-x scroll left top;
    display: block;
    float: right;
    padding: 8px 0 12px 6px;
    width: 182px;
		clear:right;
position:relative;
z-index:100;
}

body.imprint .field-items, body.impressum .field-items {
padding:0px;
background-image:none;	
}
#mehrImpressum .imprintColumn {
width:32%;
padding-left:2%;
padding-right:7px;
float:left;
}
#mehrImpressum .imprintColumn:last-child {
padding-right:0px;
}
#mehrImpressum .imprintRow {
clear:both;
float:left;
background: transparent url("../img/strichlierte_linie.gif") repeat-x scroll left top;
padding-left:6px;
padding-top:10px;
width:100%;
}
#mehrImpressum .imprintRow:last-child {
padding-bottom:12px;
}
#mehrImpressum #imprintRow3Cols {
clear:both;
float:left;
background: transparent url("../img/strichlierte_linie.gif") repeat-x scroll left top;
padding-left:0px;
padding-top:8px;
}
#mehrImpressum h3 {
font-size:1em;
font-weight:bold;
margin-bottom:1.5em;
}
#mehrImpressum p {
margin:0px 0 1em 0;
line-height:1.31em;
}
#impressumSponsored a {
margin-right:60px;
float:left;
}
#impressumSponsored {
padding-top:12px;
}
#clearImprintLink {
position:relative;
top:-1px;
padding-bottom:15px;
}
.leftSpaceImprint {
padding-left:195px !important;
background-image:none !important;
padding-bottom:0px !important;
}

.leftSpaceImprint form {
background: transparent url("../img/strichlierte_linie.gif") repeat-x scroll left top;
width:562px;
float:left;
padding:0px 0px 15px 6px;
}
.leftSpaceImprint .imprintRow {
padding-left:0px !important;
width:568px;
}
.lastImprintRow {
background: transparent url("../img/strichlierte_linie.gif") repeat-x scroll left top;
padding-bottom:5px;
width:562px;
margin-left:-6px;
padding-left:6px;
float:left;
}
#footer .webform-client-form  .form-item {
float:left;
width:100%;
margin:0px 0px 8px 0px;
padding-left:203px;
position:relative;
}
.webform-component--intro {
padding-left:0px !important;
}
#footer .webform-client-form  .form-item input,  #footer .webform-client-form  .form-item .form-textarea-wrapper{
width:100%;
float:left;
}
#footer .webform-client-form label {
display:block;
font-size:1em;
visibility:visible;
width:193px;
float:left;
font-weight:normal;
position:absolute;
left:0px;
}
#footer .webform-client-form  .form-actions input {
border:none;
padding-right: 20px;
background: #000000 url("../img/icons_all.gif") no-repeat scroll right -298px;
float:right;
clear:both;
}
#footer .webform-client-form  .form-actions input:hover {
background: #000000 url("../img/icons_all.gif") no-repeat scroll right -329px;
}

div.messages {
border:none !important;
background-image:none !important;
padding:20px !important;
}
#contentHeader + div.messages {
margin-right:196px;
}
div.warning {
background-color:#fbe494;
border-left:6px solid #fecc1e !important;
color:#000000;
}
div.error {
background-color:#feb6ac;
color:#000000;
border-left:6px solid #f61d00 !important;
}
div.status {
color:#000000;
background-color:#c0ddf3;
border-left:6px solid #1e8ee4 !important;
}

.cc-highlight .cc-btn:first-child {
background-color:#ffffff !important;
}
.cc-link {
padding:0px !important;	
}