﻿/* ---------------------------------------------------------
	Telefonalarmierung.de - telefonalarmierung.css
--------------------------------------------------------- */ 

body {
	color: #564b47;
	font-family: verdana,arial;
	font-size: 100.01%;
	margin: 20px 140px;
}

#clear {
	clear: both;
}

/* ---------------------------------------------------------
	HTML - Elements
--------------------------------------------------------- */ 
h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

a {
	color: #444444;
}

ul {
	font-size: 0.9em;
}

li {
	line-height: 2em;
	list-style-type:square;
}

input {
	margin-left: 5%;
	width: auto;
	border: 1px solid #B5B7BA; /* mod 041409 - dselinger */
	}

input.mandatory,
input.captcha,
textarea.mandatory{
	border: 1px solid #E53B20;
	}
	
input.submit:hover{
	cursor: pointer;
	color: #fff;
	}

/* ---------------------------------------------------------
	Layout
--------------------------------------------------------- */ 

#wrapper {
	font-size: 0.83em;
	line-height: 1.1em;
	margin: 0 auto;
	max-width: 90em;
	min-width: 720px;
	width: auto;
}

#header {}
#header inside {}

#container {}

#container #left {}
#container #left .inside {}


#container #right {
	background: #f4f4f4;
	border: 1px solid #D5D5D5;
	float: right;
	margin-top: 5%;
	width: 23.5%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#container #right .inside {
	margin: 5%;
	text-align: right;
}

#container #right .inside li{
list-style-type:none;
}

#container #right .mod_form {
	border-bottom: 1px solid #D6D6D6;
	padding-bottom: 2%;
}

#container #right .mod_form h2 {
	font-size: 1.1em;
}

#container #right .mod_form input{
	width: 90%;
}

#container #main {
	margin: 0 26% 0 0;
	width: auto;
}
#container #main .inside {}

#container #main .inside li {
	list-style-type:square;
}


#container #main h2 {
	margin-bottom: 5%;
}

#container #main div.ce_text {
	margin-bottom: 5%;
}

#footer {}
#footer .inside {
	margin: 2% 0;
	text-align: right;
}

#footer .mod_customnav h2 {
	display: none;
}

/* ---------------------------------------------------------
	Navigation
--------------------------------------------------------- */

#right .mod_navigation ul {
	margin: 0;
	padding: 2% 0 0 0;
}


#right .mod_navigation h2 {
	display: none;
}

#right .mod_navigation ul li p.active {
	color: #E53B20;
	margin: 0;
	padding: 0;
}

#footer .mod_customnav ul {
	margin: 0;
	padding: 0;
}

#footer .mod_customnav ul li {
	display: inline;
	margin-left: 0.5%;
}

#footer .mod_customnav ul li a, #footer .mod_customnav ul li p {
	color: #717171;
	display: inline;
	font-size: 0.83em;
	margin: 0;
	padding: 0;
}

a.disylogo {
	position: absolute;
	top: 10px;
	right: 0;
}

#footer .print {
	display: none;
}

/* ---------------------------------------------------------
	Formular
--------------------------------------------------------- */

.mod_form .formbody {
	margin: 0;
	padding: 0;
}

.mod_form .formbody td.col_0 {
	width: 10%;
}

.mod_form .formbody td.col_1{
	margin-right: 10px;
}

*+html .mod_form .formbody td.col_1 {/* Hack IE7 */
	width: 115px;
	}

.mod_form form td {
	padding-bottom: 2%;
}

.mod_form form input[type="text"] {
	width: 95%;
}

#main div.ce_form td{
	padding-bottom: 1%;
}

#main div.ce_form td.col_0 {
	vertical-align: top;
	width: 20%;
}

#main input {
	margin: 0;
	}

#main span.mandatory {
	margin-left: 2%;
}

#main div.checkbox_container span{
	padding-right: 3%;
}

#main input[type="text"] {
	width: 40%;
}

#main input[type="submit"] {
	margin-top: 3%;
	display: block;
}


/* Preisliste anfordern */

#main form#f3 tr.row_last td.col_first span {
	display: none;
	}

#main form#f3 tr.row_3 td, #main form#f3 tr.row_8 td, #main form#f3 tr.row_10 td, #main form#f3 tr.row_11 td {
	padding-bottom: 3%;
	}

/* Pflichtfelder */
form span.mandatory{
	color: #E53B20;
	}
