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



	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 {
	height: 100%;
	margin-bottom: 1px;
}



/*	body

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

body {
	height:100%;
  font-family:arial, verdana, helvetica, sans-serif;
	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;
	width:980px;
	min-height: 100%;
	color:#000;
	text-align:left;
}



/*	header

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

#header {
  position: relative;
	width:980px;
	height:145px;
}

#header_logo_l {
  position: relative;
  float:left;
	width:209px;
	height:145px;
	background-image:url(/pics/mkm_oben_tondo.jpg);
}

#header_flash {
  position: relative;
  float:right;
	width:523px;
	height:110px;
	background-image:url(/pics/mkm_oben_flash.jpg);
}

#header_logo_r {
  position: relative;
  float:right;
	width:248px;
	height:110px;
	background-image:url(/pics/mkm_oben_mkm.jpg);
}

#header_bottom {
  position: relative;
    float:right;
	width:771px;
	height:35px;
	background-image:url(/pics/mkm_oben_navi.jpg);
}

/*	content

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

#footer {
  position: relative;
  background-image: url(/pics/mkm_unten.jpg);
  width:980px;
  height:70px;
}

#sitemap {
	position: relative;
	float: left;
	top: 9px;
  left: 17px;
	margin: 0;
	color: #000;
	font-size: 12px;
}

#sitemap a:link, #sitemap a:visited {
	font-weight: bold; 
	color: #000;
	text-decoration: none;
}

#sitemap a:hover {
  color: #D81F14; 
	text-decoration: underline;
}

#suche {
  display:block;
  float: right;
  top: 6px;
  margin:0; padding: 0;
  width: 220px;
  right: 250px;
  position: relative;
  font-size: 12px;
}

#suche label {
  display:block;
  float: left;
  width: 47px;
  margin:0; padding: 0;
  margin-top: 3px;
  font-weight: bold;
}

#suche .suchpic{
}

#language {
	position:relative;
  float: left;
  top: 18px;
  margin-left: 12px;
}

#language .flags{
}

#breadcrumb {
	position:relative;
	float: right;
	font-size: 10px;
	top: 22px;
	left: -45px;
	width: 712px;
	color:#000;
}

#breadcrumb a, 
#breadcrumb a:link {
  color:#000;
}

#breadcrumb a:hover {
  color: #D81F14;
	text-decoration:underline;
}


/*	Navigation vertical - 

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

	zum nächsten Kommentar gelöscht werden

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

/* #header-nav { 
	position: relative;
	width: 733px;
	left: 232px;
	top: 131px;
	display: block;

}

*/

/*#nav_head {
  position:static;
  left: 170px;
  top: 209px;
  width: 24px;
  height: 67px;
} */


#navigation {
  position:relative;
  float:left;
	width:194px;
	padding-top: 20px;
	padding-bottom: 40px;
	background-image: url(/pics/mkm_links_ecke.jpg);
	background-position: top right;
}

#navigation ul.nav1st li {
	font-size: 12px;
	display:block;
  width: 145px;
	padding:4px 0px 4px 12px;
}

#navigation ul.nav1st li.active {
	background:#cccccc;
}

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

#navigation ul.nav1st li a, 
#navigation ul.nav1st li a:link {
	color: #000000;
}

#navigation ul.nav1st li a:hover {
  color: #D81F14;
	text-decoration: underline;
} 


#navigation ul.nav2nd {
	padding:3px 0px 3px 0px;
}

#navigation ul.nav2nd li {
  width: 145px;
	padding:3px 0px 3px 12px;
}

#navigation ul.nav2nd li.active {
  margin-left: -12px;
  width: 145px;
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}

#navigation ul.nav2nd li.active a,
#navigation ul.nav2nd li.active a:link {
  padding-left: 0px;
  margin-left: -12px;
  font-weight: bold;
}

#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link {
  padding-left: 12px;
  margin-left: -24px;
  font-weight: normal;
  font-size: 11px;
}

#navigation ul.nav2nd a:hover {
}

#navigation ul.nav2nd li ul.nav3rd {
  padding:3px 0px 3px 0px;
}

#navigation ul.nav2nd li ul.nav3rd li {
  width: 120px;
  padding:3px 0px 3px 24px;
}

#navigation ul.nav2nd li ul.nav3rd li.active {
  width: 132px;
  border-top: 1px dotted #FFFFFF;
  border-bottom: 1px dotted #FFFFFF;
}

#navigation ul.nav2nd li ul.nav3rd li.active a,
#navigation ul.nav2nd li ul.nav3rd li.active a:link {
  padding-left: 12px;
  margin-left: -24px;
  font-weight: bold;

}

#navigation ul.nav2nd li ul.nav3rd a, 
#navigation ul.nav2nd li ul.nav3rd a:link {
  padding-left: 12px;
  margin-left: -24px;
  font-weight: normal;
}

#navigation ul.nav2nd li ul.nav3rd a:hover {
}



/*	MainBlock, Editor CSS

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


#content {
  padding: 20px 30px 0 30px;
  margin: 0;
  width: 706px;
}

/* #content_pic {
  padding: 0;
  margin: 0;
  float:right;
  height: 100%;
  width: 150px;
}  */

#main-block {
  float:left;
  position: relative;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 760px;
	font-size:12px;
	font-family: arial, helvetica, verdana, sans-serif;
}

#main-block .Ueberschrift_3_Rot{
	font-size:15px;
	font-weight:bold;
	line-height:17px;
	color: #D81F14;
}

#main-block .Ueberschrift_2_Rot{
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color: #D81F14;
}

#main-block .Ueberschrift_1_Rot{
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	color: #D81F14;
}

#main-block .Text_Normal{
  font-size:12px;
  font-family: Arial, Verdana;
  font-weight:normal;
  font-style: normal;
  font-variant: normal;
  text-decoration: none; 
  color: #000000;
}

#main-block .Text_-1{
	font-size:10px;
}

#main-block .Text_-2{
	font-size:9px;
}

#main-block .Farbe_Rot {
  color: #D81F14;
}

#main-block .Farbe_Schwarz {
  color: #000000;
}


#contact { 
  padding:20px;
	width:212px;
	font-size:1.2em;
}



#contact a, #contact a:link {
  font-size: 1em;
  color: #D81F14;
	text-decoration:none;
}

#contact a:hover {
	text-decoration:underline;
	}

/*	Paragraphs / Lists

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

#main-block p {
	font-size: 12px;
}

#main-block ul,
#main-block ol {
	font-size: 12px;
	padding-left: 35px;
}

#main-block ul li ul,
#main-block ul li ol,
#main-block ol li ol,
#main-block ol li ul {
	font-size: 12px;
	padding-left: 20px;
}

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

#main-block ul li ul li{
  list-style: square;  
}

#main-block ul li ul li ul li{
  list-style: circle;  
}
/*	Hyperlinks

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

#main-block a, #main-block a:link {
  font-size: 12px;
  color: #D81F14;
	text-decoration:none;
}

#main-block a:hover {
	text-decoration:underline;
}



/*	Images

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

#main-block div.image {
	margin-bottom:0;
}

#main-block div.image p {
	margin:0;
	font-size:12px;
}

#main-block div.flLeft {
	margin-right:14px;
}

#main-block div.flRight {
	margin-left:14px;
}

.magazine-container {
	background: #f7f7f7;
}
.magazine-image a, .magazine-image a:hover {
	border: 0;
	background: transparent;
}

#hassoGallery {
	padding: 0;
	font-size: 10px;;
}

#hassoNav {
  margin-left: -20px;
	display: block;
	text-align:left
}

#hassoNav ul {
	display: block;
	text-align:left;
	list-style: none;
	font-size: small ;
	line-height: normal;
	margin-bottom: 10px;
}

#hassoNav a {
	display: block;
}

#hassoNav a:hover {
	display: block;
	background-color:cccccc;
}

#hassoNav #active {
	display: block;
	background-color:#fff;
}

#hassoThumbs {
	float: left;
	padding-top: 15px;
	width: 703px;
	margin: 0px;
	border: 1px solid #D81F14;
	font-weight: bold;
  font-size:12px;
	background-color: #cccccc;
	text-align: center;
}

#hassoThumbs .hassoThumb {
	float: left;
	padding: 0px 0px 15px 15px;
	border:0;
	height: 110px;
	#width: 110px
  text-align: center;
	vertical-align:bottom;
}

#hassoThumbs .hassoThumb a {
	border:0;
}

#hassoThumbs .hassoThumb a img {
	border:0;
}

#hassoPic {
	text-align:center;
	padding: 10px;
	width: 683px;
	margin: 0px;
	border: 1px solid #D81F14;
	font-weight: bold;
font-size: 12px;
	background-color: #cccccc;
}

#hassoPic .hassoTitle {
	font-style:oblique;
	padding-left:10px;
	text-align:left;
}

#hassoPic .hassoDescription {
  font: normal 10px;
  padding-left:10px;
	text-align:left;	
}

#hassoPic img {
	border: 0px;
	margin: 10px;
}

#hassoPrevNextNav {
	display: block;
	font-size: 1em ;
	width: 705px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}

#hassoPrevNextNav #hassoPrevPic{
	float: left;
}

#hassoPrevNextNav #hassoNextPic{
	float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
  text-align:left;
}

#hassoPrevNextNav #hassoNextPic a {
	text-align:right;
} 


#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:480px;
	color:#000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:12px;
}

#form-module fieldset {
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:12px;
	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 {
}

#form-module input, 
#form-module select, 
#form-module textarea {
  margin:1px;
}

#form-module input.text {
	width:250px;
}

#form-module input.checkbox {
  padding:0;
}

#form-module input.submit {
  float:left;
  margin-left: 132px;
  width: 110px;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
}

#form-module label.textarea {
	height:96px;
} 

#form-module textarea.textarea {
	width:250px;
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#000;
}

/* Download anbieten */

.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#d0d0d0;
	margin:0px;
    line-height: 18px;
	}

.list_content3 {
	font-style:italic;
        font-size:10px;
	text-decoration:none;
	color:#000000;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#F4F4F4;
	margin:0px;
    line-height: 18px;
	}
/* 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:#008FC9;

	font-weight:bold;

	color:#fff;

}



#main-block .download-file {

	padding:1em 7px;

	border-left:2px solid #008FC9;

	border-right:2px solid #008FC9;

}



#main-block .download-desc {

	margin-bottom:1.2em;

	padding:1.2em 7px;

	background-color:#e5ffe5;

	border-left:2px solid #008FC9;

	border-right:2px solid #008FC9;

	border-bottom:2px solid #008FC9;

}



#main-block .download-without-desc {

	margin-bottom:1.2em;

	border-top:2px solid #008FC9;

} */

