.showfordevonly{
	display:none;
}

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}




body{
font-family:Helvetica neue, Helvetica, Arial,Verdana,sans-serif;
letter-spacing:0.4px;
color:#eee;
font-size:0.85em;
line-height:1.4em;
background:#333;
margin:0;
border:0;
}

img{border:0;}


.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}


/*******************  template  ******************/

#container{
width:924px;
padding:5px;
margin: 0 auto 50px auto;
}

#header{
text-align:right;

}
#header table{
	width: 600px;
	height: 80px;
	float: right;
}
#header table td {
    vertical-align: bottom;
}
#header h1{
text-align:right;
color: #666;
font-size: 16px;
}

a#logo{
	/* = logo */
	height:141px;
	background:#37B34A; /*#42a62a;*/
	display: block;
	overflow: hidden;
	margin-bottom:1px;

}



#content{}

.col1{
float:left;
width:153px;
position: relative;
z-index:2;
}

.col2{
float:left;
width:770px;
overflow:hidden;
padding-left: 1px;
position: relative;
z-index:1;
}



.clear{
clear:both;
}

.path{
text-align:right;
font-size:0.85em;
color:#666;
height:20px;
}
.path a{
color:#666;
}




#header #nav{
text-align:right;
float:right;
clear:right;
padding-right:4px;
font-size:0.85em;
text-transform:lowercase;
}



.footer{
padding:60px 0 30px;
font-size:0.8em;
color:#383838;
}





/******************* general *******************/

.left{
float:left;
}

.right{
float:right;
}

h1{
color:#fff;   /*#3D802D; 1e9400;*/
font-size:2.2em;
margin: 0;
padding: 8px 0 12px;
font-weight: bold;
text-shadow: 0 1px 0 #222;
}

h2{
color:#fff;
font-weight: bold;
font-size:1.4em;
padding:0 0 6px 0;
}

h3{
color:#aaa;
font-weight: bold;
font-size:1.2em;
line-height:1.4em;
}


a{
color:#37B34A;
text-decoration:none;
}

a:hover{
color:#fff;
}

a:active{
color:#fff;
}

a.arrow_l{
display:block;
float:left;
background: url(images/arrow_l.gif) left top no-repeat;
padding:1px 2px 1px 10px;
}

a.arrow_r{
display:block;
float:right;
background: url(images/arrow_r.gif) right top no-repeat;
padding:1px 2px 1px 10px;
}



/******************** logo ***********************/
/*
#logo{
	width:190px;
	height:118px;
	background-color:#9bb5be;
}

#lutz{
font-size:24px;
position:absolute;
margin:20px 0 0 130px;
}

#prof{
color:#333333;
position:absolute;
margin:60px 0 0 140px;
}*/



/*********************  mainmenu  ******************/ 




ul{
list-style:none;
margin:0;
padding:0;

}

ul#mainmenu{
	font-size: 0.95em;
}


ul#mainmenu li{
	list-style:none;
	margin-bottom:1px;
}

ul#mainmenu li a{
display:block;
text-decoration:none;
text-align:left;
color:#fff;
padding:1px 7px 12px 4px;
height: 21px;
}

ul#mainmenu li a:hover,
ul#mainmenu li.s a
{
	background:#37B34A; /*#42a62a;*/
	
}
ul#mainmenu li.s ul a,
ul#mainmenu li.s ul a:hover{
	background:none;
}



ul#mainmenu ul li.cube{
height:143px;
width:153px; 
position:absolute;
overflow:hidden;
background: blue;
border-top:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
} 

ul#mainmenu ul li {
}

ul#mainmenu ul li a{
padding:6px;
width:141px;
height:122px;
text-align:right;
background:none;
color: white ; /* #42a62a; */
position:absolute;
z-index:3;
line-height:14px;
}

ul#mainmenu ul li.s a{
}
ul#mainmenu ul li a:hover,
ul#mainmenu ul li.s a:hover{
background:none;
}


li.cube img{
position:absolute;
z-index:1;
width: 162px;
}

.cube .mask{
height:143px;
width:153px;
position:absolute;
z-index:2;
}







/* vert brillant */
/*
.color0{background-color:#42a62a;}
.color0.5{background-color:#3E892C;}
.color1{background-color:#3D802D;}
.color2{background-color:#3C762E;}
.color3{background-color:#3B6C2F;}
.color4{background-color:#39632F;}
.color5{background-color:#385930;}
.color6{background-color:#375031;}
.color7{background-color:#364632;}
.color8{background-color:#343D32;}
.s {background-color:#42a62a}
*/

/* vert fond blanc 
.color0{background-color:#37B34A;}
.color1{background-color:#45B857;}
.color2{background-color:#53BE64;}
.color3{background-color:#62C371;}
.color4{background-color:#70C97D;}
.color5{background-color:#7ECE8A;}
.color6{background-color:#8CD397;}
.color7{background-color:#9BD9A4;}
.color8{background-color:#A9DEB1;}
.s {background-color:#37B34A}
*/

.color0{background-color:#37B34A;}
.color1{background-color:#369344;}
.color2{background-color:#368842;}
.color3{background-color:#357E40;}
.color4{background-color:#35733F;}
.color5{background-color:#35683D;}
.color6{background-color:#345E3B;}
.color7{background-color:#345339;}
.color8{background-color:#344837;}
.color9{background-color:#333E35;}
.s {background-color:#37B34A}









/********** cube news *****************/

.langs a{
display:block;
text-decoration:none;
text-transform:lowercase;
text-align:right;
padding:4px 6px 0 0;
height:31px;
width:32px;
float:right;
margin-left:1px;
}

.langs a:hover,
.langs a.s:hover{
background-color:#5d6368;
}

.langs a:active,
.langs a.s:active{
background-color:#aac9d4;
}

.langs a.s{
color:#FFFFFF;
background:none;
}

/********** cube news *****************/

.cube h4{
margin:0;
padding:1px 0 4px 0;
}

.cube .date{
float:left;
padding:5px 5px 0 0;
font-size:0.85em;
line-height:0.7em;
color:#818181; /*#aac9d4;*/
}


/***************** menuimage *******************/

#menuimage{
}


#menuimage a.img{
display:block;
height:141px;
width:153px;
border-right:1px solid #333;
border-bottom:1px solid #333;
overflow:hidden;
}

*html #menuimage a.img{
border-bottom:none;
}

#menuimage a.img img{
height:141px;
/*height:168px;
width:190px;*/
}

#menuimage a.txt{
height:131px;
width:143px;
overflow:hidden;
border:1px solid #333;
background:#37B34A;
padding:5px;
color:#fff;
float:left;
top:-30000px;
}


#menuimage a.txt:hover{
background:#aac9d4;
}

#menuimage .greybox{
height:141px;
width:153px;
border-right:1px solid #333;
border-bottom:1px solid #333;
float:left;
background:#3a3a3a;
}




/***************** others *******************/

#others{
padding-top:61px;
width:772px;
}



.other{
width:255px;
height:58px;
border-right:1px solid #333;
border-bottom:1px solid #333;
float:left;
}

.other a.img{
display:block;
float:left;
width:62px;
height:58px;
}

.other a.img img{
width:62px;
height:58px;
}

.other a.txt{
width:182px;
height:48px;
overflow:hidden;
float:right;
background:#383838;
padding:5px;
color:#fff;
font-size:11px;
line-height:13px;
}

.categorylist #others{
	padding-top:0px;
}

.categorylist #others .other{
width:385px;
height:90px;
}

.categorylist #others .other a.img{
width:95px;
height:90px;
}

.categorylist #others .other a.img img{
width:95px;
height:90px;
}

.categorylist #others .other a.txt{
width:275px;
height:76px;
padding:7px;
font-size:13px;
line-height:15px;
}

.categorylist #others .other a.txt{
	color:#37B34A;
}
.categorylist #others .other a.txt:hover{
	color:#fff;
	background:#444;
}







#selected{
display:none;
}







/***** items and news *********/
.bigimg{
display:block;
margin-bottom:1px;
width:769px;
}

.item,
.news, 
.conference{
background-color:#383838;
padding:12px 12px 25px 14px;
margin:0 1px 1px 0;
}





.date{
color:#818181;
font-size:0.9em;
line-height:0.9em;
height:29px;
}

.news .docbtn{
display:block;
}

.news .img{
float:right;
margin:-12px -12px -28px 10px;
border-bottom:1px solid #333;
border-left:1px solid #333;
}

.half{
background:#383838 url('../img/line.gif') 385px top repeat-y;
padding:0;
margin-right:1px;
border-bottom:1px solid #333;
}

.quarter{
background:#383838 url('../img/line.gif') 578px top repeat-y;
padding:0;
margin-right:1px;
border-bottom:1px solid #333;
}

.half .image{
width:383px;
float:right;
}

.quarter .image{
width:190px;
float:right;
}

.half .text{
padding:12px 12px 25px 14px;
width:357px;
float:left;
}

.quarter .text{
padding:12px 12px 25px 14px;
width:529px;
float:left;
}

.half .image img,
.quarter .image img{
border-bottom:1px solid #333;
margin-bottom:-1px;
}



.portrait {
width:190px;
height:187px;
float:left;
border-bottom:1px solid #333;
border-right:1px solid #333;
overflow:hidden;
}


.portrait img{
height:187px;
}

.portrait .img_nb{
height:187px;
margin-top:-187px;
}

*html .portrait .img_nb{
margin-top:-203px;
}

*+html .portrait .img_nb{
margin-top:-203px;
}



/************ items ****************/
.item .left{
width:600px;
}

.item .right{
width:165px;
}

.map{
position:absolute;
left:0; /*198px;*/
top:0; /*126px;*/
z-index:50;
width:769px;
height:440px;
overflow:hidden;
}

*html .map{
top:-443px;
left:0;
}


/************** diaporama **************/

#diaporama{
width:1560px;
height:440px;
margin-bottom:1px;
overflow:hidden;
position:relative;
}

*html #diaporama{
position:absolute;
}

*html #underdiaporama{
position:absolute;
top:569px;
}

#diaporama #slider{
width:2316px;
position:absolute;
margin-left:-1px;
}

#diaporama .dia{
float:left;
width:772px;
height:440px;
overflow:hidden;
background: #383838;
}

#diaporama .dia img{
width:769px;
height:440px;
border:none;
border-left:1px solid #333;
}

#diaporama .dia .text{
	display: none;
}

.loader{
width:772px;
height:440px;
background: #383838 url(../img/loader.gif) 7px 7px no-repeat;
}

#diaporama .dia .loader img{
width:16px;
height:16px;
padding:8px;
background: #383838;
border:none;
}

.opak{
width:772px;
height:440px;
background:#383838;
position:absolute;
left:0;
margin-left:769px;
z-index: 11;
}



.mainopak {
    background: none repeat scroll 0 0 #333;
    position: absolute;
    height: 1440px;
    width: 772px;
    z-index: 51;
}


#diaporama .toolbar{
position:absolute;
width:769px;
height:35px;
left:0;
margin-top:443px;
z-index: 12;
}


#diaporama .toolbar .bg{
position:absolute;
width:769px;
height:44px;
background:#383838;
z-index: 1;
}


#diaporama .toolbar .btns{
position:absolute;
left:0;
width:769px;
height:44px;
z-index: 20;
}

#diaporama .toolbar .txt{
float: left;
height: 39px;
width: 400px;
padding: 5px 10px 0 10px;
font-size:0.85em;
color:#eee;
position: absolute;
z-index:21;
line-height: 15px;
}

#diaporama .toolbar .btns a{
display:block;
float:right;
padding: 5px 10px 0 10px;
height:39px;
font-size:0.85em;
color:#eee;
line-height: 15px;
}

#diaporama .toolbar .btns a:hover{
background:#37B34A;
}

#diaporama .toolbar .btns a:active{
background:#37B34A;
}

#diaporama .toolbar .btns a:hover{
background:#37B34A;
}

#diaporama .toolbar .btns a:active{
background:#37B34A;
}


/******** project  **********/

.description{
background-color:#383838;
padding:12px 12px 12px 14px;
margin:0 1px 1px 0;
}

.description .head{
height:80px;
}

.description .head a{
font-size:0.85em;
}



.description h3{
margin:0;
padding:1px 4px 0 0;

}

.description .docbtn{
float:right;
clear:right;
}

.description .link{
float:right;
clear:right;
line-height:0.85em;
}

.description .mapbtn{

}




/* forms */

input{
border:none;
padding: 4px; 
background-color:#ddd;
}

#cff input{
padding: 2px 0 0 2px; 
background-color:#ddd;
}

input.submit{
background-color:#b6d1db;
border: none;
padding:4px 11px;
}




/************************************ formcheck *****************************************************/

.txtaera{
width:376px;
background-color:#ddd;
border:none;
}

.form{

}
.form h2{
font-size:1em;
}
.form label{
display:block;
float:left;
height:23px;
clear:both;
}

.form input{
clear:right;
float:right;
display:block;
margin-bottom:2px;
}



.personals{
width:376px;
padding-top:16px;
}



.form .checkbox input,
.form .checkbox2 input{
float:left;
border:none;
background:none;
padding:1px 0 0 0;
margin:1px 5px 0 0;
}
*html .checkbox input,
*html .checkbox2 input{
margin:-2px 1px 0 0;
}
*+html .checkbox input,
*+html .checkbox input{
margin-top:-2px;
}



.form .checkbox{
width:380px;
height:16px;
float:left;
}
.form .checkbox2{
width:380px;
height:30px;
float:left;
}

.event h2{
display:none;
}

.event .info{
font-size:0.8em;
color:#999;
}
.event .checkbox2 .info{
padding-left:18px;
}

.event .link{
width:100px;
height:16px;
float:right;
padding-top:0;
background-position:left 5px;
}

.sep{
clear:both;
height:20px;
}


.error_f{
border: 1px solid red !important;
}

.hidden{
display:none !important;
}