/* NUTZUNGSBEDINGUNGEN
Der Inhalt dieser Website wurde für die Firma HeiMedia GbR konzipiert und gestaltet. Urheberrechte und Copyrights sind zu beachten. Die Verbreitung, das Kopieren sowie das Vervielfältigen von Inhalten dieser Website ist nur mit dem schriftlichen Einverständnis von Bernd Schmitt (www.bsmediengestaltung.de) zulässig. Dies gilt auch für die Aufnahme in elektronischen Datenbanken und Vervielfältigung auf CD ROM oder Ähnliches.
Dieser Hinweis darf nicht ohne schriftliches Einverständnis durch Bernd Schmitt (www.bsmediengestaltung.de) entfernt werden */
							
							/* BASIS SELEKTOREN */

body {
	background-color: #FFFFFF;
	background-image: url(images/basis/basis_vl.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	width: 100%;
}
h1 {
	font: normal 23px/normal Arial, Helvetica, sans-serif;
	color: #666666;
}
h2 {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 18px;
}
h3 {
	font: normal 16px/18px Arial, Helvetica, sans-serif;
	color: #004187;
	margin-bottom: 8px;
	margin-top: 0px;
}
h4 {
	font: normal 16px/18px Arial, Helvetica, sans-serif;
	color: #004187;
	margin-bottom: 8px;
	padding-top: 16px;
}
p {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: top;
}
table {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	width: auto;
	position: relative;
}
.headline {
	font: normal 28px Arial, Helvetica, sans-serif;
	color: #004187;
}
.subheadline {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #004187;
}
.add_headline {
	font: bold 14px/normal Arial, Helvetica, sans-serif;
	color: #004187;
	padding-right: 2px;
}
.add_content {
	font: normal 10px/normal Arial, Helvetica, sans-serif;
	color: #666666;
}
.teaser_copy {
	font: normal 16px/normal Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
}
.marker {
	color: #004187;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #666666;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-decoration: underline;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #004187;
	text-decoration: underline;
}
.active {
	color: #FFF;
}
hr {
	background: url(images/basis/dot_line.gif) repeat-x;
	height: 1px;
	float: left;
	border-width: 0px;
	margin-left: 22px;
	width: 886px;
}
/* TEXTFORMAT */

#teaser_plain {
	width: 886px;
	float: left;
	height: auto;
	padding: 5px 22px 10px;
}
#teaser01 {
	width: 930px;
	float: left;
	height: 259px;
	padding: 0px;
	background: #FFFFFF url(pages/01/01_images/Banner_Start.jpg) no-repeat left top;
	margin: 0px;
}
#teaser02 {
	width: 930px;
	float: left;
	height: 200px;
	background: #FFFFFF url(pages/02/02_images/banner02.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
}
#teaser03 {
	width: 930px;
	float: left;
	height: 200px;
	padding: 0px;
	background: #FFFFFF url(pages/03/images/banner03.jpg) no-repeat;
}
#teaser04 {
	width: 886px;
	float: left;
	height: 185px;
	padding: 5px 22px 10px;
	background: #FFFFFF url(pages/04/04_images/banner04.jpg) no-repeat;
}
#teaser05 {
	width: 886px;
	float: left;
	height: auto;
	padding: 5px 22px 10px;
	background: #FFFFFF no-repeat;
}
#teaser_neutral {
	width: 930px;
	float: left;
	height: 200px;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	top: 0px;
	left: 0px;
	clip: rect(0px,auto,auto,auto);
}

.heimedia {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height: normal;
	font-weight: 700;
	font-variant: normal;
	color: #3064A3;
	font-size: 16px;
}
#partner {
	width: 930px;
	float: left;
	height: auto;
}
#gestaltung {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	width: 886px;
	height: 20px;
	float: left;
	padding: 25px 22px 20px;
}
#gestaltung a:hover, #gestaltung a:active{
	color: #0066FF;
	text-decoration: underline;
}
#gestaltung a, gestaltung a:visited {
	color: #666666;
	text-decoration: none;
}




							/* BASISAUFBAU */
#container {
	width: 930px;
	background: url(images/basis/basis.jpg) no-repeat;
	height: 493px;
	margin: 0px auto;
	padding: 0px 16px;
}
#shaddow_bottom {
	background: url(images/basis/menue_schatten.gif) repeat-x;
	float: left;
	width: 930px;
	height: 9px;
}
#spacer_v {
	float: left;
	height: 20px;
	width: 930px;
}
.image_spacer {
	padding-right: 10px;
	padding-left: 10px;
}

#absatz_verlauf {
	background: #FFFFFF url(images/basis/absatz.gif) repeat-x;
	width: 930px;
	float: left;
	height: 7px;
}
#HeiMediaLogo {
	height: 143px;
	width: 305px;
	float: left;
	margin-top: 44px;
}
#HeiMediaLogo2 {
	height: 143px;
	width: 305px;
	float: left;
	margin-top: 0px;
	background: url(images/basis/HeiMediaLogo.jpg) no-repeat left top;
}
#HeiMediaLogo2:hover {
	height: 143px;
	width: 305px;
	float: left;
	margin-top: 0px;
	background: url(images/basis/HeiMediaLogo_over.jpg) no-repeat left top;
}
#HeiMediaLogo2  img{
	height: 143px;
	width: 305px;
	float: left;
	margin-top: 0px;
	display: block;
}


							/* NAVIGATION */
#hauptnavi {
	background: #666666 url(images/basis/menue_verlauf.gif) repeat-x top;
	width: 928px;
	text-align: left;
	white-space: normal;
	float: left;
	color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
}
#hauptnavi a:link, #hauptnavi a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#hauptnavi ul {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 928px;
}
#hauptnavi li {
	border-right: 1px solid #666666;
	font: 600 normal 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style: none;
	float: left;
	padding: 8px 10px 10px;
}
#hauptnavi a:hover, #hauptnavi a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#headernavi a:link, #headernavi a:visited {
	text-decoration: none;
	color: #666666;
}
#headernavi a:hover, #headernavi a:active {
	color: #0066FF;
	text-decoration: underline;
}
#zusatznavi {
	text-decoration: none;
	color: #0066FF;
	float: left;
	width: 150px;
	height: 240px;
	padding: 40px 10px 20px 22px;
}
#zusatznavi a:link ,#zusatznavi a:visited   {
	text-decoration: none;
	color: #666666;
}
#zusatznavi a:hover ,#zusatznavi a:active   {
	color: #0066FF;
	text-decoration: none;
	list-style: square;
}
#zusatznavi ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
#zusatznavi li {
	text-decoration: none;
	list-style: url(none) none;
	padding-bottom: 6px;
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	padding-top: 6px;
	padding-left: 24px;
	background: url(images/basis/dot_line.gif) repeat-x bottom;
}
#zusatznavi li h4 {
	text-decoration: none;
	list-style: url(none) none;
	margin-left: -20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 2px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #004187;
}
.navi_aktiv {
	color: #004187;
}
.headermenue {
	height: 30px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	color: #666666;
	float: right;
	padding: 0px 100px 10px 20px;
}
.headermenue2 {
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #666666;
	float: right;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding: 10px 55px 10px 20px;
}
#lokalisierung {
	float: left;
	height: auto;
	width: 886px;
	text-align: center;
	padding: 0px 22px;
}
#footer {
	float: left;
	height: 20px;
	width: 886px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
	vertical-align: middle;
	padding: 22px;
}
#footer a:link, #footer a:visited {
	color: #666666;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #0066FF;
	text-decoration: underline;
}


								/* HEADER */
							
#HEADER1 {
	height: 330px;
	width: 930px;
	background: url(images/basis/startbanner1.jpg) no-repeat;
	float: left;
}

#HEADER2 {
	height: 143px;
	width: 930px;
	background: url(images/basis/banner.jpg) no-repeat right;
	float: left;	
}
#HEADER_NEUTRAL {
	height: 143px;
	width: 930px;
	background: url(images/basis/banner_neutral.jpg) no-repeat right;
	float: left;
}


								
								/* BOXEN */
#box1 {
	float: left;
	height: 190px;
	width: 282px;
	margin-left: 22px;
	margin-top: 25px;
	overflow: visible;
	vertical-align: top;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#box1 h4 {
	font: normal 18px/normal Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #004187;
	margin-bottom: 0px;
	margin-top: 0px;
}
#box1 p {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	padding-right: 125px;
	vertical-align: top;
}
#box1 a {
	text-decoration: none;
	color: #0066FF;
}
#box1 a:hover {
	text-decoration: underline;
	color: #004187;
	background: url(images/basis/basis_vl.jpg) repeat-x;
}


#box_computer_support {
	background: url(pages/01/01_images/icon_computer.jpg) no-repeat right bottom;
	height: 150px;
	width: 282px;
}
#box_veranstaltung {
	background: url(pages/01/01_images/icon_veranstaltung.jpg) no-repeat right bottom;
	height: 150px;
	width: 282px;
	overflow: visible;
}
#box_kommunikation {
	background: url(pages/01/01_images/icon_kommunikation.jpg) no-repeat right bottom;
	height: 150px;
	width: 282px;
	overflow: visible;
}
#content_box {
	float: left;
	height: auto;
	width: 480px;
	left: 230px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
}
#content_box li {
	list-style: square;
	font: normal 12px/26px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	border-bottom: 1px solid #CCCCCC;
	margin-right: 25px;
	margin-left: 0px;
	padding-left: 0px;
}
#content_box ul   {
	margin-left: 0px;
	padding-left: 16px;
}
#banner {
	height: auto;
	width: auto;
}
#add_box {
	float: left;
	height: auto;
	width: 218px;
	padding: 0px 5px;
	margin: 0px;
}
#hotline {
	width: 100%;
	padding-top: 30px;
	height: auto;
	text-align: center;
	padding-bottom: 30px;
}
#banner p {
	height: auto;
	width: auto;
	border-top: 1px solid #CCCCCC;
	list-style: url(none) none;
	padding-top: 10px;
}
.galerie {
	padding: 7px 7px 12px;
	border: 1px solid #CCCCCC;
	margin: 2px 2px 6px;
}
.submenue {
	line-height: 22px;
}