/* 	  CSS fuer www.klarsicht-gmbh.de
	
	(c) 2009 by mediaLabs.de
		author: Phillip Anton
		last change: 12. September 2009
		
*/

* { 
	margin: 0px; 
	padding: 0px;
}

body {
	background-color: #DCDCDC;
	/*text-align: center;*/
}


/* Text */

h1 {
	font-family: arial; font-size: 14pt; font-weight: bold; font-style: italic; color: #6F6F6F; text-align: left; line-height: 24px;
}

h2 {
	font-family: arial; font-size: 14pt; font-weight: bold; font-style: italic; color: #6F6F6F; text-align: left;
}

h3 {
	font-family: arial; font-size: 14pt; font-weight: bold; font-style: italic; color: #FFFFFF; text-align: left; line-height: 24px; margin-top: 5px;
}

h4 {
	font-family: arial; font-size: 14pt; font-weight: bold; font-style: italic; color: #FFFFFF; text-align: left; line-height: 24px; margin-top: 8px;
}

h5 {
	font-family: arial; font-size: 14pt; font-weight: bold; font-style: italic; color: #FFFFFF; text-align: left; line-height: 24px; margin-top: 3px;
}

p {
	font-family: arial; font-size: 11pt; 
	font-weight: normal; font-style: italic; 
	color: #6F6F6F; text-align: left;
}
td {
	font-family: arial; font-size: 9pt; 
	font-weight: normal; font-style: italic; 
	color: #6F6F6F; text-align: left;
	line-height: 15px;
}
.klein {
	font-size: 7pt;
}
.mitte {
	text-align: center;
}
.rechts {
	text-align: right;
}
.left {
	float: left;
}
.right {
	float: right;
}


/* Links */

a:link	  { color: #5C5C5C; text-decoration: none; }
a:visited { color: #5C5C5C; text-decoration: none; }
a:hover   { color: #88151B; text-decoration: none; }
a:active  { color: #5C5C5C; text-decoration: none; }

a.navi { padding: 0px 9px; text-decoration: none; }
a.navi:link	   { color: #FFFFFF; background-color: #88151B; }
a.navi:visited { color: #FFFFFF; background-color: #88151B; }
a.navi:hover   { color: #88151B; background-color: #FFFFFF; }
a.navi:active  { color: #FFFFFF; background-color: #88151B; }

a.navi_active:link	  { color: #88151B; background-color: #FFFFFF; }
a.navi_active:visited { color: #88151B; background-color: #FFFFFF; }
a.navi_active:hover   { color: #FFFFFF; background-color: #88151B; }
a.navi_active:active  { color: #88151B; background-color: #FFFFFF; }

a.navi_main { display: block; width: 236px; height: 16px; text-decoration: none; padding-left: 10px; }
a.navi_main:link 	{ color: #5C5C5C; background-color: #FFFFFF; }
a.navi_main:visited { color: #5C5C5C; background-color: #FFFFFF; }
a.navi_main:hover 	{ color: #FFFFFF; background-color: #88151B; }
a.navi_main:active 	{ color: #5C5C5C; background-color: #FFFFFF; }

a.navi_main_active:link 	{ color: #FFFFFF; background-color: #88151B; }
a.navi_main_active:visited  { color: #FFFFFF; background-color: #88151B; }
a.navi_main_active:hover 	{ color: #5C5C5C; background-color: #FFFFFF; }
a.navi_main_active:active 	{ color: #FFFFFF; background-color: #88151B; }


/* Bilder */

img {
	border: 0px;
}



/* Divs */

#container {
	position: absolute;
	left: 50%;
	width: 960px;
	height: 759px; /*738px;*/
	margin-left: -480px;
	overflow: hidden;
	background-color: #DCDCDC;
}


#header {
	position: absolute;
	top: 11px;
	left: 13px;
	width: 934px;
	height: 159px;
	background: url(../images/Logobalken.jpg) top left no-repeat;
}

#navi {
	position: absolute;
	top: 140px;
	width: 688px;
	height: 17px;
	background-color: #88151B;
}

#navi p { float: left; margin: 1px 0px 1px 4px; font-size: 9pt; font-style: normal; }

#navi_main {
	position: absolute;
	top: 105px;
	left: 688px;
	width: 236px;
	height: 55px;
	/*background-color: #FFFFFF;*/
}

#navi_main p { margin-bottom: 1px; height: 17px; font-size: 9pt; font-style: normal; }


#content {
	position: absolute;
	top: 169px; left: 13px;
	width: 934px;
	height: 571px; /*568px*/
	padding-top: 33px;
	background-color: #FFFFFF;
}

#content .bottom_right { position: absolute; top: 519px; left: 740px; }

#content .bottom_right h1 { color: #FFFFFF; font-size: 14pt; font-weight: normal; }

.reinigung  { background: url(../images/HG_blau.jpg) top right no-repeat; }

.zeitarbeit { background: url(../images/HG_gruen.jpg) top right no-repeat; }

.druckerei  { background: url(../images/HG_Orange.jpg) top right no-repeat; }

.blue { background-color: #0192d5; width: 246px; }
.green { background-color: #bed000; width: 246px; }
.red { background-color: #88151B; width: 246px; margin-top: -1px; }

.impressum { height: 475px !important; }


.title 		{
	position: absolute;
	top: 27px; left: 22px;
	width: 650px;
	  }

.visual_1 	{
	position: absolute;
	top: 61px; left: 0px;
	  }

.visual_2 	{
	position: absolute;
	top: 78px; left: 599px;
	  }
	  
.visual_2 img { margin-bottom: 3px; }

.text 		{
	position: absolute;
	top: 341px; left: 22px;
	width: 650px;
	  }

.text_top { top: 98px; width: 550px; }

.text p { line-height: 22px; }


#footer {
	position: absolute;
	top: 741px; left: 13px;
	width: 688px;
}


#start_1 { 
	position: absolute;
	top: 151px; left: 13px;
	width: 934px;
	height: 280px;
	background-color: #FFFFFF;
	background-repeat: no-repeat; 
	background-image:url(../images/titel/THG_Blau.jpg);
	cursor: pointer;
}

#start_2 { 
	position: absolute;
	top: 432px; left: 13px;
	width: 934px;
	height: 286px;
	background-color: #FFFFFF;
	background-repeat: no-repeat; 
	background-image:url(../images/titel/THG_gruen.jpg);
	cursor: pointer;
}

#start_3 { 
	position: absolute;
	top: 554px; left: 13px;
	width: 934px;
	height: 184px;
	background-color: #FFFFFF;
	background-repeat: no-repeat; 
	background-image:url(../images/titel/THG_orange.jpg);
	cursor: pointer;
}

.start .top_left 	 { position: absolute; top: 9px; left: 15px; }
.start .top_right 	 { position: absolute; top: 62px; left: 695px; }
.start .bottom_right { position: absolute; top: 215px; left: 695px; }
.start h1 { color: #FFFFFF; }
.start p  { color: #FFFFFF; font-size: 10pt; }


#kontakt_links { width: 75px; }
#kontakt_links p { line-height: 23px; }

#kontakt_rechts { margin-left:5px; }
#kontakt_rechts p { line-height: 20px; }


.cleaner {
	clear: both;
	height: 1px;
}


/* Tabellen */

table {
	border: 0px;
}


/* Formulare */

form {
	
}

input { height: 17px; width: 360px; margin: 1px 0px 4px 0px; border: 1px solid #000000;
		background-color:#FFFFFF; }

input.submit { height: 21px; width: 100px; margin-left: 0px; }

textarea { height: 140px; width: 440px; margin: 10px 0px 0px 0px; font-family: arial; font-size: 12px; line-height: 20px; border: 1px solid #000000; }