/* content textstyles and essential markups *****************************************************/

		h1 { /* the big one with dashed underline */
			font: normal normal 1.8em/normal "Georgia", "Times", serif;
			color: #7C848B;
			margin-bottom: 0.6em;
			border-bottom: 1px dashed #B0BDC6;
		}
		#col3 h1 {
			margin-left: 15px;
			padding-top: 0.6em;
		}
		h2 { /* with blue background */
			font: normal bold 1.2em/1.3em "Verdana", sans-serif;
			color: White;
			background-color: #87CEED;
			letter-spacing: 2px;
			padding: 0 0.2em;
			margin: 2em 0 0.8em;
			border-left: 1.3em solid #DEF;
		}
		h3 { /* fat and gray */
			font:normal bold 1.1em/1.2em "Verdana", Sans-serif;
			color:#999;
			margin-bottom:10px;
		}
		#col3 h3 {
			margin-left: 15px;
			padding-top: 0.6em;
		}

		h4 { /* fat and blue */
			font-weight: bold;
			color: #16A3DE;
			padding: 0.5em 0 0.5em;
		}
		#col3 h4 {
			margin-left: 35px;
			padding-top: 0.6em;
		}

		h5 { /* top and bottom border */
			font: normal bold 1.3em/normal "Courier New", Courier, monospace;
			color: #7C848B;
			border-top: 1px solid #B0BDC6;
			border-bottom: 1px solid #B0BDC6;
			background-color: #FFFFE0;
			padding-left: 0.3em;
			margin-bottom:10px;
		}
		#col3 p {
			padding: 0 1.3em 1em;
		}
		#main ul ol {
			padding-bottom: 1em;
		}
		#main li {
			margin: 0 0 0.5em 2.8em;
		}
		#main ul li, #main ol li {
			list-style-image: url(../images/list.gif);
		}

	/* col1 left */
		#col1_content div {
			padding: 1em;
		}
		#col1 #service {
			padding: 30px 40px;
		}
		#col1 #service p {
			color: #7C848B;
			margin: 1em 0;
		}
		#main #col1 li {
			margin-left: 26px;
		}


	/* col2 right */
		#col2_content {
			padding: 2em 0.5em 1em;
		}
		#col2, #col2 p, #col2 span, #col2 dd {
			font-size: 0.9em;
		}
		#col2 dt {
			font-size: 0.9em;
			font-weight: bold;
			border-left: 0.5em solid #8FBC8F;
			padding-left: 0.5em;
			margin-top: 1em;
			margin-bottom: 3px;
		}
		#col2 dd {
			margin-left: 1em;
		}


	/* optional markups */
		em {
			font-style: normal;
			color:#FF7E00;
			font-weight:bold;
		}

		#main a:link {
			color:#0094DE;
		}
		#main a:visited {
			color: #5F9EA0;
		}
		#main strong {
			font-weight:bold;
			color: inherit;
			font-size: inherit;
		}
		#col3 pre, #col3 code, #col3 p.code {
			font-family: "Courier New",Courier,monospace;
			color: #56636f;
			border-top: 1px dotted #B0BDC6;
			border-bottom: 1px dotted #B0BDC6;
			margin: 0 1.3em 1.3em;
			padding: 0.5em 0.8em 0.7em;
			background-color: #f6f6f6;
			background-position: right bottom;
			background-repeat: no-repeat;
		}

	/* special classes */

		#col3 #col3_content .address { /* for #col3.code */
			color: #4C77B9;
			background-color: #F2F4F6;
			background-image: url(img/mediatec.net.gif);
		}

		#col3 #col3_content .contact { /* for #col3.code */
			padding-left: 110px;
			color: black;
			background: #F0F9D8 url(img/telefon.gif) 5px 5px no-repeat;
			font-family: "Verdana", sans-serif;
			line-height: 170%;
		}

		.online { color: Green; font-style:italic; }
		.offline { color: Gray; font-style:italic; }
		.mediatecBlau { color: #3D99D5}


/* special textstyles **************************************************************************/

	/* topnav style */
		#topnav li {
			float: left;
			list-style: none;
		}
		#topnav, #topnav a:link, #topnav a:visited {
			font: normal normal 11px/normal Verdana, sans-serif;
			color: #CCC;
			text-decoration: none;
		}
		#topnav a:hover, #topnav a:active {
			text-decoration: underline;
			color: white;
		}
		#topnav .separator {
			padding: 0 0.5em;
			color: #CCC;
		}

	/* header text */
		.header_text, .header_text h1, .header_text h2, .header_text strong, .header_text p {
			font: normal normal 16px/22px "Verdana", sans-serif;
			color: #7C848B;
			background: none;
			padding: 0;
			margin: 0;
			border: none;
			letter-spacing: normal;
		}
		.header_text h1, .header_text strong {
			font-weight: bold;
		}
		.header_text {
			position: relative;
			top: 30px;
		}

		#footer {
			text-align: right;
			padding: 3px;
		}
		#footer, #footer span, #footer a:link, #footer a:visited {
			font: normal normal 11px/11px Verdana, sans-serif;
			color: #CCC;
			text-decoration: none;
		}
		#footer a:hover, #footer a:active {
			text-decoration: underline;
			color: white;
		}
		#footer .separator {
			padding: 0 0.5em;
			color: #CCC;
		}
		#footer .left {
			float: left;
		}
		#footer .right {
			text-align: right;
		}