/*
Theme Name: Institut für künstlerische Forschung
Theme URI: Institut für künstlerische Forschung
Description: Modern, clean and professional WordPress template. 
Author: Institut für künstlerische Forschung
Version: 1.0
blau = 28507e
*/

@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

/*	-------------------------------------------------------------
 
	THE ARCHITECT - BY LAYERED PIXELS
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description:Base cascading style sheet
	Nom:screen.css
	Version:1.0
	Date:
 
	This file is part of a site template for sale at ThemeForest.net.
	See: http://themeforest.net/user/LayeredPixels/portfolio
	Copyright © 2010 Layered Pixels <info@layeredpixels.com>
 
-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	IMPORT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


@import url("assets/css/slider.css");
@import url("assets/css/form.css");

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection {

/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }

hr {
  	border: 0;
 	width: 96%;
	color: #ffffff;
	background-color: #c7c7c7;
	height: 1px; }
	
body {
	line-height: 1;	}
		
ul, ol {
	padding: 5px 0 20px 25px; }

ul li, ol li {
	line-height: 16px;
	margin: 2px 0;
	padding: 0; }

ul li,
ol li {
	line-height:1.6;
	margin:0 0 2px 0;
	padding:0; }
	
blockquote {
	display: block;
	padding: 30px 60px;
	width: 500px; }

blockquote p {
	font-size:16px;
	font-style:italic;
	color:#000 !important; }
	
blockquote:before, blockquote:after {
	color: #ccc;
	display: block;
	font-size: 700%;
	width: 50px; }

blockquote:before {
	content: open-quote;
	height: 0;
	margin-left: -0.55em; }

blockquote:after {
	content: close-quote;
	height: 50px;
	margin-top: -65px;
	margin-left: 510px; }

:focus {
	outline: 0; }

ins {
	text-decoration: none; }
	
del {
	text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

/*	-------------------------------------------------------------
	BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html {
	font-size: 100%;
	width: 100%; }

body {
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #363636;
	line-height: 16px;
	width: 100%;
	background:#f0f0f0 url("images/bg_body.gif") repeat 0 0 !important; } 

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

a {
	color:#28507e;
	margin: 0;
	outline: 0; }
  
a:hover {
	color:#000; 
	text-decoration: underline;	
	}
 
a, a:visited, a:active {
	text-decoration: none;	
	}

 
/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

p {
	line-height: 1.7;
	padding: 0 0 25px 0; }

h1, h2, h3, h4, h5 {
	color:#000;
	margin:0;
	padding:0;	
	font-weight:bold;
	letter-spacing:-0.5px; }
 
h1 {
	font-weight:normal; }
 
h2 {
	font-size:20px; }
 
h3 {
	font-size:20px;
	line-height:28px;
	margin-bottom:5px;
	}

h4 {
	font-size:20px;}

h5 {
	color:#000;
	margin:0 0 20px 0;
	font-size:15px; }

.contents h5 {
	line-height:140%;
	font-size:22px;
	color:#8b8b8b;	}

.strong {
	font-weight:bold; }


/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	position: relative; }
 
.clearandspace {
	clear: both;
	font-size: 0;
	height: 15px;
	line-height: 0;
	position: relative; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }

.clearfix { display:inline-block; }
	
/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */

.clearline {
	position:relative;
	clear:both;
	height:20px;
	line-height:0;
	font-size:0;
	margin:20px 0;
	border-bottom:1px solid #c7c7c7; }

/*	-------------------------------------------------------------
	GLOBAL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.left { 
	float:left; 
	width: 48%; }
	
div.right { 
	float:right; 
	width: 48%; }

div.left-col .btn {
	margin:20px auto;
	text-align:center; }

ul.nolist {
	list-style:none;
	padding:10px 0 10px 20px ;
	margin:0; }

ul.nolist li.phone {
	padding:0 0 0 24px;
	background:transparent url("images/icon-phone.png") no-repeat 0 2px; }

ul.nolist li.mail {
	padding:0 0 0 24px;
	background:transparent url("images/icon-email.png") no-repeat 0 2px; }


/*	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.container {
	margin:0 auto;
	padding:0; 
	width:1003px;
	z-index:-1; }
 
div.wrapper {
	margin:0;
	padding:0;
	height:100%;
	width:100%; }
 
div.header {
	z-index:2000;
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	height:147px;
	background: url("images/bg_trans_01.png") repeat 0 0; }

div.toggle {
	position:absolute;
	z-index:5000;
	left:50%;
	margin-left:-501px; }

	div.toggle .fullsize {
		display:block;
		float:right;
		margin-right:1px;
		width: 90px;
		height: 30px;
		overflow:hidden;
		text-indent:-9999px;
		background:transparent url("images/btn_full_screen.png") no-repeat 0 0; }

		div.toggle .fullsize.active {
			background:transparent url("images/btn_full_screen.png") no-repeat -90px 0px; }


/*	-------------------------------------------------------------
	INTERFACE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* Header */
div.header h1 {
	color:#aaa;
	font-size:25px;	
	margin:50px 0 0 25px;
	padding:0;
	text-transform:uppercase;
	float:left; }

	.header h1 a {
		color: #fff; }

/* Top Navigation */
div.header div.menu ul {
	position: relative;
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	margin:90px 10px 0 0; }

div.header div.menu ul li {
	float:left;
	position:relative;
	width:auto;
	margin:0 12px;
	background:transparent; }

div.header div.menu ul li a {
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:12px;
	padding:10px;
	background:transparent; }

div.header div.menu ul li a:hover {
	color:#fff;
	background:#c5c5c5;}

/* Dropdown Navigation */
div.header div.menu ul ul {
	display:none;
	list-style:none;
	margin:0px;
	padding:0px;
	width:181px; } 

div.header div.menu ul li ul {
	left:0;
	position:absolute;
	top:39px; } 

div.header div.menu ul li ul li {
	clear:both;
	margin:0;
	padding:0;
	width:100%; } 

div.header div.menu ul li ul li a {
	color:#fff;
	display:block;
	font-weight:bold;
	padding:10px 10px; } 

div.header div.menu ul li ul li a {
	background: url("images/bg_trans_01.png") repeat 0 0 !important; } 

div.header div.menu ul li ul li a:hover {
	background:#c5c5c5 !important; } 

div.header div.menu ul li:hover a, div.header div.menu ul li a:hover, div.header div.menu ul li:focus a, div.header div.menu ul li a:focus {
	background:#c5c5c5; }

/* Content */
div.content { }

/* Sub Pages */
div.page {
	padding:0;
	margin:0;
	background:#fff url("images/bg_page.gif") repeat-y top left !important; }

div.page p {
	color:#363636;}

/* Columns */
div.left-col {
	float:left;
	width:242px;
	padding:170px 24px 20px 24px;
	margin:0;
	text-align:left; }

div.right-col {
	float:left;
	width:686px;
	margin:0 0 20px 0;
	padding:0 27px 50px 0;
	text-align:left;
	height:100%; }

	div.right-col div.contents {
		padding:0 0 40px 45px; }

div.full-col {
	float:left;
	width:1003px;
	margin:0;
	padding:0px 0px 30px 0px;
	background:#fff; }

	div.full-col div.sub-header {
		position:relative;
		height:424px;
		margin:0 0 30px 0; }
		
		div.full-col div.sub-header img {
			position:absolute !important;
			top:0;
			left:0;	}
		
		div.full-col div.sub-header h2 {
			position:absolute;
			bottom:6px;
			right:0px;
			margin:0;
			padding:0;
			color:#fff;
			text-align:right;
			font-size:40px; 
			line-height: 30px;
		}

		div.full-col div.contents  {
			padding:0 0 0 47px; }

div.sub-header {
	position:relative;
	height:423px;
	margin:0 0 30px 0; }

div.sub-header img {
	position:absolute !important;
	width:713px;
	top:0;
	left:0;	}

	div.sub-header h2 {
		position:absolute;
		bottom:38px;
		left:47px;
		margin:0;
		padding:0;
		color:#fff;
		font-size:40px; 
		line-height: 42px;
		}


/* Blocks */		
ul.block {
	list-style:none;
	padding:0 0 0 47px;
	margin:0; }

ul.block li {
	width:270px;
	float: left;
	vertical-align:top;
	border-right:1px solid #c7c7c7;
	padding:0 15px 0 15px;
	margin:10px 0 20px 0; 
	min-height: 220px;}

	ul.block li:first-child {
		padding:0 22px 0 0;
		border-left:none; }

	ul.block li:nth-child(3n+3) {
		padding-left:22px;
		padding-right:0;
		border-right:none; }

	ul.block li:nth-child(4n+4), ul.block li:nth-child(7n+7)  {
		border-left:none;
		padding:0 22px 0 0; }

	ul.block p {
		padding:0;
		margin:0;
		font-size:12px; }

	ul.block a {
		color:#000; }
		
		ul.block a:hover {
			color:#28507e; }

	ul.block h3 {
		margin:20px 0 20px 0;
		color:#000;
		line-height:22px;
		font-size:22px; }

/*	-------------------------------------------------------------
	Table
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
table {
	border-collapse:collapse;
	border-spacing:0; }

table.global {
	color:#363636;
	border-width: 0px;
	border-style: none;
	width: 100%;
	padding: 0px;
	margin:10px 0 20px 0;
	border-collapse:separate;
	background: #fff; }

table.global td, table.global th {
	border-bottom: 1px solid #ccc;
	padding: 8px;
	zoom: 1;
	text-align:left; }

table.global thead th {
	color:#333333;
	border-width: 3px;
	border-color: #fff;
	border-bottom:3px solid #666;
	background: url("images/bg_caption.gif"); }

table.global tfoot td {
	border: 0;
	padding-bottom: 0;
	width: auto !important; }

table.global tfoot td {
	clear:both;
	font-size:10px;
	font-weight:normal;
	line-height:14px;
	margin-top:16px;
	padding:8px;
	text-align:center; }

/*	-------------------------------------------------------------
	WIDGETS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* Sub-Navigation & Links */
div.widget-container ul {
	padding:0;
	margin:0;
	display:block;
	list-style:none; }

	div.widget-container ul li {
		clear:both;
		display:block;
		margin:0;
		padding:0;
		width:100%; }

	div.widget-container ul li a {
		color:#363636;
		display:block;
		font-weight: normal;
		padding:10px 30px 10px 20px;
		margin:0;
		background:#fff url("images/bg_links.png") no-repeat 225px center; }

	div.widget-container ul li a:hover, div.widget-container ul li a.active:hover {
		color:#fff;
		background:#28507e url("images/bg_links_hover.png") no-repeat 225px center; 
			
		}

	div.widget-container ul li.current_page_item a {
		color:#28507e;
		background:#fff url("images/bg_links_active.png") no-repeat 225px center; 
		
		}

		div.widget-container ul li.current_page_item a:hover {
		color:#fff;
		background:#28507e url("images/bg_links_hover.png") no-repeat 225px center; 
		
		}

	/* Sub-Navigation Children */
	div.widget-container ul li ul li a {
		padding:5px 30px 5px 35px; 
		font-size: 12px;
		color: #999999;
		font-weight: normal;
		text-decoration: none;	
		}	

	div.widget-container ul li ul li a:hover {
		text-decoration: underline;	
		}	

/* Title */
.widget-title {
	margin: 0px; 
	font-size: 12px;
	font-style: normal;
	text-transform: none;
	color: #f0f0f0;
	}

/* Text Widget */
.textwidget {
	background:#fff;
	padding:10px; }

/* Search Form */
#searchform {
	background:#fff;
	padding:10px;	}
	
	#searchform label {
		display:none;	}

	#searchform input[type=text] {
		padding: 10px 15px;
		width:120px;
		border:1px solid #e0e0e0;
		font: 12x Arial, Helvetica, sans-serif;
		color: #363636;
		margin: 0; }

	#searchform input[type=submit] {
		height: 36px;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		color: #fff;
		border:none;
		float:none;
		background:#cccccc;
		cursor: pointer;
		float:right; }

		#searchform input[type=submit]:hover {
			color: #fff;
			background:#28507e; }


/* Calendar */
#calendar_wrap {
	background:#fff;
	margin:0;
	padding:10px; }

#wp-calendar {
    empty-cells: show;
    margin: 0 auto;
    width: 100%; }

#wp-calendar td a {
	background:#28507e;
	color:#fff;
	font-weight:bold;
	display: block;
    text-decoration: none; }

#wp-calendar caption {
    color:#333333;
	font-size:16px;
	padding:8px 0;
	margin:0 0 5px 0;
	font-weight:bold;
	letter-spacing:-1px;
	border-width: 3px;
	border-color: #fff;
	border-bottom:3px solid #666;
	background: url("images/bg_caption.gif"); }

#wp-calendar th {
	text-align:center;
	padding:3px 0;
    font-style: normal;
    text-transform: capitalize; }

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right; }

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left; }

#wp-calendar td {
    padding: 3px 0;
    text-align: center; }


/* Gallery */
.gallery {
	padding:0;
	margin:15px 0 10px 0; }

.gallery-item {
	float:left;
	margin:0 3px 0px 0; }

/*	-------------------------------------------------------------
	BLOG
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.all-posts ul.block h3 {
		margin:10px 0 20px 0;
		color:#28507e;
		line-height:22px;
		font-size:22px; }

div.all-posts ul.block h3 a {
		margin:10px 0 20px 0;
		color:#28507e;
		line-height:22px;
		font-size:22px; }

div.metadata {
	font-size:11px;
	margin:4px 0 0 0; }

div.postmetadata {
	font-size:11px;
	text-align:center;
	padding:10px 0;
	margin:0 0 20px 0;
	background: url("images/bg_caption.gif"); }

/* Comments */
div.contents .commentarea ul {
	margin: 20px 0 20px 0;
	padding:0; }

div.contents .commentarea ul li {
	overflow: hidden;
	margin:0 0 20px 0;
	padding:0;
	border:1px solid #e0e0e0;
	background:transparent url("images/bg_comments.gif") repeat-y 0 0; }

div.contents .commentarea .meta {
	width: 140px;
	padding:20px;
	float: left;
	overflow:visible;
	height:100%;
	text-align: left;
	background:transparent url("images/bg_comments_top.gif") no-repeat 0 0; }

div.contents .commentarea .meta img.avatar {
	display:block;
	background:#383838;
	padding:3px;}

div.contents .commentarea .meta cite, div.contents .commentarea .meta cite a  {
	font-style: normal;
	font-size:14px;
	font-weight: bold;}

div.contents .commentarea .meta span {
	display: block;
	font-size: 10px;
	color: #656565;
	padding: 0;}

div.contents .commentarea .comment {
	width: 400px;
	padding: 0;
	float: right;
	margin: 20px 20px 5px 0;
	position: relative; }

div.contents .commentarea ul li ul {
	display:none; }

/* Comment form */
div.contents .commentarea h3 {
	margin: 0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #c7c7c7;
	font-size:20px; }

.comment-notes, .form-allowed-tags, .logged-in-as  {
	display: none; }

div.contents .commentarea form span.required {
	display:none;}

div.contents .commentarea form label {
	margin: 7px 0 0 0;
	width:130px;
	font-weight:bold;
	display:block;
	float:left; }

div.contents .commentarea form input[type=text] {
	padding: 10px 15px;
	border:1px solid #e0e0e0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #363636;
	margin: 0 0 14px 0; }

div.contents .commentarea form textarea {
	width: 477px;
	padding: 15px;
	border:1px solid #c7c7c7;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:150%;
	color: #363636;
	margin: 0; }

div.contents .commentarea form input[type=submit] {
	width: 130px;
	height: 34px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	border:none;
	float:none;
	background:#28507e;
	cursor: pointer;
	float:right; }

	div.contents .commentarea form input[type=submit]:hover {
		color: #fff;
		background:#222; }

/*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.footer {
	width:1003px;
	height:30px;
	padding-top:25px;
	margin:0 auto;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #363636;
	line-height: 12px;
	text-align: left;
	background:transparent url("images/bg_page_footer.png") no-repeat 0 0; 
}

div.footer div.right { 
	text-align: right; 
	padding-right: 15px;
}

div.footer div.left { 
	text-align: left; 
	padding-left: 15px;
	padding-top: 3px;
}

div.footer p, div.footer a {
	color:#868686;
	 }

div.footer a:hover {
	color:#28507e;  
}
		
		
/* eigene */
.projectShortinfo		{width: 600px; margin-bottom: 20px; padding-bottom: 0px; border-bottom: 1px solid #e0e0e0;}
.projectShortinfo p 	{height: auto; }
.projectShortinfo h1 	{font-weight: bold; line-height: 24px;}
.projectShortinfo a 	{font-weight: bold; font-size: 20px; line-height: 30px;}

/*newsletter */
#alo_easymail_widget_form td	{
				font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;				
				}


#alo_easymail_widget_form table	{
				font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
				}

#alo_easymail_widget_form input{
				padding: 10px 15px;
				border:1px solid #e0e0e0;
				color: #363636;
				font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
				background: #ffffff !important;
				height: 25px;
				width: 350px;
				margin-left: 10px; 
				margin-bottom: 5px; 
				}

#alo_easymail_widget_form .submitnewsletter {
				font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
				height: 36px;
				text-transform: uppercase;
				font-weight: bold;
				border:none;
				float:none;
				cursor: pointer;
				color: #fff !important;
				background: #cccccc !important;
				width: 100px;
				margin-bottom: 5px;
				margin-left: 45px; 
				}

#alo_easymail_widget_form .submitnewsletter:hover {
				color: #fff !important;
				background:#28507e !important; 
				}

#alo_easymail_widget_form {
				font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
				color: #868686 !important;
				background: #ffffff !important;						
				}

#alo_easymail_widget_form .checked {
				color: #363636;
				font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
				background: #ffffff !important;
				width: 50px;
				}


.alo_easymail_widget_error { /* error msg */
    color:#f00;
}
.alo_easymail_widget_ok { /* success msg */
    color:#6c3;
}

/* navigation */
.navigation		{padding-left: 48px; font-weight: bold;}
.navigation a	{margin-right: 10px;}

/*sub header news */
.sub-header-image	{width: 1003px !important;

					}
.news-header		{text-align: left !important;
					top: 370px !important;
					}

/*contact form */
.name, .email, .message		{ 
				font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
				color: #868686 !important;
				background: #ffffff !important;
				border: 0px solid #781351 !important;							
				}

.submit			{ 
				font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
				color: #868686 !important;
				background: #ffffff !important;
				border: 0px solid #781351 !important;							
				}

.submit:hover	{ 
				color: #fff !important;
				background: #28507e !important;					
				}

/* tableImage */
.tableImage	td 	{padding-right: 10px; vertical-align:top;}
.tableImage		{margin-bottom: 10px;}


/*thumbImage */
.wp-caption-text { 
				font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
				line-height: 22px;
				color: #363636;
				width: 450px;				
				padding-top: 7px;
				margin-top: -150px;
				margin-left: 165px;
				float: left;
				}

.size-thumbnail { 
				margin-top: 5px;
				padding-right: 10px;	
				float: left;	

				}

.cboxElement { 
				}

.attachment_577 { 
				}





/*	-------------------------------------------------------------
	CLOSING STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

}