/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Columner Theme by Mathieu Hardiviller (www.hmplus.net)

*/

@font-face {
    font-family: "Roboto-Light";
    src: url('../fonts/Roboto-Light.ttf');
    font-style: normal;
}


@font-face {
    font-family: "Roboto-Medium";
    src: url('../fonts/Roboto-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}


* {
margin : 0;
padding : 0;
}

body {
	font-size: 9pt;
	font-family: "Roboto-Light", Verdana, Tahoma, Arial, Helvetica, sans-serif;/* font of all the text in your website except for sections overwritten.
	Go to www.typetester.org to test sizes and see the list of safe fonts - If the user doesnt have the first one, it try the second, and goes along the list until it finds a font that the computer has installed */
	color: black; /* color of all the text in your website except for links and other sections overwritten */
	text-align: left;
	background-color: white; /* sets the background color */
	line-height : 120%;
	width:100%;
	}

body.section-1 { }
body.section-2 { }
body.section-3 { }

/* LINKS */
/* colors for all links */

a:link {
	text-decoration: none;
	background-color: white;
	font-weight: normal;
	color: black;
	font-size: 9pt
}

a:active {
	text-decoration: none;
	background-color: #black;
	color: white;
	font-size: 9pt;

}

a:visited {
	text-decoration: none;
	background-color: white;
	color: black; 
	font-size: 9pt;

}
	
a:hover { 
	text-decoration: none;
	background-color: white;
	color: #666666;
	font-size: 9pt;
 
}

a img { border: none; }






a.linkclass02 {
	text-decoration: none;
	color: black;
	font-size: 12px;
}

a.linkclass02:active {
	text-decoration: none;
	background-color: #000;
	color: white;
	font-size: 12px;
}

a.linkclass02:visited {
	text-decoration: none;
	color: #666666;
	font-size: 12px;
	
}
	
a.linkclass02:hover { 
	text-decoration: none;
	color: #666666; 
	font-size: 12px;
}
	
	
	
	
	
a.linkclass03 {
	text-decoration: none;
	color: black;
	font-size: 9px;
	font-weight: normal;


}

a.linkclass03:active {
	text-decoration: none;
	background-color: #000;
	color: white;
	font-size: 9px;

}

a.linkclass03:visited {
	text-decoration: none;
	color: #666666e;
	font-size: 9px;
	font-weight: normal;

 }
	
a.linkclass03:hover { 
	text-decoration: none;
	color: #666666; 
	font-size: 9px;
	font-weight: normal;

	}
	
	

/* PRE NAV TEXT - Can be accessed in the Exhibit Settings */
#top-section {
position: fixed;
z-index : 100;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 20px;
font-size: 8px;
font-weight: normal;
line-height : 170%;
border-bottom-color: #666666;
border-bottom-style: solid;
border-bottom-width: 1px;
background-color: #FFFFFF;
	
}

#top-section a { /* this is the link property inside the Top-Section */
	text-decoration: none;
	color: black;
	font-size: 10px;
	width: 70%x;
	

}
#top-section a:hover { /* link property inside the Top-Section when the cursor is over */
color:  #202020;
}
#top-section p {
text-align: left;
width: 70%
}

/* MENU */

#menu {
	position: fixed;
	width: 120%;
	margin : 51px 10px 15px 0px;
	padding: : 10px 10px 10px 30px;
	background-color: #FFFFFF;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-top: 1px;
	border-top-style: dotted;
	border-color: #333333;	
	z-index:200;
	white-space:nowrap; 
}


#menuebar2{
	background-color: white;
	position: fixed;
	text-align: right;
	z-index: 100;
	margin : 20px 310px 10px 200px;
	font-size: 12px;
	width: 80%

}

#menuebar3{
	position:fixed;
    z-index : 100;
	left : 0;
	bottom : 0;
	margin : 1224px 10px 10px 30px;
	padding-bottom: 5px;
	background-color: white;
	font-size: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



#submenu2006{
	position:fixed;
	z-index : 0;
	width: 250px;
	margin: 380px 30px 30px 810px;
	padding: 10px 0px 5px 5px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-color: #333333;
	border-left: 1px;
	border-left-style: dotted;

}

#submenu2009{
	position:relative;
	z-index : 0;
	width: 790px;
	margin: 20px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	font-family: "Roboto-Light", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-bottom: 0px;
	border-bottom-style: dotted;
	border-color: #333333;
	border-top: 0px;
	border-top-style: dotted;
	background-color: #FFFFFF;
	opacity: 0.92;
	text-align: left;
	
	
	}

#submenu2015{
	position:relative;
	z-index : 0;
	width: 250px;
	margin: 20px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-bottom: 0px;
	border-bottom-style: dotted;
	border-color: #333333;
	border-top: 0px;
	border-top-style: dotted;
	background-color: #FFFFFF;
	opacity: 0.92;
	text-align: justify;
	
	
}
#submenu2010{
	position:fixed;
	z-index : 0;
	width: 720px;
	margin: 250px 30px 30px 30px;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	opacity: 0.92;

}


#paregraph2a {
    position:absolute;
	overflow: auto;
	font-size:11px;
	letter-spacing: 0px;
	text-align:justify;
	width: 180px;
	margin: 180px 30px 30px 630px;
	padding: 5px 5px 5px 5px;
    background-color: white;
	opacity: 0.92;
	z-index : 10;

		
}


#paregraph2b {
    position:absolute;
	overflow: auto;
	font-size:11px;
	letter-spacing: 0px;
	text-align:justify;
	width: 250px;
	height:410px;
	margin: 180px 30px 30px 630px;
	padding: 5px 5px 5px 5px;
    background-color: white;
	opacity: 0.92;
	z-index : 10;

		
}


#paregraph2c {
	position: fixed;
	overflow: auto;
	font-size:10px;
	letter-spacing: 0px;
	text-align:justify;
	width: 600px;
	height:210px;
	margin: 650px 30px 30px 30px;
	padding: 5px 5px 5px 5px;
    background-color: white;
	opacity: 0.92;
	z-index : 0;

		
}

#videopos {
	position: fixed;
	font-size:12px;
	width: 700px;
	margin: 0px 0px 0px 0px;
	padding: 5px 35px 5px 5px;
	background-color: white;
}
	
#submenu2007{
	position:fixed;
	z-index : 0;
	width: 250px;
	margin: 400px 30px 30px 810px;
	padding: 10px 0px 5px 5px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-color: #333333;
	border-top: 1px;
	border-top-style: dotted;
	vertical-align: middle;
}

#submenu2007b{
	position:fixed;
	margin: 150px 30px 30px 810px;
	padding: 10px 0px 5px 5px;
	width: 250px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-color: #333333;
	border-left: 1px;
	border-left-style: dotted;

}

#menu .container {
	padding: 0px 0px 0px;
	background-color: #FFFFFF;
}

#menu ul {
	float: left;
	width: 130px;  /* the width of each column in the menu */
	list-style-type: none;
	background-color: #FFFFFF;
	margin: 10px 0px 0px 30px;
	padding: 0px 0px 0px 0px;

}

#menu ul li.section-title { /* property of the section titles */
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: fixed;
	font-size: 8pt;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 1px 0px;
	background-color: white;
}



#menu ul li {  /* property of the projects/exhibitions titles */
	text-align: center;
	font-weight: normal;
	font-size: 10pt;
	width: 150px;
	margin: 0px 0px 10px 0px;
	background-color: white;

	
}

#menu ul li.active {
	color: black;
	text-decoration: none; /* ask */
}

#menu p {
	color: black;
	width: 200px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menu ul a:link {
	text-decoration: none;
	color: black;
}

#menu ul a:active {
	text-decoration: none;
	color: black;
}

#menu ul a:visited {
	text-decoration: none;
	color: black;
}

#menu ul a:hover {
	color: #676766;
}


/* POST NAV AREA : This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
#copy {
	position: relative;
	z-index : 80;
	left : 0;
	bottom : 0;
	margin : 20px 0 0 0;
	padding : 8px 1000px 0px 900px;
	background-color: white;
	font-size: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px;
	border-top-color: #676766;
	border-top-style: solid;
	border-top-width: 1px;

}

.upheader {
	z-index : 100;
	left : 200px;
	bottom : 0px;
	margin : 0 0 0 0;
	padding : 0px 0px 0px 0px;
	background-color: white;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: right;
}



#copy  {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute;
}
body > #copy  {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
#indexhibit  {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; 
}
body > #indexhibit  {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

/* MAIN CONTENT */

#content {
	float: left;
	width: 90%;
	z-index : 0;
	margin: 10px 0px 0px 30px;
	padding: 80px 0px 0px 0px;
	position: relative;	
    
	/* the first number sets the height start of the exhibitions zone / under your menu */
}

.container {
	float: left;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	z-index : 0;
	text-align: justify;
	width: 80%;

	
	}

/* End Main Content */

/* Fonts / Typefaces */

#content p {
	float: left;
	width: 70%;
	margin: 0px 0px 5px 0px;
	/* position: fixed;*/
	font-size: 12px;
	text-align: justify;
	position: relative;
	
}

p {
	font-size: 10px;
	line-height: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 12px;
	border-bottom: 1pt;
	width: 200px;
}

p2 {
	font-size: 10px;
	line-height: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 12px;
	border-bottom: 1pt;
	width: 500px;
}


#content a:link {
	text-align: left;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	size: 12px;
	font-size:12px;
	
}


h1 {
	letter-spacing: 20px;
	font-size:14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px 0px 20px 0px;
}

h2 {
	font-size:500%;
	line-height: 120%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px 0px 10px 0px;
}

h3 {
	font-size: 50px;
	line-height: 100%;
	letter-spacing: -5px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px 0px 10px 0px;
}

h4 {
	font-size: 12px;
}

#img-container {
	float: left;
	z-index : 0;
	margin: 10px 0px 0p 0px;
	padding: 10px 0px 0px 0px;
}

#img-container p {
	width: auto;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* End Fonts / Typefaces */

#once { clear: left; }


.titles {
	font-size:10px;
	letter-spacing: 1px;
	width: 200px;
	border-bottom-width: 1px;
}

.paregraph {
	font-size:10px;
	letter-spacing: 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#paregraph2 {
	position: fixed;
	overflow: auto;
	font-size:10px;
	letter-spacing: 0px;
	text-align:justify;
	width: 250px;
	height:800px;
	margin: 30px 30px 30px 810px;
	background-color: white;	
	}


#paregraph3 {
	position: absolute;
	overflow: auto;
	font-size:12px;
	letter-spacing: 0px;
	text-align:justify;
	width: 620px;
	height:800px;
	margin: 35px 30px 30px 710px;
	background-color: white;
}



#colomfirstpage {
	position: fixed;
	overflow: auto;
	width: 320px;
	background-color: white;
	border: 1px;
	border-style: dotted;
	border-color: #333333;
	margin: 0px 30px 30px 950px;
	padding:5px 5px 5px 5px
	}

#photo1 {
	position: fixed;
	overflow: auto;
	width: 610px;
	top: 200px;
	left: 100px;
	height: 425px;
}

#phototitle1 {
	position: fixed;
	overflow: auto;
	width: 300px;
	top: 270px;
	left: 650px;
	height: 100px;
	border-left-width: 1px;
	border-left-style: dashed;
	padding: 0px 0px 0px 10px;
}

.titles1 {
	font-size:12px;
	font-weight:bold;
	
	}

.titles2 {
	font-size:12px;
	font-weight:bold;
	color: #CC3399;
	background-color: #000000;
}

.titles3 {
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #000000;
}

.classNOR{
	height: auto;
	width: 720px;
	border-top: 1px none #666666;
	border-right: 1px none #666666;
	border-bottom: 1px none #666666;
	border-left: 1px none #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	position: static;
}

.classNORB{
	height: auto;
	width: auto;
	border-top: 1px none #666666;
	border-right: 1px none #666666;
	border-bottom: 1px none #666666;
	border-left: 1px none #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	position: static;
}

.classNORCV{
	height: auto;
	width: auto;
	border-top: 1px none #666666;
	border-right: 1px none #666666;
	border-bottom: 1px none #666666;
	border-left: 1px none #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	position: static;
}
.classCO{
	height: auto;
	width: 720px;
	border-top: 1px none #666666;
	border-right: 1px none #666666;
	border-bottom: 0px dashed #666666;
	border-left: 1px none #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	position: static;
	padding: 10px 0px 10px 0px;
}


.classCO_2{
	height: auto;
	width: 720px;
	border-top: 1px dashed #666666;
	border-right: 1px none #666666;
	border-bottom: 1px none #666666;
	border-left: 1px none #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	position: static;
}

#statment {
	width: 700px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 160%;
	font-weight: lighter;
	letter-spacing: 1px;
	text-align: justify;
	margin: 60px 0px 0px 100px;
}


#statment2 {
	position:absolute;
	display:run-in;
	width: 750px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	line-height: 120%;
	font-weight: lighter;
	letter-spacing: 1px;
	text-align: justify;
	margin: 610px 0px 0px 20px
}

#statment3 {
	position:absolute;
	display:run-in;
	width: 550px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 200%;
	font-weight: lighter;
	letter-spacing: 1px;
	text-align: justify;
	margin: 1190px 0px 0px 220px;
}

#statment4 {
	position:absolute;
	display:run-in;
	width: 420px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 150%;
	font-weight: lighter;
	text-align: justify;
	margin:900px 0px 0px 0px;
}

#statment5 {
	position:absolute;
	display:run-in;
	width: 800px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	line-height: 150%;
	font-weight: lighter;
	text-align: justify;
	margin: 180px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	z-index : 0;

}

#news {
	position:absolute;
	display:inline;
	font-size:11px;
	background-color:#e9e9e9;
	width:314px;
	margin: 10px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	border: 1px;
	border-style: dotted;
}

.respcol {
    float: left;
    margin: 5px;
    padding: 15px;
    max-width: 300px;
    height: 300px;
    border: 0px solid black;
	font-size:12px;
	background-color:white;
	width:33.33333%


} 

#coloum_1 {
position:absolute;
display:inline;
font-size:12px;
width:320px;
background-color:white;
margin: 10px 0px 0px 0px; 
text-align: justify;


}

#coloum_2 {
position:absolute;
display:inline;
font-size:12px;
width:320px;
text-align: justify;
background-color:white;
margin: 10px 0px 0px 340px; 

}

#coloum_3 {
	position:absolute;
	display:inline;
	font-size:12px;
	width:320px;
	background-color:white;
	text-align: justify;
    margin: 10px 0px 0px 680px;
}

#coloum_4 {
	position:absolute;
	display:inline;
	font-size:12px;
	width:320px;
	background-color:white;
	text-align: justify;
	margin: 10px 0px 0px 1020px;
}


#spalte01 {
	position:relative;
	width:320px;
	z-index:20;
	left:40px;
	text-align:left;
	overflow:hidden;
	float: left;
}



#spalte03 {
	position:relative;
	width:320px;
	z-index:20;
	text-align:left;
	overflow:hidden;
	float: right;
	right:40px;
}



#spalte02 {
	position:relative;
	z-index:20;
	width:320px;
	text-align:left;
	overflow:hidden;
	margin:0 auto;
}



#longtextp {
	width:800px;
	margin: 0px 0px 5px 0px;
	position: fixede;
	font-size:14px;
	text-align: justify;
	display: run-in;
	line-height: 160%;

}