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



	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: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; }



/*	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:#ddedf4;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: xx-small;

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

	voice-family: inherit;

	font-size: x-small;

}



.clearer {

	display:block;

	clear:both;

	line-height:0;

	height:1px;

	font-size:0;

	visibility:hidden;

}



.clear {

	clear:both;

}



.flLeft { float:left; }

.flRight { float:right; }



.warning { color:#f00; }





/*	website

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

#website {

	position:relative;

	display:block;

	margin:20px auto;

	padding:0;

	height:100%;

	width:792px;

	color:#000;

	text-align:left;

}



/*	header

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

#header { background-image: url(../../files/ham-header.jpg) !important; position:relative; margin:0; padding:0; height:134px; }
/*	logo / breadcrumb

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

#logo {

	position:absolute;

	top:0px;

	left:0px;

}



#logo a {

	display:block;

	height:120px;

	width:790px;

	text-indent:-700em;

}





#breadcrumb {

	position:absolute;

	bottom:0;

	left:200px;

}



#breadcrumb a, 

#breadcrumb a:link {

	color:#00aedb;

}



#breadcrumb a:hover {

	text-decoration:underline;

}

/*	content

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





#content, #content2 {

	display:block;

	clear:both;

	position:relative;

	padding:0;

}





/* hide from IE/MAC \*/

* html #content, * html #content2 {

	height:1px;

}

/* end hide */





#content {}



#content2 {

	background-image:url(ham-body.jpg);

	background-repeat:repeat-y;
	
	height:100%;

}


#content-nl {

	background-image:url(ham-body-nl.jpg);

	background-repeat:repeat-y;
	
	height:100%;

}


#main {

	float:left;

	width:560px;

}

#main-nl {

	float:left;

	width:700px;

}
#main-block {}



#main-block2 {

	padding:14px;

}

#main-block2-nl { padding-left: 150px; }



/*	Navigation vertical - 

	Wenn die Navigation mit der ID 3 verwendet wird, kann alles bis 

	zum n?chsten Kommentar gel?scht werden

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

#navigation {

	float:left;

	width:200px;

	padding:14px 0;

}



#navigation ul.nav1st {

	width:170px;

}





#navigation ul.nav1st li {

	padding:8px 0 8px 30px;

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

	color:#00aedb;

}



#navigation ul.nav1st a, 

#navigation ul.nav1st a:link {

	display:block;

	color:#606060;

	font-size:1.2em;

	font-weight:bold;

}



#navigation ul.nav1st a:hover {

	color:#00aedb;

}





#navigation ul.nav1st li ul.nav2nd li {

	padding:0;

	margin-left:14px;

}



#navigation ul.nav2nd a, 

#navigation ul.nav2nd a:link {

	display:block;

	padding:4px 0 4px 0;

	font-size:1.1em;

	font-weight:normal;

}



#navigation ul.nav2nd a.current, 

#navigation ul.nav2nd a.current:link, 

#navigation ul.nav2nd a:hover {

	text-decoration:underline;

}
/*	Headlines

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



/* Headline 1 */

#main-block h1 {

	color:#00aedb;

	font-family: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:arial, helvetica, verdana, sans-serif;

	font-size:1.4em;

	font-weight:bold;

	line-height:1.4em;

}





/*	Paragraphs / Lists

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

#main-block p,

#main-block ul,

#main-block ol {

	margin-bottom:1.2em;

	font-size:1.2em;

	line-height:1.6em;

}

#main-block ul li ul,

#main-block ul li ol,

#main-block ol li ol,

#main-block ol li ul {

	font-size:1em;

}



#main-block ul { margin-left:14px; list-style-type: disc; }



#main-block ol {

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

}





/*	Hyperlinks

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

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

	color:#00aedb;

}



#main-block a:hover {

	color:#000;

}







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

}





/*	footer

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

.footer 	{ 
			display:block; 
			width:100%; 
			margin-bottom: 10px; 
			background-image:url(ham-footer.jpg); 
			height: 75px; }
.footer2 {

	padding:0 20px;
}

.footer p 	{
			font-size:10px;
			text-transform:uppercase;
			margin-top: 60px;
			}

.footer p, 
.footer p a,
.footer p a:link {
			color:#555555;
			}
.footer p a:hover {
			text-decoration:underline;
			}

.footer .col-left {

	float:left;

	width:186px;

}

.footer .col-right {

	float:left;

}



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

	font-weight:bold;

	color:#fff;

}



#main-block .download-file {

	padding:1.2em 7px;

	border-left:2px solid #006385;

	border-right:2px solid #006385;

}



#main-block .download-desc {

	margin-bottom:1.2em;

	padding:1.2em 7px;

	background-color:#c6eff6;

	border-left:2px solid #006385;

	border-right:2px solid #006385;

	border-bottom:2px solid #006385;

}



#main-block .download-without-desc {

	margin-bottom:1.2em;

	border-top:2px solid #393;

}

/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie	{
				text-align:center; 
				vertical-align:middle; 
				padding:5px;
				}

.jaosg_thumbnail	{
				margin:5px;
				float: left;
				height: 80px;
				width: 80px;
				text-align: left;
				vertical-align:middle;
				}

.jaosg_nav 		{
				text-align: center;
				}

.jaosg_bild		{
				text-align: center;
				}

.jaosg_bildbeschreibung	{
				text-align: justify;
				}