@charset "utf-8";
/* **********************************************
 *		NEWFRONTIERS.de standard layout 		*
 *		FOR PRINT/ AURAL/ TACTILE OUTPUT 		*
 ************************************************
 *
 */

html, body { height:100%; }
body { font:100%/1.4 Calibri, Helvetica, Verdana, Geneva, sans-serif; background:#FFF !important; color:#000 !important;
	margin:1em 2em; }
* { text-decoration:none !important; }

h1 { font-size:200%; margin:0; }
h2 { margin:0; }
ul * { margin:0; padding:0; }

a { color:#00F !important; text-decoration:underline; }
a[href]:after { content:" <"attr(href)">"; color:#888; background-color:inherit; font-style:italic; size:80%; }
#sidebar a[href]:after { display:none !important; }
#header div:first-child a[href]:after { display:none !important; }

#header { position:static; }

#top_space { display:none; }

#sidebar li.loc_switch { display:none; }

#picture_canvas { width:100%; height:300px; position:relative; }
#picture_canvas div { position:absolute;  }
#picture_canvas div.fscr { left:0; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
.desc_box { display:none; }
#picture_canvas div.fscr.layer0 { z-index:3; display:block; top:0; left:0; background:url(../img/copyr.jpg); opacity:.5; background-repeat:no-repeat; background-size:auto; width:100px; height:100px; }
#picture_canvas div.fscr.layer_A { display:block !important; }
#picture_canvas div.fscr.layer_B { display:block !important; }
#picture_canvas div.fscr.active { display:block !important; }
#picture_canvas div.fscr.map_v { display:block; }


div.loc_switch { display:table; width:100%; height:auto; table-layout:fixed; margin:0; padding:0; }
div.loc_switch a { display:table-cell; width:50%; border-radius:5px; padding:10px; text-decoration:none !important; }
div.loc_switch h4 { font-size:190%; margin:0; padding:0; color:#000; }
div.loc_switch p { font-size:105%; line-height:1.5em; margin:0; padding:0 0 1.5em 0; color:#000; }
div.loc_switch a:hover { background:#E9E9E9; }
div.loc_switch h6 { margin:5px auto; padding:10px; font-size:105%; font-weight:400; width:160px; background:#999; color:#FFF; border-radius:20px; }
div.loc_switch a:hover h6 { background:#900; }


a.img { float:left; display:block; margin:0 35px 35px 0; text-decoration:none !important; }
a.img div { width:180px; height:120px; background:#39F; background-position:center center; background-size:cover;
	background-image:linear-gradient(to bottom, #09C, #FC6); border:5px solid #FFF; box-shadow:0 0 5px #666; }
a.img.large div { width:240px; height:160px;  }	
a.img[href]:after { content:"."; color:#000; font-size:1px; display:none; }
a p { padding-bottom:5px; color:#000; font-size:94%; }

div.gallery a { display:inline-block; width:150px; height:105px; margin-bottom:20px; padding:10px; background:#fff; 
	text-decoration:none !important; }
div.gallery a[href]:after { content:"\""attr(title)"\""; color:#000; background-color:inherit; size:70%; }
div.gallery a div { background-position:center center; background-size:cover; width:100%; height:100%; }
div.gallery.reduce a div { -moz-background-size:cover; -webkit-background-size:cover; background-size:cover;  }


ul#sidebar { margin:0; padding:0; left:0; }
ul#sidebar li { list-style:none; display:inline-block; padding-right:40px; }
ul#sidebar li a { font-size:98%; }
ul#sidebar li a.active { font-size:160%; }

#preload_image { width:1px !important; height:1px !important; opacity:0 !important; visibility:hidden !important; display:none !important; }

#footer { width:100%; }
#footer ul { display:table; width:100%; margin:0; padding:5px 0 0 0; border-top:2px solid #999; }
#footer ul li { list-style:none; margin:0; padding:0 10px 0 0; display:table-cell; height:100%; vertical-align:top; text-align:center;  }
#footer ul li * { font-size:95%; }
#footer ul li:first-child * { text-align:left; }
#footer ul li:last-child { padding:0; }
#footer ul li:last-child * { text-align:right; }


h4 { font-size:140%; }
.u { text-decoration:underline; margin-bottom:.3em; }

.medium { font-size:105%; }
.large { font-size:110%; line-height:1.5em;  }
.small { font-size:96%; }

.cl-left { clear:left; height:.1px; font-size:0; line-height:0; }
.cl-right { clear:right; height:.1px; font-size:0; line-height:0; }
.cl-both { clear:both; height:.1px; font-size:0; line-height:0; }