/*----------------------------------------------- */
/* CSS RESET
/*----------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}


/*----------------------------------------------- */
/* GENERAL
/*----------------------------------------------- */

body { background: #a3a3a3 url(images/background.jpg) repeat-y; font: 12px/18px arial, Helvetica, sans-serif; color: #333333; }

p { margin-bottom: 1em;}

a { color: #ec008c; text-decoration: none; }

a:hover { color: #33cc00; }

.clear { clear: both; }

strong { font-weight: bold; }

em { /*font-style: italic;*/ /*color: #666;*/ }

del { text-decoration: line-through; }

.buttonstyle a { display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; color: #ccc; background-color: #656565; line-height: 25px; text-indent: 0; height: 25px; width: 50px;  padding: 0 0 0 3px; }

.buttonstyle a:hover { color: #fff; background-color: #33cc00; }


/*----------------------------------------------- */
/* SIDEBAR
/*----------------------------------------------- */

#sidebar { width: 250px; color: #ccc; position: absolute; height: 100%; text-transform: uppercase; background-color: #1d1d1d; float: left; /*display: inline;*/ left: 0; }

#logo a { display: block; margin: 0 auto -30px auto; width: 250px; height: 195px; text-indent: -9999px; outline: none; background: url(images/mk_logo.jpg) no-repeat; }


#divider_schau { width: 210px; height: 31px; margin: 15px 0 10px 20px; background: url(images/divider_schau.jpg) no-repeat; text-indent: -9999px; }

#divider_info { width: 210px; height: 31px; margin: 15px 0 10px 20px; background: url(images/divider_info.jpg) no-repeat; text-indent: -9999px; }

#divider_shop { width: 210px; height: 31px; margin: 15px 0 10px 20px; background: url(images/divider_shop.jpg) no-repeat; text-indent: -9999px; }


.nav { margin-left: 20px; }

.nav li a { width: 210px; height: 35px; display: block; line-height: 38px; text-indent: 15px; font-weight: bold; outline: none; letter-spacing: 1px; margin-top: 4px; background-color: #323232; color:#ccc; } 

	.nav li a:hover { background-color: #33cc00; color: #fff; }

.nav1 { margin-left: 20px; }

.nav1 li a { width: 210px; height: 35px; display: block; line-height: 38px; text-indent: 15px; font-weight: bold; outline: none; letter-spacing: 1px; margin-top: 4px; background-color: #323232; color:#ccc; } 

	.nav1 li a:hover { background-color: #323232; color: #fff; }

.legal { color: #666; font-size: 11px; text-transform: none; margin: 12px 0 0 20px; }


/*----------------------------------------------- */
/* Login
/*----------------------------------------------- */

#login_zone { /*width: 620px;*/ background-color: #373737; margin: 0px auto ; text-transform: uppercase; clear: both;  }

#login_btn a { width: 100px; cursor: pointer; float: right; margin: 5px; font-weight: bold; }

#login { width: 620px; position: absolute; top: 4px; margin-left: 10px;  display: none; }

	#login div { /* margin-left: 5px; */ }
	
	#login input { float: left; display: inline; margin-left: 5px; background-color: #656565; outline: none; border: none; color: #fff; font-weight: bold; font-size: 11px; padding: 5px; width: 210px; }

	input#login_button { width: 80px; border: none; background-color: #33cc00; cursor: pointer; text-transform: uppercase; color: white; font-weight: bold; font-size: 11px; padding: 5px; }
		
	#login_button:hover { background-color: #999; }

#cancel a {float: left; color: #ccc; font-weight: bold; font-size: 11px; display: block; text-align: center; width: 65px; padding: 5px; margin-left: 5px;}


/*----------------------------------------------- */
/* Content
/*----------------------------------------------- */

#wrapper { width: 640px; margin-left: 280px; float: left; display: inline; }

#content { margin: 0 auto; }

.boxtop { background: url(images/box_top.jpg) no-repeat 0 top; height: 17px; width: 640px; }
.boxmid { background: url(images/box_mid.jpg) repeat-y; padding: 20px 50px; }
.boxmid2 { background: url(images/box_mid2.jpg) repeat-y; padding: 0px 20px 40px 20px; color:#FFF; }
.boxbottom { background: url(images/box_bottom.jpg) no-repeat 0 bottom; height: 27px; width: 640px; }

#intro { margin-top: 30px; color: #888; }

#welcome {
	background: url(images/welcome.jpg) no-repeat;
	width: 230px;
	height: 79px;
	margin: 0 auto;
	text-indent: -9999px;
}

#intro h3 { color: #656565; font-size: 28px; text-align: center; margin: 3px 0 8px 0; line-height: 33px; }

	#intro h3 a { outline: none; color: #33cc00; }

#intro p { margin-bottom: 5px; text-align: center; line-height: 16px; }





#pcintro {
	background: url(images/pcintro.jpg) no-repeat;
	width: 600px;
	height: 520px;
	margin: 0 auto;
	text-indent: -9999px;
}

#intro2 p { margin-bottom: 5px; text-align: left; margin:0 20px 0 20px ; line-height: 16px; }

#intro2 { margin-top: 30px; color: #888; }

#intro2 h3 {
	color: #999;
	font-size: 28px;
	text-align: center;
	margin: 20px 0 20px 0;
	line-height: 33px;
}

	#intro2 h3 a { outline: none; color: #33cc00; }





#impressum { margin-top: 30px; color: #888; }
#impressum h2 { color: #333333; font-size: 14px; font-weight:500;  text-align: left; margin: 3px 0 8px 0; line-height: 15px; }
#impressum h3 { color: #373737; font-size: 28px; text-align: left; margin: 3px 0 8px 0; line-height: 33px; }

	#impressum h3 a { outline: none; color: #33cc00; }

#impressum { margin-bottom: 5px; text-align: left; line-height: 16px; }
#impressum p { margin-bottom: 5px; text-align: left; line-height: 16px; }

#nav_top { width: 620px; height: 35px; background-color: #373737; margin: 0 auto; }


.title { width: 620px; height: 35px; background-color: #373737; line-height: 35px; color: #ccc; text-indent: 12px; font-size: 16px; margin: 20px auto; text-transform: uppercase; clear: both; position: relative; }

.gotop { width: 50px; margin: 5px 8px 5px 5px;  position: absolute; top: 0; right: 0;}



/*----------- Portfolio ------------*/

ul.portfolio  { margin-left: 6px; line-height: 14px; }

.portfolio li  { float: left; width:194px; height:243px; background: url(images/port_frame.png) no-repeat; margin: 0px 2px 10px 0px; padding-left: 14px; position: relative;  }

.portfolio img { margin: 12px 0 3px 0px; }

.extra_content {
	position: absolute;
	top: 0px;
	left: 5px;
	z-index:-1
}

.portfolio p { width: 180px; margin: 0; }

.port_title { font-weight: bold; }

.port_desc { font-size: 11px; color: #666; }



/*----------- About ------------*/

.textcol { float: left; display: inline; width: 300px; margin: 0 10px 20px 10px; }

.textcol li { list-style-type: disc; margin: 0 0 1em 16px;  /*list-style-image: url(images/star_blue.png);*/ }

.textcol h4 { font-size: 16px; }

.textcol img { float: left; margin: 0 10px 0px -4px; }

.textcol strong { /*text-transform: uppercase;*/ }


/*----------- Contact ------------*/

#contact_area { margin: 30px 0; padding-bottom: 1200px; }

#contact_form { width: 360px; color: #3d3d3d; float: left }

#contact_form input, textarea { width: 360px; padding: 5px 5px; background-color: #ebebeb; margin-bottom: 15px; font-size: 13px; }

#contact_form textarea { height: 135px; width: 360px; }

input#send_btn { margin-bottom: 0; width: 85px; height: 25px; border: none; cursor: pointer; background-color: #33cc00; text-transform: uppercase; font-weight: bold; font-size: 11px; color: white; }

	#send_btn:hover { background-color: #656565 }

input#send_btn1 { margin-bottom: 0; width: 0px; height: 0px; border: none; cursor: pointer; background-color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 11px; color: white; }

label { font-weight: bold; display: block; margin-bottom: 3px; }

#contact_info { float: left; margin-left: 0px; width: 140px }

.message { display:none; padding: 0px 0px; margin: 0 0px 20px 0px; }

.message button {
    background:  url(images/send_message.gif) 0 0 no-repeat;
    height: 26px;
    width: 100px;
    margin: 0px 0 0 0;
    float: left;
  }

.message button:hover {background-position: 0 -26px;}

#alert b { /* color: #373737 */ }
#alert li { /* color: #ec008c; */ list-style-type: disc; margin-left: 15px; }

/*----------- End ------------*/

#end {  background: url(images/the_end.jpg) no-repeat; width: 170px; height: 70px; margin: 20px auto; text-indent: -9999px; outline: none; }

.endbtn a { margin: 0 auto 40px auto; width: 50px; }