/*************************************************/
/*         Style Datei für Matthies	             */
/*        www.eberhard-matthies.de               */
/*     copyright: Dripstyle - Eileen Assel       */
/*              www.dripstyle.de                 */
/*                23. Juli 2010                  */
/*************************************************/

* {
	margin:0;
	padding:0;
}

body {
  	background: url(../images/main-bg2.jpg) no-repeat right bottom #fff;
	background-attachment:fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1em;
	color:#000;
}

html, body {
	height:100%;
}

html {
	min-width:980px;
}


.main-bg {

}

#main {
	width:980px;
	margin:0 auto;
	/*font-size:.8125em; */
	padding: 20px 0px 36px 0px;
	position:relative;
    font: normal 12px/16px arial;
}

.logo {
	font-size:20px;
	color:#464646;
	font-style:bold;
}
.logo_sn {
	font-size:12px;
	color:#000;
	font-style:normal;
}

/*==================boxes====================*/
.main-box {

}
	.main-box .left-top-corner {
		background:url(images/left-top-corner.html) no-repeat 0 0;
		padding-left:23px;
	}
	.main-box .right-top-corner {
		background:url(images/right-top-corner.html) no-repeat 100% 0;
		padding-right:23px;
	}
	.main-box .border-top {
		height:23px;
		overflow:hidden;
		font-size:0;
		line-height:0;
		background:url(../images/main-box-bg.png);
	}
	.main-box .left-bot-corner {
		background:url(images/left-bot-corner.html) no-repeat 0 0;
		padding-left:23px;
	}
	.main-box .right-bot-corner {
		background:url(images/right-bot-corner.html) no-repeat 100% 0;
		padding-right:23px;
	}
	.main-box .border-bot {
		height:23px;
		overflow:hidden;
		font-size:0;
		line-height:0;
		background:url(images/main-box-bg.html);
	}
	.main-box .inside {
		background:url(images/main-box-bg.html);
		padding:0 16px 0 16px;
	}


/* drop menu */
#header {
  height: 40px;
  background: #8a8a8a;
}
#dropmenu, #logo {
  width:980px;
  margin:0 auto;
  position:relative;
}

	#header .menu { margin:0; padding:0px 0 0 10px; list-style:none; }
	#header .menu ul { float:left; margin:0; list-style:none; padding:0;}
	#header .menu ul li {  margin:0px 20px 0px 20px; display:inline;  float: left; cursor: pointer; text-align:center; }
	#header .menu ul li a {	display:block;	height:100%; color:#fff; text-decoration:none; font-size:16px; line-height:39px; font-weight: bold;}
	#header .menu ul li a:hover { color:#97c2d2; text-decoration:none;}



		#header #dropmenu .menu ul ul {	clear:both; color:#8a8a8a;	position:absolute; 	margin:0; width:150px;	padding:2px 0px 0px 0px; z-index:999999; *margin-left:-85px}
		#header #dropmenu .menu ul ul li {float: none; clear:both; display:block; height:100%; overflow:hidden; background:#252525;	text-align:left; margin:0px 0px 0px 0px; padding:0px 5px 0px 0px; *margin:0px 0px -4px 0px;}
		#header #dropmenu .menu ul ul li a { color:#d1d1d1; float: left; height:auto; font-weight: normal; text-decoration:none; font-size:14px; font-weight:normal; line-height:40px;  background:url(images/marker-5.html) center left no-repeat !important; width:90px; font-family: Arial, Helvetica, sans-serif; text-transform: capitalize; padding:0 10px 0 30px}
		#header #dropmenu .menu ul ul li a:hover { color:#5c5c5c;}

			#header #dropmenu .menu ul ul ul { margin:5px 0px 0px 143px; *margin-top:-35px; position: absolute; padding:0px 0px 0px 0px;}
			#header #dropmenu .menu ul ul ul li { background:#171717;}

			#header #dropmenu .menu ul ul ul li.page-item-104 a { background:url(images/marker-2.html) center left no-repeat !important}
			#header #dropmenu .menu ul ul ul li a { background:url(images/marker-3.html) center left no-repeat !important; height:39px}
			#header #dropmenu .menu ul ul ul a:hover { color:#5c5c5c }


			#dropmenu .menu ul ul  {background:url(images/submenu-top.html) no-repeat scroll 0 0 transparent; padding-top:5px; width:142px}


			#header #dropmenu .menu ul ul ul li a span {}
			#header #dropmenu .menu ul ul ul li a span span {}

.inside ul {
  padding-left: 15px;
  margin: 3px;
}

.contentheading, .componentheading {
  font: bold 16px arial;
  color: #8a8a8a;
  padding-bottom: 15px;
}

.inside {
  font: normal 13px/20px arial, sans serif;
  color: #000;
}

.article_separator {
  clear: both;
  height: 10px;
}

.blog a, .blog a:link, .blog a:visited {
  font: bold 13px arial;
  color: #97c2d2;
  text-decoration: none;
}

.blog a:hover {
  font: bold 13px arial;
  color: #000;
  text-decoration: none;
}

a, a:link, a:visited {
  font: bold 13px arial;
  color: #8a8a8a;
  text-decoration: none;
}

a:hover {
  font: bold 13px arial;
  color: #000;
  text-decoration: none;
}


/* neue Fomrationen */
h2 {
  font: bold 16px arial;
  color: #8a8a8a;
  padding-bottom: 15px;
}

.article_column h2  {
  font: bold 16px arial;
  color: #8a8a8a;
  padding-bottom: 15px;
}

.blog_head h3  {
  font: bold 16px arial;
  color: #8a8a8a;
  padding-bottom: 0px;
}

.item-separator {
  clear: both;
  height: 40px;
}

.clear {clear: both;}