/*********************************************************************

	     D E T E K T E I   P E R S O N E N S C H U T Z   K K 
	

				   LANDSIEDEL | MÜLLER | FLAGMEYER


							
							CSS-Dokument

**********************************************************************/




/******************************
	L A Y O U T 
*******************************/

html, body {width:100%;height:100%;min-height:100%;margin:0px;padding:0px;background:url(images/g_hintergrund.gif) #f0f0f0;}
#align {width:782px;margin-left:-391px;left:50%;position:relative;}

#nav, .bottom, .left, .refcol {font: normal 1px/1px Arial, Helvetica, sans-serif;}

#nav, #container {width:762px;position:relative;float:left;padding:10px;background:url(images/g_container_bg.png) repeat-y;}
#nav {height:115px;}
#logo {width:177px;height:25px;float:right;background:url(images/g_logo.png) no-repeat center;margin: 20px 0px;}
.bottom {width:782px;height:2px;position:relative;float:left;background:url(images/g_container_foot_bg.png) no-repeat;}

*html #nav, *html #container {float:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.kleofas.de/images/g_container_bg.png",sizingMethod='scale');}
*html #logo {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.kleofas.de/images/g_logo.png",sizingMethod='crop');}
*html .bottom {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.kleofas.de/images/g_container_foot_bg.png",sizingMethod='crop');}
*html #nav, *html #container, *html #logo, *html .bottom {background-color: #000;back\ground-color: transparent;background-image: url(blank.gif);background:none;}

#navelement {position:relative;float:left;}
#navelement a {margin-right:5px;}

#fontsizer {position:relative;float:right;}
#elements {width:760px; height:115px;position:relative;float:left;}
#logopos {width:782px;height:65px;position:relative;float:left;}
	
#navleft, #navright {height:15px;position:absolute;bottom:0px;}
#navleft {width:200px;left:0px;background:#3775b6;}
#navright {width:550px;right:0px;background:#f1f1f1;}

#container {clear:both; padding-bottom:7px; }
#content {width:760px;position:relative;float:left;background:url(images/g_content_bg.gif) repeat-y;}

.left {width:160px;padding:20px;padding-top:37px;position:relative;float:left;text-align:right;}
*html .left {padding-top:30px;}
.left a, .left a:visited, .inaktiv {font: bold 9px/18px Arial, Helvetica, sans-serif;text-decoration:none;color:#999;}
.left a:hover {color:#3775b6;}

.right {width:510px;padding:30px 20px 40px 20px;position:relative;float:right;}
.right h1, .right li, .right p, .oben {font: normal 0.85em/155% Arial, Helvetica, sans-serif;text-decoration:none;color:#333;}
.right a:link, .right a:hover, .right a:visited  {font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;	color:#333;}
.right li {list-style:none;}
.right h1 {font-weight:bold;}
.right p {margin-top:6px;}
*html .right p {margin-top:0px;}
.right a:link, .right a:visited {color:#3775b6;}
.right a:hover {text-decoration:underline;}

#footer {position:relative;float:left;margin-top:30px;}
.formular {font: normal 11px/16px Arial, Helvetica, sans-serif;text-decoration:none;color:#333;}
.oben {clear:both;position:relative;float:right;}

.refcol {width:100%;position:relative;margin-bottom:8px;}
a.ref {margin-right:8px;}
img.ref {width:158px;height:63px;border:2px solid #fff;}

ul {margin:0px; padding:0px; padding-left:20px;}



/************************
		FORMULAR
************************/

input, textarea {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333;	background:#fff;}
.checkbox1 {background-color:#f1f1f1;margin-left:-1px;}
*html .checkbox1 {margin-left:-5px;}
textarea {width:352px;height:120px;border:none;}
*html textarea {width:352px;}

.formfield1, .formfield2, .formfield3, .formfield4 {border:none;height:16px;text-align:middle;}
.formfield1 {width:171px;} .formfield2 {width:352px;} .formfield3 {width:83px;} .formfield4 {width:259px;}
*html .formfield2 {width:354px;}

.formleft {padding-right:5px;padding-bottom:10px;}
.formright {padding-left:5px;padding-bottom:10px;}