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

/* FARBEN
blau text #009fe3
dunkelgrau text #2f2f31
*/

/* FONTS
font-family: 'Rokkitt', serif;
font-family: 'Homenaje', sans-serif;
*/


* {border:none; margin:0; padding:0;}

html, body {height: 100%;}

body {font-size:62.5%; font-family: 'Rokkitt', serif; line-height:150%; background:url(../gfx/gui/body-hg.gif) top center repeat #fff; color:#2f2f31;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}



/* WRAPPER *******************************/

#wrapper {
	min-height:100%;
	width:939px;
	margin:0 auto;}


/* HEADER *******************************/

#header {
	height:195px;
	margin:0 0 49px 0;
	position:relative;
	background:#fff;}


/* logo */

#header h1 {
	position:absolute;
	bottom:9px;
	left:13px;
	font-family: 'Homenaje', sans-serif;
	font-size:2.6em;
	font-weight:normal;
	line-height:0.884em;}
	
#header h1 strong {
	font-weight:normal;
	font-size:3em;}


/* navigation */

#header ul {
	position:absolute;
	bottom:23px;
	right:13px;
	font-family: 'Homenaje', sans-serif;}
	
#header ul li {
	text-align:right;
	list-style:none;
	font-size:2.6em;
	line-height:0.884em;
	}
	
#header a,
#header a:hover {color:#2f2f31; text-decoration:none;}

#header a.active,
#header a:hover {color:#009fe3;}


/* CONTAINER ****************************/

#container {
	overflow:auto;
	padding-bottom: 48px;
	}

#main {}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
	font-family: 'Homenaje', sans-serif;
	color:#009fe3;
	font-weight:normal;}
	
#main h1,
#main h2 {font-size:4em; line-height:1em; margin:0 0 15px 0;}

#main h3 {font-size:2em; line-height:1em; margin:0 0 15px 0; color:#2f2f31;}

#main p {
	font-size:1.6em;
	line-height:1.28em;
	letter-spacing:0.03em;}
#main p.p-intro {font-size:2em; margin:0 0 20px 0;}

#main ul {margin:0 0 0 15px;}
#main ul li {
	font-size:1.6em;
	line-height:1.28em;
	letter-spacing:0.03em;
	list-style:disc;
	margin:0 0 4px 0;}

#main a,
#main a:hover {
	text-decoration:none;
	color:#009fe3;}
#main a:hover {
	text-decoration:underline;}
	
#main a.a-border-dotted,
#main a.a-border-dotted:hover {
	text-decoration:none;
	border-bottom:1px dotted #009fe3;
	color:#009fe3;
}
#main a.a-border-dotted:hover {
	border-bottom-style:solid;}
	

/* SLIDER */
.slider {margin:0 0 49px 0;}

/* HEADLINE-BOX */
.headline-box-01 {
	background:#fff;
	padding:14px 13px;
	margin:0 0 22px 0;}

#main .headline-box-01 h1,
#main .headline-box-01 h2 {margin-bottom:0;}
	
/* CONTENT-BOX */
.zeilen-wrapper {position:relative;}

.content-box-01 {
	background:#fff;
	padding:13px;
	margin:0 0 36px 0;
	position:relative;}

.content-box-01-telefonanlage {
	background:#fff;
	padding:13px;
	margin:36px 0 18px 0;
	position:relative;}

.content-box-02 {
	float:left;
	width:419px;
	margin:0 49px 48px 0;
	padding:13px;
	background:#fff;}
.content-box-02-ohne-padding {
	width:445px;
	padding:0;
	background-color:transparent;
	}

.content-box-03 {
	float:left;
	width:263px;
	margin:0 36px 36px 0;
	padding:13px;
	background:#fff;
	min-height:260px;}
	
.content-box-03 img {margin:0 0 45px 0;}

.content-box-04 {
	float:left;
	width:198px;
	margin:0 49px 0 0;
	}
	
.ohne-margin-right {margin-right:0;}


/* startseite ***************************/
#main .p-hotline-button {position:absolute; bottom:48px;}
*html #main .p-hotline-button {position:static; margin-top:26px;}
*+html #main .p-hotline-button {position:static; margin-top:26px;}


/* rückruf-teaser */

#main .rueckruf-teaser {
	background:url(../gfx/rueckrufservice-button.gif) no-repeat left top #f4f4f4;
	width:295px;
	height:113px;
	padding:20px 20px 0 130px;
	text-align:center;
	}
#main .rueckruf-teaser h3 {
	font-family: 'Homenaje', sans-serif;
	font-size:2.6em;}
	
#main .rueckruf-teaser a.button-blau,
#main .rueckruf-teaser a.button-blau:hover {
	padding:4px 35px;
	display:inline;}
	
	
/* hotline-teaser */

#main .hotline-teaser {
	font-family: 'Homenaje', sans-serif;
	color:#009fe3;
	padding:20px 13px 14px 13px;
	background-color:#f4f4f4;
	text-align:center;
	position:absolute; bottom:48px; width:419px;
	}
	
#main .hotline-teaser p {
	font-size:3em; letter-spacing:normal; line-height:1em;}
#main .hotline-teaser p strong {
	font-weight:normal;
	font-size:1.5em;
	margin:0 0 0 5px;}

/* RÜCKRUFSERVICE */

#rueckrufservice-form {margin:36px 18px 0 39px; position:relative;}
#rueckrufservice-form h1 {
	font-family: 'Homenaje', sans-serif;
	color:#009fe3;
	font-weight:normal;
	font-size:4em;
	line-height:1em;
	margin:0 0 15px 0;
	background-color:#fff;
	display:inline-block;
	padding:14px 13px;
	position:relative;
	z-index:999999999;}

#rueckrufservice-form form {
	margin:131px 13px 0 13px;}
	
#rueckrufservice-form label {
	 font-family: 'Rokkitt', serif;
	 font-size:1.3em;
	 display:inline-block;
	 clear:both;
	 text-transform:uppercase;
	 margin:0 0 5px 0;
	 padding:0 5px 0 0;
	 position:relative;
	 z-index:999999;
	 background-color:#fff;}
	 
#rueckrufservice-form .form-telefon-zeile {
	background-color:#f4f4f4;
	overflow:hidden;
	padding:7px 0;
	}

#rueckrufservice-form .form-telefon-zeile .slicer {
	float: left;
    font-size: 58px;
    height: 45px;
    line-height: 1em;
    margin-top: -7px;}

#rueckrufservice-form input[type=text],
#rueckrufservice-form textarea {
	background-color:#f4f4f4;
	margin:12px;
	font-family:'Rokkitt',serif;
	font-size:1.6em;
	position:relative;
	z-index:999999999;}

#rueckrufservice-form input[type=text] {
	float:left;}
	
#rueckrufservice-form input#telefon1 {width:67px;}
#rueckrufservice-form input#telefon2 {width:317px;}

#rueckrufservice-form textarea {
	width:447px;
	height:122px;
	resize:none;}

#rueckrufservice-form img {position:absolute; left:-39px; top:-36px;}

#rueckrufservice-form .form-button-zeile {text-align:center; clear:both;}


#rueckrufservice-form input[type=submit],
#rueckrufservice-form input[type=submit]:hover {
	background-color: #009fe3;
    color: #FFFFFF;
    display: inline-block;
    padding: 5px 13px 4px 13px;
    text-decoration: none;
	text-align:center;
	font-size:1.6em;
	line-height:1.28em;
	letter-spacing:0.03em;
	font-family:'Rokkitt',serif;
	width:185px;}
#rueckrufservice-form input[type=submit]:hover {
	cursor:pointer;
	background-color: #DEDEDE;
	color:#2f2f31;}
	
#rueckrufservice-form .form-captcha-zeile {
	margin:5px 0 23px;
	overflow:auto;
	position:relative;
	background:#fff;
	}
#rueckrufservice-form .form-captcha-zeile .captcha-form {width:224px; position:absolute; right:0; bottom:0;}
#rueckrufservice-form .form-captcha-zeile .captcha-form input[type=text] {margin:0; padding:13px; width:198px;}
#rueckrufservice-form .form-captcha-zeile img {position:static; float:left; width:224px; border-bottom:4px solid #ffffff;}
#rueckrufservice-form .form-captcha-zeile p {
	font-size:1.3em;
	line-height:1em;}
#rueckrufservice-form .form-captcha-zeile a,
#rueckrufservice-form .form-captcha-zeile a:hover {
	text-decoration:none;
	color:#009fe3;}
#rueckrufservice-form .form-captcha-zeile a:hover {
	text-decoration:underline;}

/* referenzen */

#main .referenzen {background-color:#fff; margin:0 0 23px 0;}

#main .referenzen img {margin:0;}

#main .referenzen p.p-autor {
	font-family: 'Homenaje',sans-serif;
	padding:0 13px 13px 13px;}
	
#main .referenzen blockquote {
	font-size:1.6em;
	line-height:1.28em;
	margin:5px 0;
	padding:0 13px;}
	
#main a.button-blau,
#main a.button-blau:hover {
	background-color:#009fe3;
	color:#fff;
	text-decoration:none;
	padding:4px 13px;
	display:block;}
	
#main a.button-blau:hover {
	background-color: #DEDEDE;
	color:#2f2f31;}
	
	
/* VERTRIEBSPARTNER FORMULAR */
#vertriebspartner-formular-wrapper {background:#f4f4f4; padding:13px 0 13px 13px; float:left; width:601px; min-height:260px;}
#vertriebspartner-formular-wrapper h2 {font-size:2.6em; color:#2f2f31; margin-bottom:32px; margin-top:9px;}
#vertriebspartner-formular-wrapper p {margin:15px 0 0 0;}
#vertriebspartner-formular-wrapper .input-wrapper {float:left; margin:0 11px 0 0; width:297px;}
#vertriebspartner-formular-wrapper label {font-family: 'Rokkitt', serif;
	 font-size:1.3em;
	 display:block;
	 clear:both;
	 text-transform:uppercase;
	 margin:0;
	 padding:0;}

#vertriebspartner-formular-wrapper input[type=text] {background:#fff; padding:11px 13px; width:271px;}

#vertriebspartner-formular-wrapper .form-captcha-zeile {
	margin:21px 0 23px;
	clear:both;
	float:left; width:100%; position:relative;
	}
#vertriebspartner-formular-wrapper .form-captcha-zeile .captcha-form {width:224px; position:absolute; bottom:0; left:307px;}
#vertriebspartner-formular-wrapper .form-captcha-zeile .captcha-form input[type=text] {margin:0; padding:13px; width:271px;}
#vertriebspartner-formular-wrapper .form-captcha-zeile img {position:static; width:297px; border-bottom:4px solid #ffffff;}
#vertriebspartner-formular-wrapper .form-captcha-zeile p {
	font-size:1.3em;
	line-height:1em;}
#vertriebspartner-formular-wrapper .form-captcha-zeile a,
#vertriebspartner-formular-wrapper .form-captcha-zeile a:hover {
	text-decoration:none;
	color:#2f2f31;}
#vertriebspartner-formular-wrapper .form-captcha-zeile a:hover {
	text-decoration:underline;}
	
	
#vertriebspartner-formular-wrapper .form-button-zeile {clear:both;}


#vertriebspartner-formular-wrapper input[type=submit],
#vertriebspartner-formular-wrapper input[type=submit]:hover {
	background-color: #009fe3;
    color: #FFFFFF;
    display: inline-block;
    padding: 4px 13px;
    text-decoration: none;
	text-align:center;
	font-size:1.6em;
	line-height:1.28em;
	letter-spacing:0.03em;
	font-family:'Rokkitt',serif;}
#vertriebspartner-formular-wrapper input[type=submit]:hover {
	cursor:pointer;
	text-decoration:underline;}
	
	
/* TELEFONANLAGE */

#main .zeilen-wrapper-telefonanlagen {position:relative; margin:0;}

/* produkt-box-01 */
#main .produkt-box-01 {width:50%; background:#f4f4f4; margin:0; float:left; height:186px; position:relative;}
*+html #main .produkt-box-01 {width:469px;}
#main .produkt-box-active {background:#dedede;}
#main .produkt-box-active-pfeil {background-image:url(../gfx/gui/produkt-box-active-pfeil.png); height:81px; width:40px; position:absolute; bottom:-81px; left:50%; margin:0 0 0 -18px; background-repeat:no-repeat; z-index:9;}

#main .produkt-box-01 .textblock {position:absolute; left:30px; bottom:35px; width:170px;}
#main .produkt-box-01 h2 {font-family: 'Homenaje', sans-serif; font-size:4em; margin:0; color:#2f2f31;}
#main .produkt-box-01 .h2-zusatz {font-family: 'Rokkitt', serif;font-size:0.45em; margin:0; display:block;}
#main .produkt-box-01 h2 a,
#main .produkt-box-01 h2 a:hover {color:#2f2f31; text-decoration:none; position:absolute; height:100%; width:100%;}
#main .produkt-box-01 h2 a:hover {background:#dedede;}
#main .produkt-box-01 h2 img {position:absolute; right:0; bottom:0;}

/* produkt-box-02 */
#main .produkt-box-02 {width:50%; background:#f4f4f4; margin:0; float:left; height:276px; position:relative; text-align:center;}
*+html #main .produkt-box-02 {width:469px;}
#main .produkt-box-02.produkt-box-active {background:#dedede;}
#main .produkt-box-02 .produkt-box-active-pfeil {background-image:url(../gfx/gui/produkt-box-active-pfeil.png); height:81px; width:40px; position:absolute; bottom:-81px; left:50%; margin:0 0 0 -18px; background-repeat:no-repeat; z-index:9;}

#main .produkt-box-02 img {display:block;}

#main .produkt-box-02 .textblock {}
#main .produkt-box-02 p {font-family: 'Homenaje', sans-serif; font-size:2.5em; margin:0; line-height:1em;}
#main .produkt-box-02 .p-zusatz {font-size:0.64em; margin:0; display:block; font-family: 'Rokkitt', serif;}
#main .produkt-box-02 h2 img {margin:0;}

#main .produkt-box-02 p a,
#main .produkt-box-02 p a:hover {color:#2f2f31; text-decoration:none; position:absolute; height:100%; width:100%; left:0; top:0;}
#main .produkt-box-02 p a:hover {background:#dedede;}

#main .telefonanlagen-pfeil {margin-bottom:-5px; position:relative; z-index:99;}
#main .telefonanlagen-pfeil-2 {margin-bottom:6px; position:relative; z-index:99;}

/* Technische Daten */
#main .technische-daten-box {
	background:#333333;
	color:#fff;
	padding:28px 28px 24px 28px;
	position:absolute;
	top:111px;
	right:14px;
	width:299px;}
#main .technische-daten-box h3 {color:#009fe3; font-size:4em; margin:0 0 21px 0;}


/* telefonalnlage - text*/

.content-box-telefonanlage-1 {float:left; margin:0 36px 0 0; padding:13px; background:#fff; width:666px;}
.content-box-telefonanlage-2 {float:right; margin:0; width:211px;}

#main .telefonanlage-info-box {background:#f4f4f4; text-align:center; padding:13px; font-family: 'Homenaje', sans-serif; position:relative;}
#main .telefonanlage-info-box p {font-size:2.3em; margin:10px;}
#main .telefonanlage-info-box a.button-blau, #main .telefonanlage-info-box a.button-blau:hover {
	font-family: 'Rokkitt', serif;
	font-size:16px;
	letter-spacing:normal;
	line-height:1.2em;}
#main .telefonanlage-info-box .blauer-punkt {width:13px; height:13px; position:absolute; left:-4px; top:-6px; background:url(../gfx/gui/blauer-punkt.png) no-repeat;}

#main .content-box-telefonanlage-1 p {margin:0 0 15px 0;}



/* DOWNLOAD */

.content-box-download {
	background:#fff;
	padding:13px;
	margin:0 0 36px 0;
	position:relative;}

#main .content-box-download h3 {font-size:2.6em; margin-bottom:6px;}

#main .content-box-download ul {margin:0; padding:0;}
#main .content-box-download ul li {border-bottom:1px solid #e0e0e0; list-style:none; margin:0; padding:14px 0 13px 0; display:block; overflow:auto;}
#main .content-box-download ul li.li-last {border:none;}
#main .content-box-download ul li .download-info {width:370px; margin:0 117px 0 0; display:block; float:left;}
#main .content-box-download ul li a,
#main .content-box-download ul li a:hover {}
#main .content-box-download ul li a:hover {}

#main .content-box-download ul ul {margin:0; padding:0;}
#main .content-box-download ul ul li {border:none; list-style:disc; margin:0; padding:4px 0 3px 15px; display:block; overflow:auto; font-size:1em;}
#main .content-box-download ul ul li a,
#main .content-box-download ul ul li a:hover {}
#main .content-box-download ul ul li a:hover {}


/* FUNKTIONEN */
#main .content-box-funktionen {overflow:auto; background:#fff;}

#main .content-box-funktionen .h2-wrapper {width:220px; float:left;}
#main .content-box-funktionen h2 {color:#009fe3; text-transform:uppercase; font-weight:normal; font-size:1.6em; line-height:1.2em; float:left; font-family: 'Rokkitt', serif; background:url(../gfx/funktionen-liste/h2-hg.png) right 6px no-repeat #fff; padding:0 15px 0 4px;}

#main .content-box-funktionen ul {margin:0; padding:0 0 0 12px; background:url(../gfx/funktionen-liste/funktionen-ul-hg.png) left 6px no-repeat #fff; float:left; font-family: 'Rokkitt', serif; width:617px;}
#main .content-box-funktionen .funktionen-box-top ul {background-position:left 5px;}
#main .content-box-funktionen ul li {font-size:1.6em; line-height:1.2em; margin:0 0 10px -1px; padding:0 0 0 45px; list-style:none; background:url(../gfx/funktionen-liste/funktionen-ul-li.png) 0 0 no-repeat;}
#main .content-box-funktionen ul li.li-top {background:url(../gfx/funktionen-liste/funktionen-ul-li-top.png) 0 6px no-repeat;}
#main .content-box-funktionen .funktionen-box-top ul li.li-top {background:url(../gfx/funktionen-liste/funktionen-ul-li-top.png) 0 5px no-repeat;}
#main .content-box-funktionen ul li.li-bottom {background:url(../gfx/funktionen-liste/funktionen-ul-li-bottom.png) 0 0 no-repeat #fff; margin-bottom:0;}

#main .funktionen-box {padding:25px 0 13px 53px; background:url(../gfx/funktionen-liste/funktionen-box-hg.png) left top no-repeat; width:849px; float:left;}
#main .funktionen-box-top {padding-top:106px; background-image:url(../gfx/funktionen-liste/funktionen-box-top-hg.png);}
#main .funktionen-box-bottom {background-image:url(../gfx/funktionen-liste/funktionen-box-bottom-hg.png);}

/* FOOTER *******************************/

#footer {
	background:none;
    clear: both;
    height: 31px;
    left: 50%;
    margin-left: -470px;
    margin-top: -31px;
    position: relative;
    width: 939px;
	text-align:right;
	}
	
#footer ul {position:absolute; bottom:0; right:0; background:#fff; padding:5px 0 0 0;}

#footer ul li {display:inline; list-style:none; font-family: 'Homenaje', sans-serif; font-size:1.6em;}

#footer ul li a,
#footer ul li a:hover {padding:1px 10px 8px 10px; border-left:1px solid #009fe3; display:block; float:left; color:#757575; text-decoration:none;}
#footer ul li a:hover {color:#009fe3; text-decoration:underline;}
#footer ul li a.active {color:#009fe3;}

#footer ul li a.first,
#footer ul li a.first:hover {border:none;}