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



	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,pre,code { font-size:1em; font-weight:normal; text-align:right }

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:0px; margin:0px; border-spacing:0px; font-size:1em;}

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

td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }





legend { display:none; }



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



.titel {

	color: #000000;

	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;

	font-size: inherit;

	font-weight: normal;

}



/*	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 {

	margin:0px;

	background-color:#dddddd;

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

	font-size: 12px;

}



.clearer {

	display:block;

	clear:both;

	line-height:0;

	height:1px;

	font-size:0;

	visibility:hidden;

}



.clear {

	clear:both;

}



.flLeft {

	float:left;

}



.flRight {

	float:right;

}



.flTop {

	float:inherit;

	padding-top:12px;

}



.warning { color:#f00000; }





/*	breadcrumb

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





#breadcrumb {

	position:absolute;

	bottom:9px;

	left:200px;

}



#breadcrumb a, 

#breadcrumb a:link {

	color:#175d9e;

}



#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 */







#main {

	float:left;

	width:640px;



}



#main-block {}



#main-block2 {

	padding:0px 0px 0px 30px;

}





/*	Navigation vertical - ID2

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

#navigation {

	text-align:right;

	float: left;

	width:100px;

	color:dddddd;

	padding:0px 5px 0px 0px;

}



#navigation ul.nav1st {

	width:100px;

}





#navigation ul.nav1st li {

	margin:0px 3px 8px 0px;

}



#navigation ul.nav1st li.active {}



#navigation ul.nav1st li.active a,

#navigation ul.nav1st li.active a:link {

	color:#fec51d;

}



#navigation ul.nav1st a, 

#navigation ul.nav1st a:link {

	display:block;

	color:#dddddd;

	font-size:12px;

	font-weight:bold;

}



#navigation ul.nav3rd a, 

#navigation ul.nav3rd a:link {

	display:block;

	color:#dddddd;

	font-size:10px;

	font-weight:bold;

	margin:25px 3px 0px 0px;

}



#navigation ul.nav1st a:hover {

	color: #34b0ff;

}



#navigation ul.nav3rd a:hover {

	color: #34b0ff;

}



#navigation ul.nav1st li ul.nav2nd li {

	list-style-type:none;

	padding:0;

	margin-left:14px;

	list-style-type:none;

}



#navigation ul.nav2nd li {

	margin:5px 8px 0px 0px;

}



#navigation ul.nav2nd a, 

#navigation ul.nav2nd a:link {

	display:block;

	color:#dddddd;

	margin:0px 0px 0px 0px;

	font-size:10px;

	font-weight:normal;

}



#navigation ul.nav2nd li.active a,

#navigation ul.nav2nd li.active a:link {

	font-size:12px;

	font-weight:bold;

}



#navigation ul.nav2nd a.current, 

#navigation ul.nav2nd a.current:link, 

#navigation ul.nav2nd a:hover {

	color:#fec51d;

	font-weight:bold;

}









/*	Headlines

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



/* Headline 1 */

#main-block h1 {

	margin: 0px 0px 0px 0px;

	color:#175d9e; /* ffaa00 */

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

	font-size:1.8em;

	font-weight: normal;

	text-transform:uppercase;

	line-height:1.4em;

}



#main-block .teaser h1 {

	font-size:1.4em;

}



/* Headline 2 */

#main-block h2 {

	margin: 5px 0px 0px 0px;

	color: #666666;

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

	font-size:1.6em;

	font-weight: normal;

	line-height:1.2em;

}



/* Headline 3 */

#main-block h3 {

	margin: 5px 0px 10px 0px;

	color: #175d9e;

	font-family:arial black, helvetica, verdana, sans-serif;
	
	text-transform: lowercase;

	font-size:1.4em;

	font-weight: normal;

	line-height:1.0em;

}



/* Headline 4 */

#main-block h4 {

	margin: 0px 0px 5px 0px;

	color: #00000;

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

	font-size:1.3em;

	font-weight: normal;

	line-height:1.0em;

}



/* Headline 5 */

#main-block h5 {

	margin: 10px 0px 10px 0px;

	color: #000000;

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

	text-align:left;

	font-size:14px;

	font-weight: bold;

}



/* Headline 6 */

#main-block h6 {

	margin: 10px 0px 10px 0px;

	color: #ffffff;

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

	text-align:left;

	font-size:14px;

	font-weight: bold;

}



/* Tag */

.tag {

	color: #9f9f9f;

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

	text-align:left;

	font-size:11px;

	font-weight: normal;

}



/* Tag/Uhrzeit */

.uhrzeit {

	color: #000000;

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

	text-align:left;

	font-size:11px;

	font-weight: normal;

}



/* Titel */

.titel {

	padding:5px 0 0 0;

	color: #000000;

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

	text-align:left;

	font-size:15px;

	font-weight: bold;

}



/*	Paragraphs / Lists

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

#main-block p,

#main-block ul,

#main-block ol {

	margin-bottom:1.2em;

	font-size:12px;

	line-height:16px;

}

#main-block ul li ul,

#main-block ul li ol,

#main-block ol li ol,

#main-block ol li ul {

	font-size:1em;

	margin-left:20px;

	list-style-type:disc;

}



#main-block ul {

	margin-left:20px;

	list-style-type:disc;

}



#main-block ol {

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

}





/*	Hyperlinks

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

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

	color: #175d9e;

	text-decoration:underline;

}



#main-block a:hover {

	color:#34b0ff; /* 999999 */

}







/*	Images

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

#main-block div.image {

	margin-bottom:0;

}

#main-block div.image p {

	margin:0;

	font-size:0.9em;

}

#main-block div.flLeft {

	margin-right:14px;

}

#main-block div.flRight {

	margin-left:14px;

}







/* form-module

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

#form-module * {

	padding:0px;

	margin:0px;

}



#form-module {

	margin:0px;

	padding:0px 0px 0px 70px;

	width:550px;

	background-color:#ffffff;

	color:#666666;

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

	font-size:12px;

}



#form-module fieldset {

	border:0px solid #ffffff;

}



#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:#ffffff;

	border-top:2px solid #ffffff;

}



#form-module label {

	display:block;

	float:left;

	padding:5px;

	width:130px;

	border-right:2px solid #ffffff;

}



#form-module label.checkbox {

	width:350px;

	border-left:2px solid #ffffff;

	border-right:none;

}



#form-module input, 

#form-module select, 

#form-module textarea {

	float:left;

	margin:5px;

	width:295px;

	border:1px solid #eec91a;

}



#form-module input.text {

	height:20px;

}



#form-module input.checkbox {

	width:100px;

	padding:0;

	border:none;

}



#form-module input.submit { 

	margin:5px 5px 5px 133px;

	padding:2px 5px;

	border:0px solid #333333;

	background-color:#eec91a;

	color:#ffffff;

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

	font-weight:bold;

	text-align:center;

	cursor:pointer;

}



#form-module input.submit:hover { 

	color:#000000;

}



#form-module label.textarea, 

#form-module textarea.textarea {

	height:96px;

}



#form-module-thanks {

	padding:65px 0 0 0;

	display:block;

	color:#000000;

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

	font-size:12px;

}





/* 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:#ee6f1a;

	font-weight:bold;

	color:#ffffff;

}



#main-block .download-file {

	padding:1.2em 7px;

	border-left:2px solid #ee6f1a;

	border-right:2px solid #ee6f1a;

}



#main-block .download-desc {

	margin-bottom:1.2em;

	padding:1.2em 7px;

	background-color:#ff0000;

	border-left:2px solid #ee6f1a;

	border-right:2px solid #ee6f1a;

	border-bottom:2px solid #ee6f1a;

}



#main-block .download-without-desc {

	margin-bottom:1.2em;

	border-top:2px solid #ee6f1a;

}





/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie{
	width: 500px;
	text-align: center; 
	vertical-align: middle; 
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border: 0;
}

.jaosg_thumbnail {
	padding: 0px 10px 10px 0px;
	float: left;
	height: 80px;
	width: 80px;
	text-align: center;
	vertical-align: middle;
	border: 0;
}

.jaosg_nav {
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	word-spacing: normal;
}

.jaosg_bild {
	text-align: center;
}

.jaosg_bildbeschreibung {
	text-align: center;
}