@charset "utf-8";
/* CSS Document */

@import url('reset.css');

@import url('global.css');

html { overflow-y: scroll !important; }

body,
html {
	height:100%;
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
	background:url('../images/background.jpg') repeat-x #f6f3df;
}

body.home { background:url('../images/background_home.jpg') repeat-x #f6f3df; }
body.leistungen, body.ueber_uns, body.service, body.basis, body.premium, body.individuell {background:url('../images/background_tabs.jpg') repeat-x #f6f3df; }
body.error404 { background:#f6f3df; }

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:800px;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}

.branding {
	display:block;
	width:200px; height:65px;
	margin:15px 0 0 0;
	text-indent:-9999px;
	background:url('../images/branding.jpg') no-repeat;
}

.menu {margin:50px 0 0 0;}
.menu li { float:left; }
.menu a {
	display:block;
	width:60px; height:24px;
	margin:0 2px;
	background:url('../images/menu.jpg') no-repeat;
	text-indent:-9999px;
}

	.menu a.home { width:62px; background-position:0px 0px; }
	.home .menu a.home {background-position:0px -24px; }
	.menu a.home:hover {background-position:0px -48px; }
	
	.menu a.leistungen { width:100px; background-position:-540px 0px; }
	.leistungen .menu a.leistungen {background-position:-540px -24px; }
	.menu a.leistungen:hover {background-position:-540px -48px; }
	
	.menu a.alarmpakete { width:114px; background-position:-70px 0px; }
	.alarmpakete .menu a.alarmpakete {background-position:-70px -24px; }
	.menu a.alarmpakete:hover {background-position:-70px -48px; }
	
	.menu a.ueber_uns { width:88px; background-position:-278px 0px; }
	.ueber_uns .menu a.ueber_uns {background-position:-278px -24px; }
	.menu a.ueber_uns:hover {background-position:-278px -48px; }
	
	.menu a.service { width:70px; background-position:-460px 0px; }
	.service .menu a.service {background-position:-460px -24px; }
	.menu a.service:hover {background-position:-460px -48px; }
	
	.menu a.kontakt { width:80px; background-position:-372px 0px; }
	.kontakt .menu a.kontakt {background-position:-372px -24px; }
	.menu a.kontakt:hover {background-position:-372px -48px; }

h2.slogan {
	display:block;
	width:800px; height:50px;
	margin:20px 0 0 0;
	text-indent:-9999px;
	background:url('../images/slogan.jpg') no-repeat;
}

.ad { margin:30px 0 0 0; }
*+html .ad { margin-top:42px; }
* html .ad { margin-top:42px; }
.ad li { float:left }
.ad a {
	display:block;
	width:260px; height:190px;
	margin:0;
	text-indent:-9999px;
	background:url('../images/ad.jpg') no-repeat;
}

	.ad a.basis { background-position:0px 0px; margin-right:10px; }
	.ad a.individuell { background-position:-270px 0px; margin-right:10px; }
	.ad a.premium { background-position:-540px 0px;}

.tab_menu { margin-top:19px; }
*+html .tab_menu { margin-top:31px;}
* html .tab_menu { margin-top:31px;}

	.tab_menu li { float:left; margin:0 10px 0 0; }
	.tab_menu a {
		display:block;
		height:20px;
		padding:5px 10px;
		background:#575757;
		border-top:1px solid #686868;
		color:#fff;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px; 
		font-style: normal;
		font-weight: bold;
		letter-spacing: normal;
		line-height: 1.2em;
		text-decoration:none;
	}
	* html .tab_menu a { width:200px; }
	.uebersicht .tab_menu a.uebersicht, 
	.details .tab_menu a.details, 
	.kalkulator .tab_menu a.kalkulator,
	.beratung .tab_menu a.beratung,
	.alarmanlagen .tab_menu a.alarmanlagen,
	.eigenheim .tab_menu a.eigenheim,
	.gewerbe .tab_menu a.gewerbe,
	.videoueberwachung .tab_menu a.videoueberwachung,
	.firmeninfo .tab_menu a.firmeninfo,
	.referenzen .tab_menu a.referenzen,
	.job .tab_menu a.job,
	.foerderungen .tab_menu a.foerderungen,
	.zeitungsarchiv .tab_menu a.zeitungsarchiv
	{
		background:#f6f3df;
		border-top:1px solid #e1decd;
		color:#1c252b;
	}
	
	.tab_menu .zurueck {
		width:32px;
		background:url('../images/zurueck.jpg') no-repeat center #575757;
		text-indent:-9999px;
		padding:5px;
	}
		

a.ipreis:link, a.ipreis:acitve, a.ipreis:visited
{
	
	color:#748E15;
	font-weight:bold;
	text-decoration:underline;	
	font-size:50px;
}

.content { width:100%; margin:60px 0; color:#1c252b;}
.home .content, .leistungen .content, .ueber_uns .content, .service .content, .basis .content, .premium .content, .individuell .content { width:100%; margin-top:20px; }
*+html .home .content, *+html .leistungen .content, *+html .ueber_uns .content, *+html .service .content, *+html .basis .content, *+html .premium .content, *+html .individuell .content { padding-top:20px; }
* html .home .content, * html .leistungen .content, * html .ueber_uns .content, * html .service .content, * html .basis .content, * html .premium .content, * html .individuell .content { padding-top:20px; }
.error404 .content { width:100%; height:200px; margin:0; padding:20px 0 0 220px; background:url('../images/error_404.jpg') no-repeat; }

.content h1 { padding:15px 0 10px 0; font-size:24px; font-weight:normal; color:#748e15; }
.content h2 { padding:15px 0 10px 0.5em; font-size:20px; font-weight:normal; color:#748e15; }
.content h3 { padding:15px 0 10px 0.5em; font-size:16px; font-weight:normal; color:#748e15; font-weight:bold; }
.content p {
	padding:0.8em 0.5em; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px; 
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}



.zeitungsarchiv .content ul {
	list-style:disc;
	margin:15px 0 15px 15px;
	padding:0 0 0 15px;
}
.zeitungsarchiv .content li {
	padding:3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.6em;
}

.alarmpakete ul.komponenten {
	margin:10px 0 15px 0.5em;
	padding:0;
}

.alarmpakete ul.komponenten li {
	float:left;
	width:220px;
	height:24px;
	padding:10px 50px 2px 34px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.6em;
	background:url('../images/list_icon_komponente.jpg') no-repeat center left;
}

.alarmpakete ul.vorteile {
	margin:10px 0 15px 1em;
	padding:0;
}

.alarmpakete ul.vorteile li {
	height:16px;
	padding:4px 0px 6px 20px;
	margin:5px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.9em;
	background:url('../images/list_icon_vorteil.jpg') no-repeat center left;
}

.content ul.firmen {
	list-style:disc;
	margin:15px 0 15px 15px;
	padding:0 0 0 15px;
}

.content ul.firmen li {
	padding:3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.6em;
}

.content ul.articles li { margin:0 0 20px 0; padding:0px 0 0px 180px; }
.content ul.articles li.extra { background:url('../images/home_extra.jpg') no-repeat; }
.content ul.articles li.percent { background:url('../images/home_30.jpg') no-repeat; }
.content ul.articles li.at { background:url('../images/home_at.jpg') no-repeat; }
.content ul.articles li.wien { background:url('../images/home_wien.jpg') no-repeat; }
.content ul.articles li.sicher { background:url('../images/home_sicher.jpg') no-repeat;}
.content ul.articles li.sicherinwien { background:url('../images/home_sicherinwien.jpg') no-repeat;}
.content ul.articles li.securitas { background:url('../images/home_securitas.jpg') no-repeat;}
.content ul.articles li.bauenundwohnen { background:url('../images/home_bauenundwohnen.jpg') no-repeat;}
.content ul.articles li.securitas  { background:url('../images/home_securitas.jpg') no-repeat;}
.content ul.articles li.gastwirt   { background:url('../images/home_gastwirt.jpg') no-repeat;}
.content ul.articles li.funkalarm   { background:url('../images/home_funkalarm.jpg') no-repeat;}
.content ul.articles li.einbrecher   { background:url('../images/home_einbrecher.jpg') no-repeat;}


.content ul.products li { margin:0 0 20px 0; }
.content ul.products a.image  { display:block; height:190px; width:260px; margin:0 20px 0; text-indent:-9999px;}
.leistungen .content ul.products a.image { margin:10px 0px; }
.content ul.products a.basis { background:url('../images/produkt_basis.jpg') no-repeat; }
.content ul.products a.individuell { background:url('../images/produkt_individuell.jpg') no-repeat; }
.content ul.products a.premium { background:url('../images/produkt_premium.jpg') no-repeat; }


.content ul.files { list-style:none; margin:5px 0 15px 15px; padding:0px; }
.content ul.files li {
	padding:3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.6em;
}

.content ul.details { list-style:disc; margin:5px 0 15px 25px; padding:0px; }
.content ul.details li {
	padding:3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.6em;
}

.content a[href$='.pdf'] { 
	padding: 5px 0 5px 20px;
	background: transparent url('../images/icon_pdf.gif') no-repeat center left;
}

.content .kontakt { width:520px; height:160px; padding:20px 140px 0; background:url('../images/kontakt.jpg') no-repeat; }
.content .kontakt p.right { width:270px; }
.content a { font-weight:bold; text-decoration:underline; color:#748e15; }
.content a:hover { font-weight:bold; text-decoration:none; color:#50630d; }

.content table {
	padding:0.8em 0.5em; 
	width:780px;
	border-collapse:collapse;
	border-spacing:0;
}
.content table td {
	padding:3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.6em;
	vertical-align:top;
	border-collapse:collapse;
	border-spacing:0;
}

.content table thead td { border-bottom:2px solid #748e15;border-right:1px solid #748e15; }
.content table tbody td { border-bottom:1px solid #748e15;border-right:1px solid #748e15; }
.content table tr.bottom td { border-bottom:2px solid #748e15; }
.content table td.last { border-right:0; }
.content table input[type="text"] { width:30px; height:16px; padding:2px 5px; background:url('../images/background_input.jpg') no-repeat; border:0; color:#fff; font-weight:bold; font-size:12px; text-align:right;}
.content table tr.colorGray td { color:#999; }
.content table td.bezeichnung { font-weight:normal; }
.content table tr.summe td { font-size:14px; }


.content fieldset.order {
	width:360px;
	border:0;
	padding:0;
	margin:0 0;
}
.content fieldset.order label { 
	float:left;
	width:80px;
	text-align:right;
	padding:3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.6em;
}
.content fieldset.order input { float:left; margin-top:5px; }
.content fieldset.order input[type="submit"] { 
	display:block; 
	width:240px; height:30px;
	text-indent:-9999px;
	border:0;
	font-size:0px;
	line-height:0px;
	background:url('../images/submit_anfrage_hover.jpg') no-repeat;
	cursor:pointer;
}
.content fieldset.order input[type="submit"]:hover { background:url('../images/submit_anfrage.jpg') no-repeat; }


.content .hr {
	display:block;
	width:100%; height:40px;
	background:url('../images/hr.jpg') no-repeat center;
}

.content li.hr { width:100%; margin:0; padding:0; }

.footer, .push {
	height: 100px; /* .push must be the same height as .footer */
}

.footer {
	width:100%;
	background:url('../images/background_footer.jpg') repeat-x #1c252b;
}

	.footer .container { width:800px; margin:0 auto 0; padding:10px 0 0 0 ; }
	
	.footer ul {
		float:left;
		margin:5px 0 0px 0px;
		padding:0 0 0 0px;
	}
	
	.footer li {
		height:16px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: bold;
		color:#f6f3df;
		background-position:center left;
		padding:4px 0 0 24px;
		margin-bottom:4px;
	}
	
	.footer a { color:#f6f3df; text-decoration:none;}
	.footer a:hover { text-decoration:underline; }
	
	.footer li.mail { background:url('../images/footer_icon_mail.jpg') no-repeat ; }
	.footer li.phone { background:url('../images/footer_icon_phone.jpg') no-repeat; }
	.footer li.location { background:url('../images/footer_icon_location.jpg') no-repeat; }
	.footer li.web { background:url('../images/footer_icon_web.jpg') no-repeat; }
	
	.footer .css {
		display:block;
		width:225px; height:75px;
		text-indent:-9999px;
		background:url('../images/css.jpg') no-repeat;
	}