#bilder {
	left:200px;
	top:500px;
	background-color: #e6e6e6;
	
	}



/* ////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////// */

* {
margin : 0;
padding : 0;
}

body {
font-size : 12px;
font-family : Georgia, Serif; /* font of all the text in your website except for sections overwritten.
color : #9d9d9d; /* color of all the text in your website except for links and other sections overwritten */
background-color : #f5f5f5; /* sets the background color */
line-height : 150%;

text-align:center;
margin-left:auto;
margin-right:auto;
}

/* WRAPPER */
#wrapper {
width : 800px; /* sets the widh of the website content */
position:absolute;
top:0px; /* geändert von -150px */
left:50px;

margin : 0 auto; /* do not modify */
text-align : left;
text-align : justify;
}

/* LINKS */
	
/* colors for all links */
a:link{
text-decoration : none;
color : #73a3c4;
}
a:active {
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #73a3c4;
}
a:hover {
text-decoration : underline;
color : #73a3c4;
}
a img {
border : 1px;
}

/* Pre-Nav Text - Can be accessed in the Exhibit Settings*/
#top-section {
font-size : 1em;
color : #9d9d9d;
font-family : Georgia, serif;
margin : 10px 0 10px 0;
line-height : 250%;
}
#top-section a { /* this is the link property inside the Top-Section */
font-size : 4em;
text-decoration : none;
color : #dcdcdc;
font-style : italic;
}
#top-section a:hover { /* link property inside the Top-Section when the cursor is over */
color : #d3d3d3;
}

/* MENU */
#menu .container {
z-index : 1001;
top : 0;
margin : 0 0 0 0;
width : 800px;
}
#menu {
float : left;
height : auto;
padding : 0 0 0 0;
}
#menu p {
color : #000000;
width : auto;
font-family : Georgia, serif;
text-align : left;
padding : 0 0 0 0;
margin : 0 0 0 0;
}
#menu ul {
float : right;
width : auto;
list-style : none;
overflow : auto;
margin : -20px 0 10px 12px;
}
#menu ul li.section-title { /* property of the section titles */
font-family : Georgia, serif;
color : #dcdcdc;
font-size : 1.5em;
font-style : italic;
text-align : right;
text-decoration : none;
width : auto;
border-bottom : 1px solid #dcdcdc;
padding : 0 0 2px 0;
margin : 0 3px 5px 0;
}
#menu ul li.section-title:hover {
color : #d3d3d3;
border-bottom : 1px solid #d3d3d3;
}
#menu ul li {  /* property of the projects/exhibitions titles */
font-family : Georgia, serif;
text-align : left;
font-size : 1em;
width : 150px;
line-height : 150%;
margin : 0 0 0 0;
}
#menu ul a:link {
padding : 0 0 0 0;
text-decoration : none;
color : #999999;
}
#menu ul a:active {
padding : 0 0 0 0;
text-decoration : none;
color : #999999;
}
#menu ul a:visited {
padding : 0 0 0 0;
text-decoration : none;
color : #d3d3d3;
}
#menu ul a:hover {
padding : 0 0 0 0;
text-decoration : underline;
color : #999999;
}


/* POST NAV AREA : This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
#copy {
background : url(/files/white_30_pct.png) repeat; 
position : fixed;
z-index : 800;
left : 0;
right : 0;
bottom : 0;
margin : 0 0 0 0;
padding : 8px 10px 2px 10px;
width : 100%;
font-size : 0.8em;
color : #bbbbbb;
font-family : Georgia, serif;
font-style : italic;
text-align : center;
line-height : 0%;
}
#copy:hover {  /* make the background 100% of opacity when the cursor is over */
background : #fff;
}

/* SEPARATOR : You can change this image in the index.php of this theme, or simply delete it */
#separator {
z-index : 1001;
top : 0;
margin-bottom : 25px;
background : none;
border : none;
}

/* CONTENT AREA */
#content {
height : 100%;
width : 800px;
margin-top : 0;
margin-right : 0;
margin-bottom : 10px;
top : 0;
}
.container {
margin-top : 30px;
margin-bottom : 30px;
left:50px;
}

#content p {  /* sets the properties for all paragraphs in the content area */
width : 800px;
margin-top : 10px;
margin-right : 0;
margin-bottom : 10px; /* sets the space between paragraphs */
margin-left : 0;
line-height : 150%;  /* use this the change the leading (space between lines) */
}
p {  /* sets the properties for all paragraphs  */
margin-top : 0;
margin-right : 0;
margin-bottom : 9px;
margin-left : 0;
}

/* INDEXHIBIT CREDIT : Always good to credit the CMS that gives you these possibilities */
#indexhibit { /* sets the properties for the "Built with" part  */
position : fixed;
z-index : 1000;
right : 0;
bottom : 0;
margin : 0 0 0 0;
padding : 2px 10px 2px 10px;
font-size : 0.8em;
color : #bbbbbb;
font-family : Georgia, serif;
font-style : italic;
text-align : right;
}
#indexhibit a { /* sets the properties for the "Indexhibit" link itself */
color : #bbbbbb;
text-decoration: none;
font-style : bold;
}
#indexhibit a:hover { border-bottom:1px dotted !important; }

/* HEADINGS */
	/*
	when typing your text/descriptions follow this format to use these heading types
	<h1>This is the text I want to be a heading</h1>
	start with h1 as your largest most important heading. you may not need all 4 but they are here if you do.
	*/
/*
h1 {
font-family : Georgia, serif;
font-style : normal;
font-weight : normal;
font-size : 2.5em;
color : #dcdcdc;  
padding-bottom :0px;  
h2 {
font-family : Georgia, serif;
font-size : 2em;
font-weight : normal;
color : #d3d3d3;
padding-bottom : 10px;
}
h3 {
font-size : 1.3em;
color : #ffffff;
font-weight : normal;
padding-bottom: 15px;
}
h4 {
font-size : 1.3em;
color : #9d9d9d;
font-weight : bold;
text-decoration : underline;
padding-bottom: 2px;
}
*/

/* IMAGES */
#img-container {
margin : 0 0 20px 0;
padding : 0;
}
#img-container p {
width : 400px;
margin : 0;
padding :0 0 12px 0;
	}

#img-text{
	width:100px;
	height:100px;
	float:right;
	background-color:#FF0000;
	}
	
	
.nothumb img {
margin-top : 0;
margin-right : 0;
margin-bottom : 30px;
margin-left : 0;
border-color : #bec3c2;
border-width : 2px;
border-style : solid;
}

#once {
clear : left;
}

/* SLIDE SHOW - Navigation */
p.nav a {
background-color : #dcdcdc;
color : #ffffff;
padding-top : 1px;
padding-right : 9px;
padding-bottom : 3px;
padding-left : 9px;
font-size : 1em;
font-family : Georgia, serif;
}
p.nav a:hover {
background-color : #d3d3d3;
}
p.nav span#num {
letter-spacing : 2px;
font-family : Georgia, serif;
font-style : italic;
padding-left : 20px;
}


.clear-both { clear : both; }





/* ////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////// */




body, div, ul, li, p, h1, h2, h3, h4, h5, h6,form,
fieldset, input, textarea, blockquote { 
   margin: 0;
   padding: 0;
	}

body {
	/*margin-left:auto;
	margin-right:auto;*/
	min-width: 900px;
	background-color: #e6e6e6;
	}

img {
	margin: 0;
	padding: 0; 
	border: 0;
	}

	
/* ///////////////// */	
/* ///////////////// */	
/* ///////////////// */
/* ///////////////// */
/* ///////////////// */

/* Infoheader Allgemein */

#infoheader {
	position:fixed;
	top:10px;
	left:0;
	width: 100%;
	height: 650px;
	
	visibility:hidden;
	
	background-color:#585F72;
	
	background-image: url("http://toolsch.de/toolsch.png");
	background-repeat: no-repeat;	
	background-position: center center;
	
	font-family: "inconsolata-1","inconsolata-2",Helvetica, sans-serif;
	
	z-index: 5000;
	}
	
/*
#infoheader:hover {
	visibility:visible;
	}
*/
	
#infoclose {
	position:relative;
	left:900px;
	top:35px;
	z-index:9999;
	}
	
#infoclose:hover {
	cursor: pointer;
	}
	
#infocontent {
	width: 846px;
	text-align:left;
	margin:auto;
	
	/*margin-top: 10px;
	margin-left: 50px;
	margin-bottom: 75px;*/
	}


/*Infoheader Spalte 1*/

#contact {
	position:relative;
	top:-42px;
	font-size:20px;
	font-family:Georgia;
	/*color:#A3FF75;*/
	color:#F7BD0C;
	line-height: 1.5em;
	}

	
#contact h3 {
	font-size:12px;
	font-family:Georgia;
	color:#333333;
	line-height:1em;
	}

#contact ul {
	margin: 0 0 15px 0;
	padding: 0;
	}
	
#contact ul li {
	list-style:none;
	}
	
#contact a:link, #contact a:visited {
	color:#333333;
	font-size: 12px;
	text-decoration:none;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#333333;
	}
	
#contact a:hover {
	color: #F7BD0C;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#F7BD0C;
	}

#contact span {
	margin-right: 16px;
	
	font-family: "inconsolata-1","inconsolata-2",Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	line-height: 1.5em;
	letter-spacing:0px;
	}

/* /////////////////////////////// */
	
#copyie {
	position:relative;
	letter-spacing:normal;
	font-size:10px;
	color:#333333;
	line-height:1.5em;
	letter-spacing: 0,5px;
	margin-top: 20px;
	width: 320px;
	display: block;
	}
	
#copyie p {
	margin-top: 10px;
	}
	
#copyie a:link, #copyie a:visited {
	font-size:10px;
	color:#333333;
	}

/*Infoheader Spalte 2*/

#vita {
	position:relative;
	top:-504px;
	width: 400px;
	float: right;
	
	font-family: "inconsolata-1","inconsolata-2",Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	line-height: 1.5em;
	}
	
#vita h3 {
	font-size:12px;
	font-family:Georgia;

}

#vita ul {
	margin: 0 0 15px 0;
	padding: 0;
	}
	
#vita ul li {
	list-style:none;
	}
	
#vita a:link, #vita a:visited {
	color:#333333;
	font-size: 12px;
	text-decoration:none;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#333333;
	}
	
#vita a:hover {
	color: #F7BD0C;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#F7BD0C;
	}

#vita li span {
	margin-right: 16px;
	}
	

/* ///////////////// */
/* ///////////////// */
/* ///////////////// */
/* ///////////////// */
/* ///////////////// */

/* Projekte */

#seite {
	position:absolute;
	top:0px;
	left:0;
	width: 100%;
	height:100%;
	}
	
#site {
	position:relative;
	top:0px;
	width: 846px;
	height:100%;
	
	margin:auto;
	text-align:center;
	
	color:#333333;
	display: block; 
	}
	
#sitecontent {
	width: 846px;
	text-align:left;
	margin:auto;
	color:#333333;
	
	/*background-color:#00FF33;*/
	}

/* ///////////////// */

#header {
	width: 846px;
	text-align:left;
	font-size:13px; 
	letter-spacing:0.5px;
	font-family: "inconsolata-1","inconsolata-2",Helvetica, sans-serif;
	color:#333333;
	margin-top: 5px;
	}
	
#header span {
	font-size:20px;
	font-family:Georgia;
	line-height: 1.5em;
	/*color:#A3FF75;*/
	color:#F7BD0C;
	}

#naviheader {
	float:right;
	}

#naviheader ul {
	margin:0;
	}

#naviheader ul li {
	list-style: none;
	display: inline;
	font-style:normal;
	/*background-image:url(../gallery/media/cross.png);
	background-repeat:no-repeat;
	background-position: 0 25px;
	padding-top: 30px;
	padding-bottom: 30px;*/
	}

#naviheader ul li a:link, #naviheader ul li a:visited {
	color:#333333;;
	text-decoration: none;
	padding-left: 15px;
	}
	
#naviheader ul li a:hover {
	color:#F7BD0C;
	}
	
#naviheader ul li.active a:link , #naviheader ul li.active a:visited  {
	color:#000000;
	text-decoration: none;
	font-style:italic;
	padding-left: 15px;
	}

/* ///////////////// */
/* ///////////////// */
/* ///////////////// */
/* ///////////////// */
/* ///////////////// */


#content {
	position:relative;
	background-color:#FF0000;
	width:100%;
	height:100%;
	margin-top: -100px;
}
/*
#container{}*/
#gallery {
	position:relative;
	margin-top: 0px;
	}
	
	
/* Spalten */

#cola, #colb, #colc, #cold {
	position:relative;
	/*top:0px;*/
	width: 186px;
	float: left;
	padding: 0 0 0 0;
	}

#cola, #colb, #colc {
	margin: 0 34px 34px 0px; /* Abstand der Spalten */
	}	

/* Projekt Mouseover */

.item {
	margin: 0 0 30px 0;
	position: relative;
	}

	
.item:hover .info {
	display: block;
	}
	
.item:active .info {
	background-color:#F7BD0C; /* farbe bek klick */
	color: #ffffff; /* Text Schwarz */
	}
	
.item:hover .newprojects {
	display:none;
	}

/* Projekt Info */


.info {
	position: absolute;
	width: 100%;
	height: 100%;
	
	left: 0;
	top: 0;
	
	/*height: 100px;
	
	left: 0px;;
	top: 36px;*/
	
	
	color:#FFFFFF;
	font-size:11px;
	letter-spacing:0.5px;
	/*font-style: italic;*/
	/*background-color:#F7BD0C;  Projekt Farbe bei Hover*/
	background-color:#585F72;
	/*background-image: url(../gallery/media/arrow_info.gif);
	background-repeat: no-repeat;	
	background-position: 162px 18px;*/
	
	display: none;
	}
	
.info h2 {
	font-size:16px;
	font-weight: normal;
	letter-spacing:1px;
	font-style:normal;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	}
	
.info span {
	padding: 0px 10px 0px 10px;
	font-family: "inconsolata-1","inconsolata-2",Helvetica, sans-serif;
	}

.newprojects {
	position: absolute;
	left: 145px;
	top: -5px;
	width: 36px;
	z-index: 2001;
	}
	


/* ///////////////// */
/* ///////////////// */
/* ///////////////// */
/* ///////////////// */
/* ///////////////// */











	
	
	
	



	



	


/*#frametop, #framebtm, #frametop, #frameleft, #frameright {
	position: fixed;
	background-color: #e6e6e6;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	z-index: 1000;
	}

#frametop {
	top: 0pt;
	left: 0pt;
	height: 10px;
	width: 100%;
	}
	
#framebtm {
	bottom: 0pt;
	left: 0pt;
	height: 10px;
	width: 100%;
	}

#frameleft {
	top: 0pt;
	left: 0pt;
	height: 100%;
	width: 10px;
	}
#frameright {
	top: 0pt;
	right: 0pt;
	height: 100%;
	width: 10px;
	}
	
#framebtm span {
	margin-left 15px;
	}
	

		


#close-project {
	font-size: 11px;
	position: fixed;
	left:1%;
	top: 215px;
	width: 90px;
	z-index: 2001;
	}
	
#close-project a:link, #close-project a:visited {
	color:#000000;
	}
	
#close-project a:link span, #close-project a:visited span {
	border-bottom:1px;
	border-bottom-color:#0080c0;
	border-bottom-style:solid;	
	}

#close-project a:hover {
	color:#0080c0;
	border: none;
	}
	

	
#go-to-top {
	float: right;
	}
	
.teasertext {
	position: relative;
	float: left;
	width: 360px;
	margin: 20px 20px 10px 0;
	font-size: 17px;
	line-height: 24px;
	}
		
		
		*/
		
		
		
		
.grow { 
	float:left; 
	margin-bottom: 18px; 
	}
	
.thumb {  
	padding:0; 
	text-align:left; 
	display: table;
	height: 120px; 
	#position: relative; 
	overflow: hidden; 
	width: 120px; 
	}

.grow strong { 
	margin-top: 3px; 
	text-align: left; 
	display: block; 
	font-weight: normal; 
	text-align: center; 
	}
	
.grow em { 
	font-style: normal; 
	display: none; 
	text-align: center; 
	}
	
.thumb-it { 
	#position: absolute; 
	_top: 50%; 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
	}
	
.thumb-img { 
	#position: relative; 
	width: 120px; 
	display:block;
	}