@charset "utf-8";

/* ****************************************** */
/* Orangefluid GbR                            */
/* www.orangefluid.com                        */
/* ****************************************** */


/* ****************************************** */
/* Global settings for ERO Sicherheit         */
/* ****************************************** */

/* Global settings */
* {
	margin:0;
	padding:0;
}

html, body {
	min-width: 860px;
	height: 100%;
}

/* Main body style */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #4d4d4d;
	font-size: 100.01%;	
}


/* **************************************************************** */	
/* Style settings fonts, links, misc                                */
/* **************************************************************** */	

p {
	font-size: 12px;
	color: #4d4d4d;
	line-height: 24px;
	margin-bottom: 12px;
}

table {
	font-size: 12px;
	color: #4d4d4d;
	line-height: 18px;
	margin-bottom: 24px;
}


/* Images without border */	
img {border: 0;}
* html img {display: block;}


/* Link colors global */
a:link, a:visited {
	font-size: 12px;
	color: #141741;
	text-decoration: underline;
	outline: 0;
}

a:active, a:hover {
	color: #141741;
	text-decoration: none;
}

/* Clear */
div.clear {clear: both;}
br.clear {clear: both;}
div.gap {clear: both; height: 20px;}

span.disin {display: inline;}
span.disno {display: none;}


/* **************************************************************** */
/* Graphic headlines                                                */
/* **************************************************************** */

h1, h2 {
	font-weight: bold;
	font-size: 11px;
	overflow: hidden;
}

h1 em, h2 em {
	display: block; 
	background-repeat: no-repeat;
}

/* Graphic headlines */
h1 {height: 35px; padding-top: 148px; padding-left: 14px;}
h1 em {height: 35px;}

h2 {height: 18px;}
h2 em {height: 18px;}



/* **************************************************************** */	
/* Site container settings                                          */
/* **************************************************************** */

/* Site container */
div#sitecontainer {
	position: relative;
	width: 860px;
	min-width: 860px;
	min-height: 100%;
}
	* html div#sitecontainer {height: 100%;}

/* Top container, logo, mainnavi */
div#topcontainer {
	position: relative;
	float: left;
	width: 723px;
	height: 80px;
	padding-left: 137px;
}

	/* Navi container */
	div#navicontainer {
		position: relative;
		float: left;
		width: 432px;		
		height: 80px;
	}

	/* Logo display */
	div#logo {
		position: relative;
		float: left;
		width: 291px;
		height: 56px;
	}
		

/* Main content container */
div#headercontainer {
	position: relative;
	float: left;
	width: 860px;
	height: 197px;
	background-color: #141741;
}

	div#mainimage {
		position: relative;
		float: left;
		width: 475px;
		height: 197px;
		padding-left: 137px;
	}
	
	div#slogan {
		position: relative;
		float: left;
		width: 248px;
		height: 197px;
		background: #ffffff url(../images/background_slogan.gif) 0 0 no-repeat;
	}	
	
/* Main content container */
div#contentcontainer {
	position: relative;
	float: left;
	width: 723px;
	padding-left: 137px;
	padding-top: 40px;
	padding-bottom: 20px;
}	

	*:first-child+html div#contentcontainer {padding-bottom: 50px;}


	div#content {
		position: relative;
		padding-top: 25px;
	}
	
	div#content ul {
		list-style-type: none;
		margin-bottom: 20px;
	}
	
	div#content li {	
		font-size: 12px;
		background-image: url(../images/dot.gif);
		background-repeat: no-repeat;
		background-position: 2px 8px;
		padding-left: 14px;
		line-height: 20px;
	}
		* html div#content li {line-height: 19px; height: 0px;}
		*:first-child+html div#content li {line-height: 19px;}
	
	
/* Footer container, sticky at bottom */
div#footercontainer {
	position: relative;
	clear: both;
	width: 723px;
	height: 35px;
	margin-top: -36px;	
	margin-left: 137px;
}

	div#footer {
		position: relative;
		float: left;
		width: 723px;
		border-top: 1px solid #858585;		
	}

	div#footercontainer p {
		position: relative;
		float: left;
		font-size: 11px;
		margin-bottom: 0;
	}

	/* Link colors */
	div#footercontainer a:link, div#footercontainer a:visited {font-size: 11px; color: #4d4d4d; text-decoration: none;}
	div#footercontainer a:active, div#footercontainer a:hover {font-size: 11px; color: #4d4d4d; text-decoration: underline;}	
	
	
	

/* ************************************ */
/* Navi                                 */
/* ************************************ */

div#navi {
	display: block; 
	padding-top: 58px;
}

/* Font size for text links */
div#navi ul {
	font-size: 11px;
	list-style-type: none;
}
	* html div#navi ul {text-indent: -5000em;}
	*:first-child+html div#navi ul {text-indent: -5000em;}

/* List elements */
div#navi li {
	display: block;
	height: 12px;
	background-position: 0 -12px;
	background-repeat: no-repeat;
	float: left;
	margin-right: 25px;
}

/* Link elements */
div#navi a {
	display: block;
	height: 0;
	padding-top: 12px;
	background-repeat: no-repeat;
	overflow: hidden;
}


	* html div#navi a:link {height: 12px; he\ight: 0;}
	* html div#navi a:visited {height: 12px; he\ight: 0;}

/* List and Link element images */
div#navi li.nav1, div#navi a.nava1 {background-image: url(../images/bt_startseite.gif); width: 63px;}
div#navi li.nav2, div#navi a.nava2 {background-image: url(../images/bt_security.gif); width: 52px;}
div#navi li.nav3, div#navi a.nava3 {background-image: url(../images/bt_cleaning.gif); width: 53px;}
div#navi li.nav4, div#navi a.nava4 {background-image: url(../images/bt_kontakt.gif); width: 48px;}
div#navi li.nav5, div#navi a.nava5 {background-image: url(../images/bt_impressum.gif); width: 64px; margin-right: 0;}

/* Initiate mouseover */
div#navi a:hover {
	background-image: none;
}


/* ****************************************** */
/* Style settings forms                       */
/* ****************************************** */

/* Main form container */
#formcontainer {
	background-color: #f3f3f3;
}

/* No border for fieldsets */
fieldset {
	border: 0;		
}

/* Headline row */
div.fieldsethead {
	background-color: #e1e1e1;
	height: 28px;
	border-bottom: 1px solid #ffffff;
}
	
	div.fieldsethead p {
		font-size: 12px;
		padding-top: 2px;
		margin-left: 10px;
		font-weight: bold;
		margin-bottom: 0;
		color: #333333;
	}


/* Container sizes - two cols  */
div.formleft, div.formright {
	position: relative;
	float: left;	
	width: 340px;		
	padding: 10px 0 5px 10px;	
}
	div.formleft {margin-right: 10px;}


div.onerowwhite {
	clear: both;
	background-color: #ffffff;
	height: 10px;	
}

div.checkblock {
	width: 230px;
	float: left;
	margin-top: 10px;
}

div.infoblock {
	width: 600px;
	margin-top: 10px;
	margin-left: 10px;
}



/* Label styles  */
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	width: 80px;
	height: 15px;
	margin: 3px 0 5px 0;
	padding-bottom: 2px;	
	float: left;	
	cursor: pointer;	
}

	div.checkblock label {width: 180px;margin-top: 1px;}


/* Input fields styles  */
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 230px;
	padding: 1px 0 1px 4px;	
	float: left;	
	border: 1px solid #999999;	
}

* html input, textarea {
	height: 18px;
	he\ight: 15px;
}

/* Input fields styles active */
input:focus, textarea:focus {
	background-color: #f2f2f2;	
	border: 1px solid #666666;		
}

/* Special width for checkbox */
input.check {
	width:auto;
	border: 0;
	margin-right:10px;
	height: 15px;
}

	*:first-child+html input.check {height: auto;}
	* html input.check {height: auto;}


/* Textarea special style */
textarea {
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px 0 0 4px;
	width: 550px;
	height: 120px;
	margin-left: 10px;
}


/* Button special style */
input.button, input.buttonroute {
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 12px;
	width: 180px;
	height: 26px;
	background-color: #ffffff;
	border: 1px solid #999999;
	text-align: center;
	margin-left:250px;
	margin-top: 5px;
	padding-bottom: 3px;
}

	*:first-child+html input.button {padding-bottom: 2px;}
	* html input.button {padding-bottom: 1px;}

/* Button hover style */
input.button:hover, input.buttonroute:hover {
	background-color: #f2f2f2;
	cursor: pointer;
}


/* Button special style */
input.buttonroute {
	width: 115px;
	height: 22px;
	margin-top: 5px;
	margin-left: 0;
}

	*:first-child+html input.buttonroute {padding-bottom:0;}
	* html input.buttonroute {padding-bottom:0;}