@charset "UTF-8";


/*==========CSS RESET==========*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,th{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	
}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}
/*==========CSS RESET==========*/


#blutzi1, #blutzi2, #blutzi3, #blutzi4, #blutzi5, #blutzi6, #blutzi7, #blutzi8{
	position:fixed;
	top:50px;
	left:50px;}
		
#news>div>a, .lauftext_hero>a {
	color: rgba(190,170,100,1);
}
.news_datum{
	font-size:12px;
	}
.news_titel{
	font-weight:bold;
	padding-top: 5px;
}

*, div {
	font-family: Abel;
	font-weight:400;
	font-size:16px;
	color: rgb(160,170,200);
	/*color:#c1daef;*/
	line-height:20px;
	}

h2 {	
	font-family: Luckiest Guy;
	font-size:36px;
	/*color:#ea0;*/
	color:#A0AAC8;
	margin-top:30px;
	margin-bottom:0px;
	letter-spacing:2px
	}	


body {
	/*background:url(../navi_pics/logo-02.png) fixed;*/
	background-color:rgb(18,43,69);
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	z-index:5
	}

#content_container{
	position:absolute;
	top:0px;
	width:80%;
	}
	
#logo {
	position:fixed;
	top:-40px;
	left:-30px;
	}
	
						
			
#news{
	position:fixed;
	width:250px;
	top:300px;
	left:20px;
	padding:10px;
	z-index:2;
	}

#galleria_box {
	position:absolute;
	left:300px;
	top:200px;
	width:101%;
	z-index:100;
	}	

#galleria {
}	
	
#navi {
	position:fixed;
	top:50px;
	right:-100px;
	z-index:200;
	}

.lauftext_hero{
	width: 70%;}


.tagebuch_titel{
	font-size:16px;
	/*color:#ea0;*/
	color:#A0AAC8;
	margin-top:10px;
	letter-spacing:2px
	}	


/*Hero of the week*/		
.hero_einheit{
	float:none;	
	margin-top:30px;
	min-height:300px;
		}

.hero_holder{
	float:left; 
	}

.hero_logo{
	postition:absolute; 
	margin-top:0px; 
	margin-left:-210px;
	}	
	
.hero_portrait{
	spostition:absolute;
	margin-top:95px;
	float:left;}	
				
.herotext{
	position:relative;
	top:90px;
	margin-left:220px;
	width:65%;
	}
	
.hero_ausgezeichnet{
	font-family: Luckiest Guy;
	font-size:16px;
	/*color:#ea0;*/
	color:#A0AAC8;
	margin-bottom:10px;
	letter-spacing:2px
	}
/*Hero of the week*/	
	
.pre-spoiler{
	display:block;
	margin-top:8px;
	padding-bottom:8px;
	border-bottom: 1px solid #98adc2; 
	width:70%
	}		

.spoiler {
	color:#BEAA64;
	margin-top:5px;}


/*Organic Tabs*/

#navi_kaeru, #navi_jeanine, #navi_simona, #navi_zaali, #navi_ed, #navi_schumihiz, #navi_heidi, #navi_dani, #navi_sara, #navi_laura,#navi_ivana,#navi_michelle, #navi_sandra, #navi_julia, #navi_corina {
	position:relative;
	min-height:120px;
	max-height:130px;
	/*background: #182d52;
*/
background:#283d62;}

a { text-decoration: none; }

#page-wrap1,
#page-wrap2,
#page-wrap3,
#page-wrap4,
#page-wrap5,
#page-wrap6,
#page-wrap7,
#page-wrap8,
#page-wrap9,
#page-wrap10,
#page-wrap11,
#page-wrap12,
#page-wrap13,
#page-wrap14,
#page-wrap15,
#page-wrap16,
#page-wrap17,
#page-wrap18 { width: 340px; }

.nav > li{
	padding:0;
	margin:0;
	}

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }

.list-wrap>ul>li{background:#36405d;margin-left:0px}

/* Specific to example two */
#navi_tabs1 .list-wrap,
#navi_tabs2 .list-wrap, 
#navi_tabs3 .list-wrap, 
#navi_tabs4 .list-wrap,
#navi_tabs5 .list-wrap,
#navi_tabs6 .list-wrap,
#navi_tabs7 .list-wrap,
#navi_tabs8 .list-wrap,
#navi_tabs9 .list-wrap,
#navi_tabs10 .list-wrap,
#navi_tabs11 .list-wrap,
#navi_tabs12 .list-wrap,
#navi_tabs13 .list-wrap,
#navi_tabs14 .list-wrap,
#navi_tabs15 .list-wrap,
#navi_tabs16 .list-wrap,
#navi_tabs17 .list-wrap,
#navi_tabs18 .list-wrap  { background: #2b3550; padding: 0; margin:  0; }//hintergrund bei Archiv

#navi_tabs1 ul,
#navi_tabs2 ul,
#navi_tabs3 ul,
#navi_tabs4 ul,
#navi_tabs5 ul,
#navi_tabs6 ul,
#navi_tabs7 ul,
#navi_tabs8 ul,
#navi_tabs9 ul,
#navi_tabs10 ul,
#navi_tabs11 ul,
#navi_tabs12 ul,
#navi_tabs13 ul,
#navi_tabs14 ul,
#navi_tabs15 ul,
#navi_tabs16 ul,
#navi_tabs17 ul,
#navi_tabs18 ul { list-style: none; }

/*einzelnen menüpunkte*/
#navi_tabs1 ul li a, 
#navi_tabs2 ul li a, 
#navi_tabs3 ul li a, 
#navi_tabs4 ul li a, 
#navi_tabs5 ul li a, 
#navi_tabs6 ul li a, 
#navi_tabs7 ul li a, 
#navi_tabs8 ul li a, 
#navi_tabs9 ul li a,
#navi_tabs10 ul li a, 
#navi_tabs11 ul li a,  
#navi_tabs12 ul li a,
#navi_tabs13 ul li a,  
#navi_tabs14 ul li a,
#navi_tabs15 ul li a,  
#navi_tabs16 ul li a,
#navi_tabs17 ul li a,  
#navi_tabs18 ul li a { display: block; border-bottom: 1px solid #182d52; padding:0px 0 0px 10px;  margin-bottom:0px; color: #788db2; font-size:14px; }

#navi_tabs1 ul li a:hover, 
#navi_tabs2 ul li a:hover, 
#navi_tabs3 ul li a:hover, 
#navi_tabs4 ul li a:hover, 
#navi_tabs5 ul li a:hover, 
#navi_tabs6 ul li a:hover, 
#navi_tabs7 ul li a:hover, 
#navi_tabs8 ul li a:hover, 
#navi_tabs9 ul li a:hover,
#navi_tabs10 ul li a:hover, 
#navi_tabs11 ul li a:hover,  
#navi_tabs12 ul li a:hover,
#navi_tabs13 ul li a:hover,  
#navi_tabs14 ul li a:hover,
#navi_tabs15 ul li a:hover,  
#navi_tabs16 ul li a:hover,
#navi_tabs17 ul li a:hover,  
#navi_tabs18 ul li a:hover  { background: #9aa3c5; color: #788db2; }

#navi_tabs1 ul li:last-child a,
#navi_tabs2 ul li:last-child a,
#navi_tabs3 ul li:last-child a, 
#navi_tabs4 ul li:last-child a, 
#navi_tabs5 ul li:last-child a, 
#navi_tabs6 ul li:last-child a, 
#navi_tabs7 ul li:last-child a, 
#navi_tabs8 ul li:last-child a, 
#navi_tabs9 ul li:last-child a,
#navi_tabs10 ul li:last-child a, 
#navi_tabs11 ul li:last-child a, 
#navi_tabs12 ul li:last-child a,
#navi_tabs13 ul li:last-child a, 
#navi_tabs14 ul li:last-child a,
#navi_tabs15 ul li:last-child a, 
#navi_tabs16 ul li:last-child a,
#navi_tabs17 ul li:last-child a, 
#navi_tabs18 ul li:last-child a { border: none; }

#navi_tabs1 .nav, 
#navi_tabs2 .nav, 
#navi_tabs3 .nav, 
#navi_tabs4 .nav, 
#navi_tabs5 .nav, 
#navi_tabs6 .nav, 
#navi_tabs7 .nav, 
#navi_tabs8 .nav,
#navi_tabs9 .nav, 
#navi_tabs10 .nav,
#navi_tabs11 .nav, 
#navi_tabs12 .nav,
#navi_tabs13 .nav, 
#navi_tabs14 .nav,
#navi_tabs15 .nav, 
#navi_tabs16 .nav,
#navi_tabs17 .nav, 
#navi_tabs18 .nav { overflow: hidden; }

#navi_tabs1 .nav li, 
#navi_tabs2 .nav li, 
#navi_tabs3 .nav li, 
#navi_tabs4 .nav li, 
#navi_tabs5 .nav li, 
#navi_tabs6 .nav li, 
#navi_tabs7 .nav li, 
#navi_tabs8 .nav li, 
#navi_tabs9 .nav li, 
#navi_tabs10 .nav li, 
#navi_tabs11 .nav li, 
#navi_tabs12 .nav li,
#navi_tabs13 .nav li, 
#navi_tabs14 .nav li,
#navi_tabs15 .nav li, 
#navi_tabs16 .nav li,
#navi_tabs17 .nav li, 
#navi_tabs18 .nav li { width: 80px; float: left; margin: 0 1px 0 0;}/*tabs*/

#navi_tabs1 .nav li.last, 
#navi_tabs2 .nav li.last, 
#navi_tabs3 .nav li.last, 
#navi_tabs4 .nav li.last, 
#navi_tabs5 .nav li.last, 
#navi_tabs6 .nav li.last, 
#navi_tabs7 .nav li.last, 
#navi_tabs8 .nav li.last, 
#navi_tabs9 .nav li.last, 
#navi_tabs10 .nav li.last, 
#navi_tabs11 .nav li.last, 
#navi_tabs12 .nav li.last,
#navi_tabs13 .nav li.last, 
#navi_tabs14 .nav li.last,
#navi_tabs15 .nav li.last, 
#navi_tabs16 .nav li.last,
#navi_tabs17 .nav li.last, 
#navi_tabs18 .nav li.last  { margin-right: 0; }

#navi_tabs1 .nav li a, 
#navi_tabs2 .nav li a, 
#navi_tabs3 .nav li a, 
#navi_tabs4 .nav li a, 
#navi_tabs5 .nav li a, 
#navi_tabs6 .nav li a, 
#navi_tabs7 .nav li a, 
#navi_tabs8 .nav li a, 
#navi_tabs9 .nav li a,
#navi_tabs10 .nav li a, 
#navi_tabs11 .nav li a, 
#navi_tabs12 .nav li a,
#navi_tabs13 .nav li a, 
#navi_tabs14 .nav li a,
#navi_tabs15 .nav li a, 
#navi_tabs16 .nav li a,
#navi_tabs17 .nav li a, 
#navi_tabs18 .nav li a { display: block; padding: 0px; background: #2b3550; color: #586d92; font-size: 16px; text-align: center; border: 0; }//TABS wenn nicht ausgewählt

#navi_tabs1 li a.current, 
#navi_tabs1 li a.current:hover,
#navi_tabs2 li a.current, 
#navi_tabs2 li a.current:hover,
#navi_tabs3 li a.current, 
#navi_tabs3 li a.current:hover,
#navi_tabs4 li a.current, 
#navi_tabs4 li a.current:hover,
#navi_tabs5 li a.current, 
#navi_tabs5 li a.current:hover,
#navi_tabs6 li a.current, 
#navi_tabs6 li a.current:hover,
#navi_tabs7 li a.current, 
#navi_tabs7 li a.current:hover,
#navi_tabs8 li a.current, 
#navi_tabs8 li a.current:hover,
#navi_tabs9 li a.current, 
#navi_tabs9 li a.current:hover,
#navi_tabs10 li a.current, 
#navi_tabs10 li a.current:hover,
#navi_tabs11 li a.current, 
#navi_tabs11 li a.current:hover,
#navi_tabs12 li a.current, 
#navi_tabs12 li a.current:hover,
#navi_tabs13 li a.current, 
#navi_tabs13 li a.current:hover,
#navi_tabs14 li a.current, 
#navi_tabs14 li a.current:hover,
#navi_tabs15 li a.current, 
#navi_tabs15 li a.current:hover,
#navi_tabs16 li a.current, 
#navi_tabs16 li a.current:hover,
#navi_tabs17 li a.current, 
#navi_tabs17 li a.current:hover,
#navi_tabs18 li a.current, 
#navi_tabs18 li a.current:hover { background-color: #000 !important; color: #788db2; }

.list-wrap > ul > li {
	font-size:14px;
	}
            	

.archiv_jahre{
	margin-left:2px;
	padding-left:10px;
	background-color:#36405d;
	}
.speziells{
	margin-left:2px}

#navi_tabs1 .nav li a:hover, 
#navi_tabs1 .nav li a:focus,
#navi_tabs2 .nav li a:hover, 
#navi_tabs2 .nav li a:focus,
#navi_tabs3 .nav li a:hover, 
#navi_tabs3 .nav li a:focus,
#navi_tabs4 .nav li a:hover, 
#navi_tabs4 .nav li a:focus,
#navi_tabs5 .nav li a:hover, 
#navi_tabs5 .nav li a:focus,
#navi_tabs6 .nav li a:hover, 
#navi_tabs6 .nav li a:focus,
#navi_tabs7 .nav li a:hover, 
#navi_tabs7 .nav li a:focus,
#navi_tabs8 .nav li a:hover, 
#navi_tabs8 .nav li a:focus,
#navi_tabs9 .nav li a:hover, 
#navi_tabs9 .nav li a:focus,
#navi_tabs10 .nav li a:hover, 
#navi_tabs10 .nav li a:focus,
#navi_tabs11 .nav li a:hover, 
#navi_tabs11 .nav li a:focus,
#navi_tabs12 .nav li a:hover, 
#navi_tabs12 .nav li a:focus,
#navi_tabs13 .nav li a:hover, 
#navi_tabs13 .nav li a:focus,
#navi_tabs14 .nav li a:hover, 
#navi_tabs14 .nav li a:focus,
#navi_tabs15 .nav li a:hover, 
#navi_tabs15 .nav li a:focus,
#navi_tabs16 .nav li a:hover, 
#navi_tabs16 .nav li a:focus,
#navi_tabs17 .nav li a:hover, 
#navi_tabs17 .nav li a:focus,
#navi_tabs18 .nav li a:hover, 
#navi_tabs18 .nav li a:focus { background: #98adc2;}	


#altblutzer{
	position:absolute;
top:-50px;
	right:100px;
}

.archiv li {
	cursor:pointer;
}