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



	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, p 		{font-size:1.2em;}



a:hover { text-decoration:underline; }



/*	html

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

html {

	min-height: 100%;

	margin-bottom: 1px;

}



/*	body

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

body {

	background-image:url();

  font-family:arial, verdana, 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:auto;

	padding:0;

	height:100%;

	width:980px;

	color:#000;

	text-align:left;

}



/*	header

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

#header {

	position:relative;

	margin:0;

	padding:0;

	height:161px;

	/*border: 2px solid #7DBD57;*/

	background-image:url(/pics/bg_oben.jpg);

}



#header_flash {

  position:relative;

  margin-right:29px;

  text-align:right;

}



#sitemap {

  font-size: 1.2em;

	position: relative;

	text-align: right;

	top: 20px;

	right: 30px;

	margin: 0;

	text-transform: uppercase;

	color: #CCCCCC;

}



#sitemap a:link, #sitemap a:visited {

	font-weight: bold; 

	color: #fff;

	text-decoration: none;

}



#sitemap a:hover { 

	text-decoration: underline;

}







/*	logo / breadcrumb

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





#breadcrumb, 
.ueberschrift {
	position:relative;
	width: 712px;
	vertical-align: middle;
	line-height: 1.4em;
    background-color: #6E9DD1;
	color:#fff;
}

#breadcrumb {
  	left:43px;
	font-size: 1.2em;
}

#breadcrumb a, 

#breadcrumb a:link {

  color:#fff;

}



#breadcrumb a:hover {

	text-decoration:underline;

}

/*	content

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





#content {

	display:block;

	clear:both;

	position:relative;

	padding:0 0 0 0;

	height:100%;

}





/* hide from IE/MAC \*/

* html #content {

	height:1px;

}

/* end hide */





/*#main {

	float:left;

	width:560px;

} */





/*	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:198px;

	padding:14px 0;

	padding-top:0px;

}



#navigation ul.nav1st {

	width:198px;

}





#navigation ul.nav1st li {

	padding:8px 0 8px 14px;

}



#navigation ul.nav1st li.active {

	background:#6E9DD1;

}



#navigation ul.nav1st li.active a,

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

	font-weight:bold;

}



#navigation ul.nav1st a, 

#navigation ul.nav1st a:link {

	display:block;

	font-weight:bold;

	color:#fff;

	font-size:1.3em;

}



#navigation ul.nav1st a:hover {

}





#navigation ul.nav1st li ul.nav2nd li {

	padding:0 0 0 14px;

	list-style-type:none;

}



#navigation ul.nav2nd a, 

#navigation ul.nav2nd a:link {

	display:block;

	padding:8px 0 0 0;

	font-size:1.2em;

	font-weight:normal;

}



#navigation ul.nav2nd a.current, 

#navigation ul.nav2nd a.current:link, 

#navigation ul.nav2nd a:hover {

/*background-image: url(/files/pfeil.bmp);

  background-repeat: no-repeat;

  background-position: left bottom;*/

}





/*	Headlines

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



/* Headline 1 */



#main-block { 

  left:29px;

	width:712px;

  position: relative;

  padding: 14px;

	font-size:1.2em;

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

}

#main-block .article {
  font-size: 1.1em;
  height: 1%;
}

#main-block .article_linie {
	border-bottom: 1px solid #6E9DD1;
 	margin-bottom: 17px;
 	padding-bottom: 7px;
}


#main-block h1 {
  color: #6093CC;
	font-size: 15px;
	font-weight:bold;
	border-bottom: 1px solid #6E9DD1;
  border-top: 1px solid #6E9DD1;
	margin-bottom: 0.6em;
	/*margin-left: -15px;*/
	padding: 3px 0px;
	padding-left: 10px;
	width: auto;
	background: #D9E4F2;
} 

/* Headline 2 */ 
#main-block h2 {
	color:#6093CC;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 1em
}

/* Headline 3 */ 
#main-block h3 {
	color: #6093CC;
	font-size:12px;
	font-weight:bold;
	margin-bottom: 0.8em
}

#main-block .Farbe_Blau {

  color: #008FC9;

}



#main-block .Farbe_Rot {

	color: #FF0000;

}

#main-block .gal_left {
  float: left;
}

#main-block .gal_right {
  margin-left: 15px;
}



#main-block2 { 

  left:29px;

	width:500px;

  position: relative;

  padding: 14px;

	font-size:1.2em; 

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

}



#contact { 

  padding:14px;

	width:212px;

	font-size:1.2em;

}



#contact a, #contact a:link {

  font-size: 1em;

	color: #008FC9;

	text-decoration:none;

}



#contact a:hover {

	text-decoration:underline;

	}



/*#main-block .teaser h1 {

	font-size:1.4em;

}



#main-block h1 {

	font-size:1.7em;

	font-weight:bold;

	line-height:1.7em;

} */



/* Headline 2 */

/* #main-block h2 {

	font-size:1.6em;

	font-weight:bold;

	line-height:1.7em;

}



#main-block h3 {

	font-size:1.5em;

	font-weight:bold;

	line-height:1.7em;

} */



/*	Paragraphs / Lists

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

#main-block p,
#main-block ul,
#main-block ol { 
    margin-bottom: 11px;
	font-size: 1em;
}

#main-block ul li ol,
#main-block ol li ol,
#main-block ol li ul {
  list-style-type: circle;
	margin-left: 8px; 
	font-size: 1em;
}

#main-block ul { 
  list-style-type: circle;
}

#main-block li {
  margin-left: 16px;
}

/*	Hyperlinks

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

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

  font-size: 1em;

	color: #008FC9;

	text-decoration:none;

}



#main-block a:hover {

	text-decoration:underline;

}







/*	Images

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

#main-block div.image {
	margin-bottom: 10px;
	display: block;
}
#main-block div.image img {
}
#main-block div.image p {
	margin:0;
	width: 310px;
	font-size:1em;
	padding: 2px 3px 3px 3px;
	margin-top: 8px;
	color: #555555;
	background: #F1F5FA;
  border: 1px solid #D9E4F2;
}
#main-block div.flLeft {
	margin-right:13px;
}
#main-block div.flRight {
	margin-left:13px;
}

.flLeft {float:left;}
.flRight {float:right;}

.listicon {
  float: left;
}




/*	footer

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

.footer {

	display:block;

	width:975px;

	margin:0;

	padding:9px 0;

	font-size:1em;

	color:#0000;

}

.footer2 {

	padding:0 14px;

}



.footer a,

.footer a:link {

	margin:0;

	padding:9px 0;

	font-weight: bold;

	color: #008FC9;

}

.footer a:hover {

	text-decoration:underline;

}





#hassoGallery {

	padding: 0;

	font-size: 1em ;

}



#hassoNav {

  margin-left: -21px;

	display: block;

	text-align:left

}



#hassoNav ul {

	display: block;

	text-align:left;

	list-style: none;

	font-size: small ;

	line-height: normal;

	margin-bottom: 5px;

}



#hassoNav a {

	display: block;

}



#hassoNav a:hover {

	display: block;

	background-color:silver;

}



#hassoNav #active {

	display: block;

	background-color:#fff;

}



#hassoThumbs {

	float: left;

	padding-top: 10px;

	width: 710px;

	margin: px;

	border:1px dashed #bfbfbf;

	font: bold 1.2em arial, verdana;

	background-color: #e5e5e5;

	text-align: center;

	

}



#hassoThumbs .hassoThumb {

	float: left;

	padding: 0px 0px 10px 10px;

	border:0;

	height: 78px;

	/*width: 110px*/

	text-align: center;

	vertical-align:bottom;

	

}



#hassoThumbs .hassoThumb a {

	border:0;

	

}



#hassoThumbs .hassoThumb a img {

	border:0;

	

}





#hassoPic {

	text-align:center;

	padding: 5px;

	width: 700px;

	margin: 0px;

	border:1px dashed  #bfbfbf;

	font: bold 1.2em arial, verdana;

	background-color: #e5e5e5;

}





#hassoPic .hassoTitle {

	font-style:oblique;

	padding-left:25px;

	text-align:left;

	

}



#hassoPic .hassoDescription {

  font: normal 0.8em arial, verdana;

  padding-left:25px;

	text-align:left;	

}



#hassoPic img {

	border: 0px;

	margin: 5px;

}





#hassoPrevNextNav {

	display: block;

	font-size: 1em ;

	width: 712px;

	margin-top: 5px;

	margin-bottom: 5px;

	padding: 0;



}





#hassoPrevNextNav #hassoPrevPic{

	float: left;

}





#hassoPrevNextNav #hassoNextPic{

	float: right;

}



#hassoPrevNextNav #hassoPrevPic a {

	text-align:left;

}





#hassoPrevNextNav #hassoNextPic a {

	text-align:right;

		

}





#form-module p {

	margin:0;

	padding:5px;

	font-size:1em;

	font-weight:bold;

}



#form-module .element {

	display:block;

	clear:both;

}



#form-module label {

	display:block;

	float:left;

	padding:5px;

	width:120px;

}



#form-module label.checkbox {

	width:372px;

}



#form-module input, 

#form-module select, 

#form-module textarea {

	float:left;

	margin:5px;

	width:295px;

	border:1px solid #333;

	background-color: #F6F4EF

}



#form-module input:focus, 

#form-module select:focus, 

#form-module textarea:focus {

  background-color: #EEEEEE;

}



#form-module input.text {

	height:20px;

}



#form-module input.checkbox {

	width:120px;

	padding:0;

	border:none;

}



#form-module input.submit { 

	margin:5px 5px 5px 135px;

	padding: 2px 5px;

	border:1px solid #333;

	background-color:#D6D3CE;

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

	text-align:center;

	cursor:pointer;

}



#form-module input.submit:hover { 

	background-color:#f7f7f7;

}



#form-module label.textarea, 

#form-module textarea.textarea {

	height:96px;

}



#form-module-thanks {

	display:block;

	color:#666;

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

	font-size:1em;

}





/* download

*******************************************************************************/
.download {
  border: 1px solid #6d9cd2;
  padding: 10px;
  background: #bdd2ec;
  margin-bottom: 5px;
  width: 692px;
}

.download div {
  padding: 2px 3px;
}

.list_content {
  font-weight: bold;
  border-bottom: 1px solid #6d9cd2;
  background: #4e89cb;
  color: white;
}

.list_content2 {
  font-size: 0.9em !important;
  border-bottom: 1px solid #6d9cd2;
  background: #d9e6f4;
  color: #666;
}

.list_content3 {
  font-size: 0.9em !important;
  border-bottom: 1px solid #6d9cd2;
  background: #e7eff8;
}