/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #fff;
font-size: 11px;
font-family:Helvetica, sans-serif;
color:#4D4D4D;
padding:0px;
margin:0px;
}
a {color: #000000;}
a:visited {color:#000000;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 21px;
text-transform:uppercase;
padding-top:5px;
padding-bottom:5px;
margin:0px }

h1.homepage {
font-size: 17px;
text-transform:none;
padding-top:5px;
padding-bottom:5px;
margin:0px ;
margin-left:328px;
width:350px;
font-weight:500;}

br.homebreak{
clear:none;
}

h2 {
font-size: 21px;
text-transform;
padding-top:15px;
padding-bottom:5px;
margin:0px}

h3 {
font-size: 18px;
padding-top:15px;
padding-bottom:10px;
padding-left:50px;
margin:0px}

.heading {
font-size: 15px;
font-weight:800;
margin:0px}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 962px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}

/* ----------banner for logo-------------- */
#top{
margin-top:15px;
}

#aboutlayout{
margin-top:50px;
}

#banner {
width: 300px;
margin: 0px;
padding: 0px;
float:left;
}
#banner img {margin-left:-32px;} 

/* -----------------content--------------------- */
#content {
padding: 0px;
margin-left: 0px;
margin-right: 0px;
}
div#content { 
border:#CCCCCC 1px solid;
height:120px;
padding: 12px;
}

#content2 {
padding: 0px;
margin-left: 300px;
margin-right: 0px;
}
div#content2{ 
height:500px;
}

#content2about {
padding: 0px;
margin-left: 300px;
margin-right: 0px;
}
div#content2about{ 
height:500px;
}

#content2a {
	padding: 0px;
	margin-left: 300px;
	margin-right: 0px;
}
div#content2a{
	height:500px;
}

#content2c {
padding: 0px;
margin-left: 300px;
margin-right: 0px;
}
div#content2c{ 
height:500px;
}

#content2d {
padding: 0px;
margin-left: 300px;
margin-right: 0px;
}
div#content2d{ 
height:500px;
}

#content3 {
padding: 0px;
margin-left: 300px;
margin-right: 0px;
margin-bottom:30px;
}
div#content3 {
background-color:#F0F0F0;
padding: 25px;
}

div#content-top { 
min-height:370px;
border:#CCCCCC 1px solid;
margin-bottom:30px;
margin-top:50px;
}



p, pre{
margin:0px;
padding-bottom:8px;
font-size:14px;
line-height:18px;
color:#4D4D4D;
}

p.into{
font-size:18px;
word-spacing:5px;
padding-bottom:18px;
line-height:22px;
color:#4D4D4D;
}

/* --------------left navi------------- */
#left_logo {
float: left;
width: 228px;
margin: 0px;
padding: 15px;
height:120px;

}

img.archi{
margin-top:-27px;
float:left;

}

#left2{
	float: left;
	width: 240px;
	margin: 0px;
	fix-height:500px;
}

#left2a{
	float: left;
	width: 240px;
	margin: 0px;
	fix-height:500px;
}

/* --------------left navi------------- */
#right_image{

float:right;


}







/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
margin-top:20px;}

.copyright {
float:left;
color:#000000;
font-size:11px;

}

.bottomnavi {
margin-left:110px;
font-size:13px;


}

.coolie {
margin-top:10px;
color:#000000;
font-size:11px;

}


ul.listing{
	margin:0px;
	padding:0px;
}

ul.listing li {
		text-decoration: none;
		color: #7E7E7E;
		font-size:14px;
		list-style:none;
		padding-bottom:5px;
		}
ul.listing li a{
		text-decoration: none;
		list-style:none;
		color: #7E7E7E;
		}
ul.listing li a:hover{
        color: #FF0000;
		}
ul.listing li a:active{
	color: #000;
		}
 
#selected_side{
	color: #FF0000;
}


/* -----------navigation menu--------------------------- */



.menu{
        width: 660px;
		margin-left:300px;}
		
.menu ul{
        margin: 0; 
		padding: 0;
        float: left;
		padding-top:105px;
		}
.menu ul li{
        display: inline;
		text-align:center;}

.menu ul li a{
width:116px;
        float: left; 
		text-decoration: none;
        color: white; 
		margin-right: 20px;
		padding-top:5px;
		height:20px;
		font-size:14px;
		font-weight:500;
		text-transform:uppercase; }
		
		
 
/* -----------HOME--------------------------- */ 

.menu ul li.home a{
		background-color: #979797;
 }

 .menu ul li.home a:hover{
        color: #fff;
        background-color:#666666;
		}
		
.home #selected{
		 width:114px;
		 height:18px;
		background-color: #fff;
		color:#979797;
		border:#979797 1px solid;
}
 
/* -----------ABOUT--------------------------- */ 
 
 .menu ul li.about a{
		background-color: #FF527D;
 }

  .menu ul li.about a:hover{
        color: #fff;
        background-color:#C22B69;
		}

.about #selected{
 		width:114px;
		height:18px;
		background-color: #fff;
		color:#FF527D;
		border:#FF527D 1px solid;
}
 
 
 /* -----------PROJECT--------------------------- */
 
 .menu ul li.project a{
		background-color: #009EDB;
 }

  .menu ul li.project a:hover{
        color: #fff;
        background-color:#006EDB;
		}
		
.project #selected{
 		width:114px;
		height:18px;
		background-color: #fff;
		color:#009EDB;
		border:#009EDB 1px solid;
}
 

 /* -----------WORKSHOP--------------------------- */ 
 
 .menu ul li.workshop a{
		background-color: #DB0096;
 }

  .menu ul li.workshop a:hover{
        color: #fff;
        background-color:#B0008F;
		}
		
.workshop #selected{
 		width:114px;
		height:18px;
		background-color: #fff;
		color:#DB0096;
		border:#DB0096 1px solid;
}
		
		
 /* -----------LAST--------------------------- */ 	
.menu ul li.last a{
		margin-right: 0px;
		background-color: #FF9100;
 }

  .menu ul li.last a:hover{
        color: #fff;
        background-color:#E05E00;
		}

.last #selected{
 		width:114px;
		height:18px;
		background-color: #fff;
		color:#FF9100;
		border:#FF9100 1px solid;
}


.menu ul li a:visited{
        color: white;}

.menu ul li a:hover, .menu ul li .current{
        color: #fff;
        background-color:#0b75b2;}
		
				
		
		
		
		
/* -----------others--------------------------- */
br
        {
        clear:both;
        }
		
small 
		{
		font-size:14px;
		color: #888888;
		color:#CC0000;
		}
		
	
	a:link{
	text-decoration:none;
	
	}	
	a:visited{
	text-decoration:none;
	
	}	
	a:active{
	text-decoration:none;
	
	}	
		a:hover{
	text-decoration:underline;
	
	}	


.linking {
margin:0px;
font-size:14px;
font-weight:800;
color:#000000;
}

img.righty{
float:right;
}



table tr td{
padding-left:45px;
padding-right:45px;

}

table tr td.onebox{
padding-bottom:30px;

}

textarea {
width:234px;
height:147px;
background-color:#FFFFE8;
margin-top:10px;
margin-bottom:10px;
border:#999999 1px solid;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
}

input{
width:233px;
height:20px;
background-color:#FFFFE8;
margin-top:10px;
border:#999999 1px solid;
padding:5px;
}

.tab{
float:right;

}

a.style6:link, a.style6:active, a.style6:visited {color: #979797;}
a.style6:hover{color: #666; text-decoration:none;}

a.style1:link, a.style1:active, a.style1:visited{color: #FF527D;}
a.style1:hover{color: #C22B69; text-decoration:none;}

a.style2:link, a.style2:active, a.style2:visited {color: #009EDB;}
a.style2:hover{color: #006EDB; text-decoration:none;}

a.style3:link, a.style3:active, a.style3:visited {color: #DB0096;}
a.style3:hover{color: #B0008F; text-decoration:none;}

a.style4:link, a.style4:active, a.style4:visited {color: #FF9100}
a.style4:hover{color:#E05E00; text-decoration:none;}

#selected_footer{ color:#000; font-weight:bold;  }


p.p2{ color: #FF9100;}