/*******************************************************************************




	Project		:	Redaxo Demo



	Copyright	:	blumbeet - web.studio

					www.blumbeet.com



*******************************************************************************/









/*	undo

*******************************************************************************/



:link,:visited { text-decoration:none; }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }

img, a img,:link img,:visited img, fieldset { border:none }

img { margin:0; padding:0; vertical-align:bottom; }

address { font-style:normal }



table {	border:none; padding:3px; margin:0px; border-spacing:3px; font-size:1.1em;}

tr { border:none; padding:0px; margin:0px; }

th {background-color:#00579E; color:#fff;}

td { background-color:#BFD0EE;  border:none; padding:3px; margin:0px; vertical-align:top; border-spacing:3px; }





legend { display:none; }



body, div,p,li { background-repeat:no-repeat; }



/*	reset some basic style

*******************************************************************************/

dl			{margin: 0 0 0 0;}

dl dt		{margin: 0 0 0 0;}

dl dd+dt	{margin-top: 0;}

dl dd		{margin: 0 0 0 0;}



ol			{list-style: none;}

ol li		{margin: 0 0 0 0;}

ol li ol	{margin: 0 0 0 0;}

ol li ul	{margin: 0 0 0 0;}



p			{margin-bottom: 0em;}



ul			{list-style: none;}

ul li		{margin: 0 0 0 0;}

ul li ul	{margin: 0 0 0 0; list-style: none;}

ul li ol	{margin: 0 0 0 0;}



pre			{font-size:1.2em; }



a:hover { text-decoration:none; }





/*	html

*******************************************************************************/

html {

	min-height: 100%;

	margin-bottom: 1px;

}



/*	body

*******************************************************************************/

body {

	background-color:#000033;

	color: #444;	

	font-family: 'Trebuchet MS', verdana, arial, helvetica, sans-serif;

	text-align:center;

	font-size: 72.25%;

	voice-family: "\"}\"";

	voice-family: inherit;

	/*font-size: x-small;*/

}



#background-image {

	background-image:url(bg_body_new.jpg);

	background-repeat:repeat-x;

	margin:0px; 

	padding:10px

}



.clearer {

	display:block;

	clear:both;

	line-height:0;

	height:1px;

	font-size:0;

	visibility:hidden;

}



.clear {

	clear:both;

}



.teaser { 

clear:both; 

}



.flLeft { float:left; }

.flRight { float:right; }



.warning { color:#f00; }





/*	website

*******************************************************************************/

#website {
	position:relative;
	background: #E8DCD0;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width: 801px;
	color: #000;
	text-align:left;
}



/*	header

*******************************************************************************/

#header {

	position:relative;

	margin:0;

	padding:0;

	height:130px;

	background-image:url(Logo-misja.jpg);

	background-repeat:repeat-x;

}



#header-left {

	position:relative;

	margin-right:350;
	
	margin:5;

	padding:0;

	/*height:60px;*/

	width:801px;

	background:#DAC4AA;
	
	font-size: 1.0em;
	
	color:#555555;
	
	/*background-image:url(bg_content.jpg);

	background-repeat:repeat-y;*/

	text-align:center;

	/*border-bottom: 1px solid #aaaaaa;*/

}



#header-middle {

	position:absolute;

	left:250px;

	padding:0;

	height:60px;

	width:250px;

	background:#DAC4AA;

	font-size: 1.4em;

	text-align:center;

	vertical-align:middle;

	/*border-bottom: 1px solid #aaaaaa;*/

}



#header-right {

	position:relative;

	left:500px;

	margin-left:550;	

	padding:0;

	height:60px;

	width:301px;

	background:#DAC4AA;

	text-align:left;

	/*border-bottom: 1px solid #aaaaaa;*/

}



#header-footer {

	position:relative;

	margin:0;

	padding:0;

	height:0px;

	text-align:center;

}





#header-footer a {

	color:#f00;

	

}









/*	logo / breadcrumb

*******************************************************************************/

#logo {

	position:absolute;

	top:0px;

	left:0px;

}



#logo a {

	display:block;

	height:130px;

	width:83px;

	text-indent:-700em;

}





#breadcrumb {

	position:absolute;

	top:0px;

	left:0px;

	color:#999;

}



#breadcrumb a, 

#breadcrumb a:link {

	color:#999;

}



#breadcrumb a:hover {

	text-decoration:underline;

}

/*	content

*******************************************************************************/





#content, #content2 {

	display:block;

	clear:both;

	position:relative;

	padding:0 0 0 0;

}





/* hide from IE/MAC \*/

* html #content, * html #content2 {

	height:1px;

}

/* end hide */





#content {}



#content2 {

	background:#E8DCD0;
	/*background-image:url(bg_content.jpg);

	background-repeat:repeat-y;*/

}



.content-list {

	margin:0px 0 4px 0;

	padding:10px;

	width:500px;

	background:#F5F5F2;
	
	border-right: 1px solid #ccc;
    
	border-bottom: 1px solid #ccc;

}



.content-header {

	padding:10px;

	width:500px;

	background:#F5F5F2;

}



.content-teaserheader {

	padding:10px;

	width:500px;

	background:#F5F5F2;
	
	border-right: 1px solid #ccc;	

}

.content-categoryheader {

	margin:0px 0 4px 0;
	
	padding:5px;

	width:510px;

	background:#00579C	;
	
	color:#fff;

	font-family: 'Lucida Grande', arial, helvetica, verdana, sans-serif;
	
	text-align:right;

	font-size:1.4em;

	font-weight:bold;

	line-height:1.8em;

}

.content-categoryheader  a {

	text-transform:uppercase;
	
	color:#555555;
		
}


.redaktion {

	display:block;

	margin: 0 4px 0 4px;
	
	text-align:left;
	
	/*margin-left:auto;*/

	/*margin-right:auto;*/

	background:#ffffff;              /*#00579C;*/

	/*background-position:0 -100px;*/

}

.redaktion a {
	
	vertical-align:top;
	


}

redaktion p a:link {

	color:#FFFFFF;
	
}

#main {

	float:left;

	width:550px;

}



#main-block {}

	

#main-block2 {

	

	padding:7px 14px 7px 14px;

	

}



#rechte-spalte {

	float: left;

	width:125px;

	padding:2;

	text-align:left;

}

* html #rechte-spalte {

	clear: both;
	
	float: right;
	
	width:125px;
	
	
	
	
			
}

#rechte-spalte .teaser {

	

	margin:0;

	padding:9px 0;

	font-size: 9px;

	padding:8px 8px 8px 8px;

		

/*border-bottom: 1px solid #aaaaaa;*/

}

.link-container {

	float: left;
       width: 123px;	 	   
       margin: 15px 0px 5px 1px;
       padding: 3px 0px 0px 0px;
       text-align: center;
	   background: #00579C;       
       
	
}

.link-container a {

	   
	   text-transform:uppercase;
	   padding: 3px 3px 0px 3px;
	   color:#FFFFFF;
	
}

.link-extern a {

		
	float: left;
       width: 103px;	 	   
       margin: 0px 0px 0px 0px;
       padding: 10px 10px 10px 10px;
       text-align: center;
	   white-space:normal;
       background: #BFD0EE;
       color:#00579C;
       font-size: 0.9em;
       text-transform:none;
       border-top:1px solid #00579C;
	

} 

.link-extern img {

			
	   width: 100%;
	   
	    	   
       
} 






/* Vertikale Dropdown-Navigation */

#dropdown-navigation {

	float:left;

	width:125px;

	padding: 0;

	

	}



#dropdown-navigation ul.nav1st {

	list-style: none;

	width: 125px;

	margin: 0;

	padding: 0;

	color:#606060;

	letter-spacing:0.0em;

	background:#F5F5F2;

	}

#dropdown-navigation ul.nav1st li {

	position: relative;

	padding: 8px 0 8px 14px;

	border-top:1px solid #E0D4C6;

	}

#dropdown-navigation ul.nav1st li.active {

	background: #D82413; 

	text-decoration: none;

	color: #FFFFFF;

	}

#dropdown-navigation ul.nav1st li a,

#dropdown-navigation ul.nav1st li a:link {

	font-weight: bold;

	font-size: 1.0em;

	text-decoration: none;

	position: static;

	z-index: 0;

	color:#606060;

	}

#dropdown-navigation ul.nav1st li a:hover {

	color: #F0140A;

	text-decoration: none;

	}



#dropdown-navigation ul.nav1st li a.current,

#dropdown-navigation ul.nav1st li a.current:link {

	color: #FFFFFF;

	text-decoration: none;

	}





/* Fix IE. Hide from IE Mac \*/

* html #dropdown-navigation ul li { float: none; height: 1%; }

* html #dropdown-navigation ul li a { height: 1%; }

/* End */



		



/* Sub Menu Styles */



#dropdown-navigation ul.nav1st li ul.nav2nd {

/*	Anzeigeoption/Position der dropdown-submenüs */

	position: absolute;

	left: 125px;

	top: 0px;

	display: none;

	}

#dropdown-navigation ul.nav1st li ul.nav2nd {

	width: 125px;

	margin: 0;

	padding: 0px 0px;

	color:#606060;

	background: #FFFFFF;

	list-style: none;

	border: 1px solid #DAC4AA;

} 

#dropdown-navigation ul.nav1st li ul.nav2nd li {

	display: block;

		padding: 4px 4px;

	text-decoration: none;

	color:#606060; 

} 

#dropdown-navigation ul.nav1st li ul.nav2nd li a,

#dropdown-navigation ul.nav1st li ul.nav2nd li a:link {

	color:#606060; 

	padding: 4px 4px;



} 

#dropdown-navigation ul.nav1st li ul.nav2nd li a.current:link,

#dropdown-navigation ul.nav1st li ul.nav2nd li a:hover {

	text-decoration: none;

    color: #F0140A;  

	padding: 4px 4px;

	}



#dropdown-navigation ul.nav1st li ul.nav2nd li a.current {

	text-decoration: none;

    color: #FFF;  

	padding: 4px 4px;

	}





		

/* The magic ^^ */

#dropdown-navigation ul.nav1st li:hover ul.nav2nd, 

#dropdown-navigation ul.nav1st li.over ul.nav2nd { 

	display: block; 

	z-index: 10;



} 







/*  Banner-Box

------------------------------------------------------------------------------*/

#bannerbox {

	
	margin-top: 10px;
	border:1px; 
	padding:2px;
	font-size:0.9em;
	background:#F5F5F2;
	
}



/*	donate Werbebanner

------------------------------------------------------------------------------*/

#donate {

	margin:2em 0 0 2px;

	

}





/*	Headlines

------------------------------------------------------------------------------*/





p.col-headline {

	display:block;

	padding:13px 0 11px 0;

	font-size:10px;

	text-transform:uppercase;

}





/* Headline 1 */

#main-block h1 {

	color:#2F4A67;

	font-family: 'Lucida Grande', arial, helvetica, verdana, sans-serif;

	font-size:1.7em;

	font-weight:bold;

	line-height:1.8em;

}



#main-block .teaser h1 {

	font-size:1.4em;

}



/* Headline 2 */

#main-block h2 {

	color:#000;

	font-family: 'Lucida Grande', arial, helvetica, verdana, sans-serif;

	font-size:1.4em;

	font-weight:bold;

	line-height:1.4em;

}





/*	Teaser

------------------------------------------------------------------------------*/



#main-block .teaser, .textile{

	margin:0px 0 10px 0;

} 



#main-block .teaser, .textile {

	padding:10px;

	width:500px;

	background:#F5F5F2;
	
	border-right: 1px solid #ccc;
    
	border-bottom: 1px solid #ccc;

}











/*	Paragraphs / Lists

------------------------------------------------------------------------------*/

#main-block p,

#main-block ul,

#main-block ol {

	margin-bottom:1.2em;

	text-align:justify;

	font-size:1.2em;

	line-height:1.5em;

}

#main-block ul li ul,

#main-block ul li ol,

#main-block ol li ol,

#main-block ol li ul {

	font-size:1em;

}





/* Paragraph .posted */

#main-block p.posted, 

#sub-block #col-2-AB-A p.posted {

clear:both;

margin-bottom:0;

border-top:1px dashed #ccc;

color:#aaa;

font-size:1em;

}





#main-block ul {

	margin-left:14px;

	list-style-type:square;

}



#main-block ol {

	list-style-type:decimal-leading-zero;

}





/*	Hyperlinks

------------------------------------------------------------------------------*/

#main-block a[href^='http:']  {
	padding-right:8px;
	background-image: url(out-link.gif);
	background-position: 100% 30%;
	background-repeat: no-repeat;
	color: #1B86CC;
	}

#main-block a, #main-block a:link a:visited {

	color:#D82413;		/*rot*/
	
	text-decoration:none;

}




/*#main-block a:hover a[href^="http://www.spreadfirefox.com]:hover {

	  
	/*background-color:#00579C; */
	color:white; 

} */	

#main-block a[href^='http:']:hover, a[href^='mailto:']:hover { 
	
	background-color:#00579C; 
	color:white;
	text-decoration:underline; 
}

#main-block a[href^='index.']:hover { 
	
	
	text-decoration:underline; 
}


/*	Images

------------------------------------------------------------------------------*/

#main-block div.image {

	margin-bottom:0;
	

}

#main-block div.image p {

	margin:0;

	font-size:0.9em;

}

#main-block div.flLeft {
		
	float: left;
       margin: 0 5px 5px 0;
       padding: 5px 5px;
       text-align: center;
	   background: white;
       border-right: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
       font-size: 0.9;
	

}

#main-block div.flRight {

	float: right;
	   margin: 0 0 5px 5px;
	   padding: 5px 5px;
       text-align: center;
	   background: white;
       border-right: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
       font-size: 0.9;

}





/*	footer

------------------------------------------------------------------------------*/

.footer {

	display:block;

	margin-left:auto;

	margin-right:auto;

	width:801px;

	background:#DAC4AA;

	background-position:0 -100px;

}

.footer2 {

	padding:0 14px;

}

.footer p {

	margin:0;

	padding:9px 0;

	font-size:10px;

	text-transform:uppercase;

}



.footer p, 

.footer p a,

.footer p a:link {

	color:#555555;

}

.footer p a:hover {

	text-decoration:underline;

}



.footer .col-left {

	float:left;

	width:126px;

}

.footer .col-right {

	float:right;

}





/* form-module

*******************************************************************************/

#form-module * {

	padding:0px;

	margin:0px;

}



#form-module {

	margin:0px;

	padding:0px;

	width:520px;

	background-color:#f7f7f7;

	color:#666;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size:1.2em;

}



#form-module fieldset {

	border:0px solid #fff;

}



#form-module legend {

	display:none;

}





#form-module p {

	margin:0;

	padding:5px;

	font-size:1em;

	font-weight:bold;

}



#form-module .element {

	display:block;

	clear:both;

	background-color:#f7f7f7;

	border-top:2px solid #fff;

}



#form-module label {

	display:block;

	float:left;

	padding:5px;

	width:120px;

	border-right:2px solid #fff;

}



#form-module label.checkbox {

	width:372px;

	border-left:2px solid #fff;

	border-right:none;

}



#form-module input, 

#form-module select, 

#form-module textarea {

	float:left;

	margin:5px;

	width:295px;

	border:1px solid #333;

}



#form-module input.text {

	height:20px;

}



#form-module input.checkbox {

	width:120px;

	padding:0;

	border:none;

}



#form-module input.submit { 

	margin:5px 5px 5px 137px;

	padding:2px 5px;

	border:1px solid #333;

	background-color:#fff;

	color:#666;

	font-family:verdana, arial, helvetica, sans-serif;

	text-align:center;

	cursor:pointer;

}



#form-module input.submit:hover { 

	background-color:#f7f7f7;

	color:#000;

}



#form-module label.textarea, 

#form-module textarea.textarea {

	height:96px;

}



#form-module-thanks {

	display:block;

	color:#666;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size:1.2em;

}





/* download

*******************************************************************************/

#main-block .download-hdl p, 

#main-block .download-file p, 

#main-block .download-desc p {

	margin:0;

}

#main-block .download-hdl p {

	/*padding:5px 7px;

	background-color:#00579C;*/

	/*font-weight:bold;*/

	/*color:#fff;*/	

}



#main-block .download-file {

	/*padding:1.2em 7px;

	border-left:2px solid #00579C;

	border-right:2px solid #00579C;*/
	
	
}



#main-block .download-desc {

	/*margin-bottom:1.2em;

	padding:1.2em 7px;

	background-color:#BFD0EE;
	
	

	border-left:2px solid #00579C;

	border-right:2px solid #00579C;

	border-bottom:2px solid #00579C;*/

}



#main-block .download-without-desc {

	/*margin-bottom:1.2em;

	border-top:2px solid #00579C;*/

}



/* lightbox

*******************************************************************************/

#lightbox{

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{

	padding:0 10px;

	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

	}

	



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

	}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

	}





/* JAOS Lightbox Style-Sheet

Einfaches Style-Sheet zur (X)HTML-validen Darstellung

der Thumbnails, ausgelegt auf eine Thumbnail-Grösse

von 60 x 80 Pixel.

Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet

und dem jeweiligen div's zugeordnet.

*/





.jaosg_content-teaserheader {

	padding:10px;

	width:500px;

	background:#F5F5F2;

	text-align:center;

}



div.jaosg_thumbnail{

	float: left;

	background: #DCDCDC;

	border: 1px solid;

	border-color: #AAA #444 #444 #AAA;

	margin: 5px 3px;

}



div.jaosg_thumbnail img{

	border: 1px solid;

	border-color: #444 #AAA #AAA #444;

}

/* ls=landscape-Format der Thumbs */

div.ls img{

	height: 60px;

	width: 80px;

	margin: 20px 10px;

}

/* pt=portrait-Format der Thumbs */

div.pt img{

	height: 80px;

	width: 60px;

	margin: 10px 20px;

}

/*footer schaltet float:left wieder aus */

div#jaosg_footer{

	clear: both;

	padding-top: 1em;

}	





.tablePortlet {

  padding: 0px;

  margin: 3px;

  border-collapse: collapse;

}

.tablePortlet th {

  padding: 3px;

  font-size: 11px;

  color: #ffffff;

  border: 1px solid #394D9D;  

  background-color: #394D9D;

  font-family: verdana, Arial, Helvetica, sans-serif;

}


/* highslide
*******************************************************************************/

.highslide {
	cursor: url(graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid white;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}
/* Controlbar example */
.controlbar {	
	background: url(graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0px 0 0 4px;
	height: 29px;
	width: 34px;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}