/* ------ START CSS FILE ------------------------------------------- */
/* ----------------------------------------------------------------- */
/* ------ this global file defines layout, colors and fontstyles --- */
/* ------ for all content files ------------------------------------ */
/* ----------------------------------------------------------------- */

/* ------ GLOBAL MARGIN, PADDING AND FONT -------------------------- */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Geneva, Sans-Serif;
	font-size: 100.01%;
}

/* ------ BODY ----------------------------------------------------- */

body {
	margin: 22px 0 70px 0;
	color: #165788;
	background: url("../_pics/bg_main.gif");
	background-repeat: repeat-x;
	background-color: #165788;
	text-align: center;
}

/* ------ MAIN LAYOUT ---------------------------------------------- */

#wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 38px 44px 10px 35px;
	width: 600px;
	background: url("../_pics/bg_paper_1.gif");
	background-position: 57px 0;
	background-repeat: no-repeat;
}

#main_top {
	border-top: 10px solid #e8e8e8;
	border-right: 10px solid #e8e8e8;
	border-left: 10px solid #e8e8e8;
	background-color: #ffffff;
	text-align: left;
}

#main_menu {
	height: 171px;
	background: url("../_pics/mainmenu_bg.jpg");
	background-repeat: no-repeat;
	text-align: left;
}

#main_content {
	padding: 0 0 30px 0;
	border-right: 10px solid #e8e8e8;
	border-bottom: 10px solid #e8e8e8;
	border-left: 10px solid #e8e8e8;
	text-align: left;
	background: url("../_pics/bg_maincontent.jpg");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #ffffff;
	min-height: 500px;
}

/* ----------------------------------------------------------------- */
/* bugfix: false width in ie 5.x | code only for iw browser          */
/* ----------------------------------------------------------------- */
* html #main_content, * html #main_top {
	width: 600px;	/* this line only for ie 5.x */
	w\idth: 580px;	/* this line only for ie 6.x */
}
* html #main_menu {
	width: 620px;	/* this line only for ie 5.x */
	w\idth: 600px;	/* this line only for ie 6.x */
}

#footer {
	width: 600px;
	padding: 10px 0 0 0;
	font-size: 0.6em;
	color: #4579a0;
	text-align: right;
}

#paper_left {
	position: absolute;
	top: 454px;
	left: 0;
	width: 35px;
	height: 369px;
	background: url("../_pics/bg_paper_2.gif");
	background-repeat: no-repeat;
}

#paper_right {
	position: absolute;
	top: 47px;
	left: 635px;
	width: 44px;
	height: 480px;
	background: url("../_pics/bg_paper_3.jpg");
	background-repeat: no-repeat;
}

h2 {
	position: absolute;
	top: 222px;
	left: 1px;
}

/* ------ MAINNAVI STYLES ------------------------------------------ */

#main_menu ul {
	position: relative;
	left: 40px;
	top: 70px;
	list-style: none;
	height: 18px;
}

#main_menu li {
	float: left;
}

#main_menu a {
	display: block;
	height: 18px;
}

#main_menu a span {
	display: none;
}

/* ------ MAINNAVI BUTTONS ----------------------------------------- */

#main_menu a.mm_start {
	display: block;
	width: 64px;
	background: transparent url("../_pics/mm_start.jpg");
	background-repeat: no-repeat;
}
#main_menu a.mm_start:hover, #main_menu .activ a.mm_start {
	background: transparent url("../_pics/mm_start.jpg");
	background-repeat: no-repeat;
	background-position: 0 -18px;
}

#main_menu a.mm_leistungen {
	display: block;
	width: 108px;
	background: transparent url("../_pics/mm_leistungen.jpg");
	background-repeat: no-repeat;
}
#main_menu a.mm_leistungen:hover, #main_menu .activ a.mm_leistungen {
	background: transparent url("../_pics/mm_leistungen.jpg");
	background-repeat: no-repeat;
	background-position: 0 -18px;
}

#main_menu a.mm_kontakt {
	display: block;
	width: 86px;
	background: transparent url("../_pics/mm_kontakt.jpg");
	background-repeat: no-repeat;
}
#main_menu a.mm_kontakt:hover, #main_menu .activ a.mm_kontakt {
	background: transparent url("../_pics/mm_kontakt.jpg");
	background-repeat: no-repeat;
	background-position: 0 -18px;
}

/* ------ SUBNAVI STYLES ------------------------------------------- */

#sub_menu {
	float: right;
	margin: 48px 10px 0 0;
	width: 111px;
	border-top: 1px solid #d3dee4;
}

#sub_menu li {
	border-bottom: 1px solid #d3dee4;
	list-style: none;
}

#sub_menu a {
	display: block;
	height: 36px;
}

#sub_menu a span {
	display: none;
}

/* ----------------------------------------------------------------- */
/* bugfix: ie margins and block-style in lists                       */
/* ----------------------------------------------------------------- */
#sub_menu a {
	vertical-align: bottom;
}

/* ------ SUBNAVI BUTTONS ------------------------------------------ */

#sub_menu a.sm_internet {
	display: block;
	width: 111px;
	background: transparent url("../_pics/sm_internet.gif");
	background-repeat: no-repeat;
}
#sub_menu a.sm_internet:hover, #sub_menu .activ a.sm_internet {
	background: transparent url("../_pics/sm_internet.gif");
	background-repeat: no-repeat;
	background-position: 0 -37px;
}

#sub_menu a.sm_grafik {
	display: block;
	width: 111px;
	background: transparent url("../_pics/sm_grafik.gif");
	background-repeat: no-repeat;
}
#sub_menu a.sm_grafik:hover, #sub_menu .activ a.sm_grafik {
	background: transparent url("../_pics/sm_grafik.gif");
	background-repeat: no-repeat;
	background-position: 0 -37px;
}

#sub_menu a.sm_marketing {
	display: block;
	width: 111px;
	background: transparent url("../_pics/sm_marketing.gif");
	background-repeat: no-repeat;
}
#sub_menu a.sm_marketing:hover, #sub_menu .activ a.sm_marketing {
	background: transparent url("../_pics/sm_marketing.gif");
	background-repeat: no-repeat;
	background-position: 0 -37px;
}

#sub_menu a.sm_kontakt {
	display: block;
	width: 111px;
	background: transparent url("../_pics/sm_kontakt.gif");
	background-repeat: no-repeat;
}
#sub_menu a.sm_kontakt:hover, #sub_menu .activ a.sm_kontakt {
	background: transparent url("../_pics/sm_kontakt.gif");
	background-repeat: no-repeat;
	background-position: 0 -37px;
}

#sub_menu a.sm_anfahrt {
	display: block;
	width: 111px;
	background: transparent url("../_pics/sm_anfahrt.gif");
	background-repeat: no-repeat;
}
#sub_menu a.sm_anfahrt:hover, #sub_menu .activ a.sm_anfahrt {
	background: transparent url("../_pics/sm_anfahrt.gif");
	background-repeat: no-repeat;
	background-position: 0 -37px;
}

#sub_menu a.sm_impressum {
	display: block;
	width: 111px;
	background: transparent url("../_pics/sm_impressum.gif");
	background-repeat: no-repeat;
}
#sub_menu a.sm_impressum:hover, #sub_menu .activ a.sm_impressum {
	background: transparent url("../_pics/sm_impressum.gif");
	background-repeat: no-repeat;
	background-position: 0 -37px;
}

/* ------ FONT STYLES ---------------------------------------------- */

#main_content {
	font-size: 0.8em;
	line-height: 1.7em;
}

h3 {
	margin: 0 40px 1.5em 40px;
	font-size: 0.8em;
	line-height: 5.7em;
}

#main_content p {
	margin: 1.5em 162px 1.5em 40px;
}

#main_content .title_content {
	margin: 3em 162px 1.5em 40px;
}

#main_content .list_block {
	margin: 1.5em 162px 1.5em 40px;
	padding: 7px 10px 7px 10px;
	background-color: #d3dee4;
	letter-spacing: 0.15em;
}

#main_content .address {
	margin: 4.5em 40px 0 40px;
	padding: 10px 0 0 0;
	line-height: 1.7em;
	font-size: 0.8em;
	color: #999999;
	border-top: 1px solid #e8e8e8;
}

#main_content .user_info {
	font-size: 0.9em;
	color: #999999;
	letter-spacing: 0.15em;
}

#sitemap {
	margin: 1.5em 162px 1.5em 40px;
	padding: 0.5em 0 0 0;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	background-color: #e8e8e8;
	background: url("../_pics/bg_sitemap.jpg");
	background-position: right top;
	background-repeat: repeat-y;
}

#sitemap ul {
	padding: 1em 0 1em 40px;
}

#sitemap li {
	padding: 0 0 0 1.5em;
	list-style: none;
	background: transparent url("../_pics/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
}

#sitemap .first_level {
	background: transparent url("../_pics/bullet_first.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
}

#sitemap .third_level {
	background: transparent url("../_pics/bullet_third.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
}

/* ------ LINK STYLES ---------------------------------------------- */

a:link, a:visited, a:active {
	color: #70a900;
	text-decoration: none;
}
a:hover {
	color: #165788;
	text-decoration: underline;
}

a.footer_link:link, a.footer_link:visited, a.footer_link:active {
	color: #8aaac2;
	text-decoration: none;
}
a.footer_link:hover {
	color: #d3dee4;
	text-decoration: underline;
}

/* ------ THUMB STYLES --------------------------------------------- */

#thumb_area {
	margin: 1.5em 162px 1.5em 40px;
}

.thumb_row {
	margin: 0 0 24px 0;
	padding: 0;
	overflow: hidden;
}

/* ----------------------------------------------------------------- */
/* bugfix: floatbox for ie win and mac                               */
/* ----------------------------------------------------------------- */

/* hides from ie-mac \*/
* html .thumb_row {
	width: 100%;
}
/* end hide from ie-mac */

.thumb_pic {
	float: left;
	margin: 0 24px 0 0;
	padding: 5px;
	background-color: #e8e8e8;
}

.thumb_pic_last {
	float: left;
	margin: 0;
	padding: 5px;
	background-color: #e8e8e8;
}

.thumb_pic:hover, .thumb_pic_last:hover {
	padding: 5px;
	background-color: #7ab800;;
}

#thumb_area p {
	margin: 0 0 24px 0;
	padding: 10px 10px 10px 10px;
	width: 358px;
	font-size: 0.85em;
	line-height: 1.5em;
	color: #ffffff;
	background-color: #7ab800;
}

#thumb_area p.thumb_desc {
	margin-top: -19px;
}

.work_text {
	color: #165788;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}

/* ------ FORM STYLES ---------------------------------------------- */


/* ------ END CSS FILE --------------------------------------------- */