@import url(kontakt-formular.css);
@import url(rte.css);
@import url(thermosecur_menue.css);
@import url(../flashbuch_multiflip/styles.css);


/* CSS Document */

/* ===========================
FARBEN :

blau #0053A4 thermosecur
rot #B0122F thermosecur
orange #F5A300 thermosecur
grau #A1A3B1 - thermosecur
textgrau #666666
hellorange #FDEDCC thermosecur

BREITEN in pixel:

gesamtbreite: 964
linke spalte: 260
mittlere spalte: 530
rechte spalte schmal: 174
rechte spalte breit: 704
============================*/
*{padding: 0; margin:0;}

body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	SCROLLBAR-FACE-COLOR:##ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #cccccc;
	SCROLLBAR-BASE-COLOR: #cccccc;
	scrollbar-3d-light-color: #DFDFDF;
	scrollbar-dark-shadow-color: #FFFFFF;
}

.leerzeile {line-height: 22px;}
.leerzeile_5 {line-height: 5px;}
.leerzeile_40 {line-height: 40px;}
.leerzeile_10 {line-height: 10px;}
.leerzeile_16 {line-height: 16px;}

/*=========================================
LINKS - allgemein
============================================*/
a:link {text-decoration: underline; color:#000000;}
a:visited {text-decoration: underline; color:#000000;}
a:hover {text-decoration: underline; color:#B0122F;}
a:active {color:#000000;}
/*=========================================
TEXTE SIEHE rte.css
============================================*/

/*=========================================
SEITENHINTERGRUND
============================================*/
#hintergrund { /*1024 pixel breit, enthält den schatten hinter der inhaltsfläche*/
	width: 1024px;
    height: 100%;
    padding: 0px 0px 0px 0px; /* innenabstand */
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
	z-index: 1;
	background-image: url(fileadmin/thermosecur/bilder/hintergrund.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
*html #hintergrund { /*1024 pixel breit, enthält den schatten hinter der inhaltsfläche*/
    height: 1200px;
}


#inhalt { /*964 pixel breit, enthält die weisse fläche für alle inhalte*/
	width: 964px;
    height: 100%;
	position: absolute;
	left: 30px;
	top: 30px;
	z-index: 2;
	background-color: #FFFFFF;
}

/*=========================================
HEADERBEREICH
============================================*/


#header1{  /*790 pixel breit, enthält einbaubeispiel*/
	float:left;
	width: 790px;
}

#rechtsnavi{  /*kleine navigation rechts oben im header; 174 pixel breit*/
	float:left;
	width: 174px;
	height: 160px;
}

#rechtsnavi_text {
	float:left;
	width: 110px;
	height: 60px;
	margin: 100px 0px 0px 13px;/* aussenabstand top right bottom left*/
	font-size: 11px;
	color: #ffffff;
	line-height: 18px;
}

#rechtsnavi a {text-decoration: none; color: #ffffff;}
#rechtsnavi a:visited {text-decoration: none; color: #ffffff;}
#rechtsnavi a:active {text-decoration: none; color: #ffffff;}
#rechtsnavi a:hover {text-decoration: none; color: #ffffff;}

/*=========================================
NAVIGATIONSBEREICH
============================================*/
#loginbutton {/* setzt den loginbutton absolut*/
	position: absolute;
	left: 801px;
	top: 177px;
	width: 143px;
	height: 36px;
	z-index: 10;
	float:none; /* ob das hilft??? */
}

#bugfix-IE6-loginbutton {/* div um loginbutton, damit der ie6 die position akzeptiert*/
position:static;
}
/*=========================================
SITEMAP
============================================*/
.csc-sitemap {
	font-size:12px;
	list-style-position: outside;
	padding: 0px 0px 0px 50px;/* innenabstand top right bottom left*/
	margin: 40px 0px 0px 0px;
}

.csc-sitemap ul {
	font-weight: bold;
	color: #B0122F;
	list-style-type:square;
	list-style-position: outside;
}

.csc-sitemap ul ul{
	padding: 0px 0px 20px 20px;/* innenabstand top right bottom left*/
}

.csc-sitemap li li {
    font-weight: normal;
	color: #F5A300;
	list-style-type:disc;
	list-style-position: outside;
}
/*========================================= 
EINSPALTIGES LAYOUT
enthält die Startseite und was darauf so 
stattfindet
============================================*/
#contentMain_00 {
	float: left;
	width: 964px;
	height: 100%;
}


#animationslayer_01 {
	position: absolute;
	left: 120px;
	top: 510px;
	z-index: 11;
	float:none;

}

#animationslayer_02 {
	position: absolute;
	left: 320px;
	top: 570px;
	z-index: 12;
	float:none;

}

#innovationslayer_01 {
	position: absolute;
	left: 50px;
	top: 235px;
	z-index: 11;
	float:none;
	width: 339px;
	height: 412px;
}


/*========================================= 
LINKE SPALTE, 260px breit
enthält Slogan, Texte mit Links, Suchformular,
Downloadlinks
============================================*/

#navileft { /* umschliesst den inhalt der linken spalte*/
    float: left;
	width: 260px;
	height:100%;
	padding: 0px 0px 0px 0px; /* innenabstand */
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

#sloganleft{  /* enthält das bild mit dem slogan */
	width: 224px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
    margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

#textleft{  /* boxen für headlinetexte, texte, weiter textlinks */
	width: 200px;
	padding: 0px 0px 0px 20px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

#textleftSub{  /* box für die texte unter der suche: Downloadlinks*/
	width: 200px;
	padding: 0px 0px 0px 20px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

#sucheleft {  /* suchmaske */
	background-color:#ffffff;
	width: 260px;
	padding: 20px 0px 0px 20px; /* innenabstandtop right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}


.select_suche{  /* formatiert die dropdownmenues für die suche */
	border: 1px solid;
	border-color: #F5A300;
	font-size: 11px;
	width: 130px;
	color: #666666;
	margin: 5px 0px 0px 0px; /* aussenabstand top right bottom left*/
	padding: 0px 0px 0px 3px; /* innenabstand top right bottom left*/
}

.such_button{  /* formatiert das absendebutton-BILD für die suche */
	width: 103px;
	height: 21px;
	margin: 10px 0px 0px 0px; /* aussenabstand top right bottom left*/
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
}

/*========================================= 
RECHTE SPALTE für zweispaltiges Layout
(704 pixel breit) für die Inhalte:
3D Galerie, Türen klein, Türen groß
============================================*/
#contentMain_01 { 
    float: left;
	width: 704px;
	height: 100%;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
	background-image: url(http://alu-noblesse.eu/fileadmin/thermosecur/bilder/hintergrund_streifen_breit.jpg);
	background-repeat: no-repeat;
}

* html #contentMain_01 {  /* HACK für den ie 6 */
    float: left;
	width: 660px;
	height: 100%;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
	background-image: url(http://alu-noblesse.eu/fileadmin/thermosecur/bilder/hintergrund_streifen_breit.jpg);
	background-repeat: no-repeat;
}

#contentMain_01_weiss { 
    float: left;
	width: 704px;
	height: 100%;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

* html #contentMain_01_weiss {  /* HACK für den ie 6 */
    float: left;
	width: 660px;
	height: 100%;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

#contentMain_01_unten { /*box fürs pagening*/
    float: left;
	padding: 40px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin:  0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

.haustuer_klein{ /* formatiert die einzelboxen für die darstellung der kleinen haustüren */
    float: left;
	width: 122px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 40px 26px 0px 20px; /* aussenabstand top right bottom left*/
	FONT: normal 11px/20px Arial, Helvetica, sans-serif;
}

* html .haustuer_klein{ /* HACK für den ie 6 */
    float: left;
	width: 122px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 40px 26px 0px 0px; /* aussenabstand top right bottom left*/
	FONT: normal 11px/20px Arial, Helvetica, sans-serif;
}
	
#haustuer_gross{ /* formatiert die box für die einzeldarstellung der grossen haustüren */
    float: left;
	width: 300px;
	height: 370px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 40px 20px 0px 40px; /* aussenabstand top right bottom left*/
}

* html #haustuer_gross{ /* HACK für den ie 6 */
    float: left;
	width: 260px;
	height: 370px;
	padding: 40px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}
#haustuer_gross_info{ /* formatiert die box für den beschreibungstext neben der grossen haustüre */
    float: left;
	width: 300px;
	height: 200px;
	padding: 40px 0px 0px 20px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px px; /* aussenabstand top right bottom left*/
}

* html #haustuer_gross_info{ /* HACK für den ie 6 */
    float: left;
	width: 280px;
	height: 200px;
	padding: 40px 0px 0px 20px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

#haustuer_gross_navi{ /* formatiert die box für links neben der grossen haustüre */
    float: left;
	width: 300px;
	padding: 40px 0px 0px 20px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

* html #haustuer_gross_navi{ /* HACK für den ie 6 */
    float: left;
	width: 280px;
	padding: 40px 0px 0px 20px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

#haustuer_gross_kommentar {  /* formatiert die box für eine eventuelle fusszeile unter der großen haustüre */
	clear: both;
	width: 600px;
	padding: 20px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 30px 0px 0px 20px; /* aussenabstand top right bottom left*/
}

#3Dgalerie{
    float: left; 
	width: 704px;
	height: 400px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px  0px 0px;/* aussenabstand top right bottom left*/
}

#flashcontent{
    float: left; 
	width: 660px;
	height: 400px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 40px 0px 0px 0px;/* aussenabstand top right bottom left*/
}


.modell_links{  /* formatiert die textlinks für jedes modell unter der 3-D Galerie*/
    float: left;
	width: 100px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
	FONT: normal 11px/20px Arial, Helvetica, sans-serif;	
}
/*========================================= 
RECHTE SPALTE für zweispaltiges Layout
(704 pixel breit) für die Inhalte:
Innovation
============================================*/
#technik_innovation { /* umschliesst den inhalt und enthält das hintergrundbild*/
	float: left;
	width: 704px;
	height: 100%;
	background-image: url(/fileadmin/thermosecur/bilder/hintergrund_technik_innovativ.jpg);
	background-repeat: no-repeat;
	padding: 30px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

div.innovationen { /* umschliesst das bild und den danebenstehenden text*/
    overflow:hidden;
	float: left;
    width: 390px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

*html div.innovationen { /* hack ie 6: umschliesst das bild und den danebenstehenden text*/
    overflow:hidden;
	float: left;
    width: 390px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 5px 0px; /* aussenabstand top right bottom left*/
}

div.innovationen img{ /* formatiert das bild */
    overflow:hidden;
	float: left;
    width: 112px;
	padding: 0px 15px 5px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

div.innovationen_dichtung {
    overflow:hidden;
	float: left;
    width: 580px;
	padding: 10px 0px 0px 127px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

/*========================================= 
RECHTE SPALTE für zweispaltiges Layout
(704 pixel breit) für die Inhalte:
Haustüren Ausstattung + Griffe,
Technik Kunstgläser + Wärmeschutz + Inneseiten + Farben + Sicherheit
============================================*/
div.ausstattung { /* umschliesst das bild und den danebenstehenden text, hintergrund grauer verlauf*/
	background-image: url(/fileadmin/thermosecur/bilder/grauverlauf.gif);
    overflow:hidden;
	float: left;
    width: 704px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 3px 0px 0px 0px; /* aussenabstand top right bottom left*/
}
div.ausstattung_orange { /* umschliesst das bild und den danebenstehenden text, hintergrund grauer verlauf*/
	background-image: url(/fileadmin/thermosecur/bilder/orangeverlauf.gif);
    overflow:hidden;
	float: left;
    width: 704px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 3px 0px 0px 0px; /* aussenabstand top right bottom left*/
}
div.ausstattung img{ /* formatiert das bild */
    overflow:hidden;
	float: left;
    width: 180px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}
div.ausstattung_orange img{ /* formatiert das bild */
    overflow:hidden;
	float: left;
    width: 180px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}
.ausstattung_text{ /* formatiert den text neben dem bild */

	float: left;
    width: 480px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}
div.paketmann { /* umschliesst den inhalt und enthält das hintergrundbild mit Paketmann*/
	float: left;
	width: 704px;
	height:260px;
	background-image: url(/fileadmin/thermosecur/bilder/paketmann.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}
.paketmann_text{ /* formatiert den text neben dem paketmann-bild */
    overflow:hidden;
	float: left;
    width: 300px;
	padding: 120px 0px 0px 100px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

div.griffe { /* umschliesst das bild und den danebenstehenden text, hintergrund grauer verlauf*/
	background-image: url(/fileadmin/thermosecur/bilder/grauverlauf.gif);
    overflow:hidden;
	float: left;
    width: 704px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 3px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

div.griffe img{ /* formatiert das bild */
    overflow:hidden;
	float: left;
    width: 360px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

.griffe_text{ /* formatiert den text neben dem bild */
    overflow:hidden;
	float: left;
    width: 300px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 20px; /* aussenabstand top right bottom left*/
}

div.innenseite { /* umschliesst das bild und den danebenstehenden text, hintergrund grauer verlauf*/
	background-image: url(/fileadmin/thermosecur/bilder/grauverlauf.gif);
    overflow:hidden;
	float: left;
    width: 704px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 3px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

div.innenseite img{ /* formatiert das bild */
    overflow:hidden;
	float: left;
    width: 259px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

.innenseite_text{ /* formatiert den text neben dem bild */
    overflow:hidden;
	float: left;
    width: 400px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 20px; /* aussenabstand top right bottom left*/
}

div.haustuerkauf{ /* umschliesst das bild und den danebenstehenden text, hintergrund grauer verlauf mit hand*/
	background-image: url(/fileadmin/thermosecur/bilder/hintergrund_haustuerkauf_hand.jpg);
    overflow:hidden;
	float: left;
    width: 520px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

/*========================================= 
MITTLERE SPALTE für dreispaltiges Layout
(530 pixel breit) für die Inhalte:
Kontaktformulare, Impressum, Galerieseite starr
============================================*/
#contentMain_02{  /* umschliesst die mittlere spalte, 530 pixel breit */
  float: left;
	width: 530px;
	height: 100%;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
	background-image: url(../bilder/hintergrund_streifen_schmal.jpg);
	background-repeat: no-repeat;
}

#contentMain_02_weiss {  /* umschliesst die mittlere spalte, 530 pixel breit */
  float: left;
	width: 520px;
	height: 100%;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
	background-color:#FFFFFF;
	background-repeat: no-repeat;
}


#impressum{  /* umschliesst den impressumstext */
	width: 400px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 40px 0px  0px 0px;/* aussenabstand top right bottom left*/
}

#blaetterbuch_bild { /* umschliesst das galeriebild, verlinkung auf popup flashgalerie*/
	width: 530px;
	height: 556px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px;/* aussenabstand top right bottom left*/
}

#multiflip{
	text-align:center;
	z-index:0;
	background-color: #666666;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px  0px 0px;/* aussenabstand top right bottom left*/
}

/*========================================= 
MITTLERE SPALTE (530 pixel breit)
für dreispaltiges Layout für die Inhalte:
Loginmaske, Login vergessen, Login-Downloadbereich
============================================*/

#loginmaske_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 400px;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 40px;
	color: #999999;
	font-weight: bold;
	line-height: 14px;
}

#loginform{  /* umschliesst  das formular für die loginmaske */
	width: 400px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 20px 0px  0px 40px;/* aussenabstand top right bottom left*/
}

#login_username  {/* formatiert den button für die benutzernamen-eingabe */
	width: 280px;
	height: 25px;
	padding: 10px 0px 0px 120px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px;/* aussenabstand top right bottom left*/
	background-image: url(http://alu-noblesse.eu/fileadmin/thermosecur/bilder/benutzernamebutton.gif);
	background-repeat: no-repeat;
}

#login_passwort  {/* formatiert den button für die passwort-eingabe */
	width: 280px;
	height: 25px;
	padding: 10px 0px 0px 120px; /* innenabstand top right bottom left*/
	margin: 10px 0px 0px 0px;/* aussenabstand top right bottom left*/
	background-image: url(http://alu-noblesse.eu/fileadmin/thermosecur/bilder/passwortbutton.gif);
	background-repeat: no-repeat;
}

#login_angemeldet  {/* formatiert die checkbox für's angemeldet-bleiben */
	width: 200px;
	height: 22px;
	padding: 13px 0px 0px 150px; /* innenabstand top right bottom left*/
	margin: 11px 0px 0px 0px;/* aussenabstand top right bottom left*/
	background-image: url(http://alu-noblesse.eu/fileadmin/thermosecur/bilder/angemeldetbutton.gif);
	background-repeat: no-repeat;
}

#login_login {/* umschliesst den loginbutton */
	width: 400px;
	height: 35px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 30px 0px 0px 0px;/* aussenabstand top right bottom left*/
	background-image: url(http://alu-noblesse.eu/fileadmin/thermosecur/bilder/loginbutton.gif);
	background-repeat: no-repeat;
}

#login_passwortvergessen {/* formatiert das eingabefeld für die emailadresse */
	width: 270px;
	height: 26px;
	padding: 9px 0px 0px 130px; /* innenabstand top right bottom left*/
	margin: 10px 0px 0px 0px;/* aussenabstand top right bottom left*/
	background-image: url(http://alu-noblesse.eu/fileadmin/thermosecur/bilder/ihreemailbutton.gif);
	background-repeat: no-repeat;
	}

#login_passwortsenden {/* umschliesst den passwortsenden-button */
	width: 400px;
	height: 35px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 30px 0px 0px 0px;/* aussenabstand top right bottom left*/
	background-image: url(http://alu-noblesse.eu/fileadmin/thermosecur/bilder/passwortsendenbutton.gif);
	background-repeat: no-repeat;
}
.loginform_input {/* formatiert die eingabefelder für text auf passwort- und benutzername-button */
	background-color:#ffffff;
	border: 1px solid;
	border-color: #F5A300;
	width: 160px;
	padding: 0px 0px 0px 3px;/* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px;/* aussenabstand top right bottom left*/
	text-align: left;
}

.loginform_input_2 {/* formatiert den abstand der checkbox auf dem button*/
	background-color:#ffffff;
	border: 1px solid;
	border-color: #F5A300;
	width: 180px;
	padding: 0px 0px 0px 3px;/* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px;/* aussenabstand top right bottom left*/
	text-align: left;
}
.loginform_input_3{/* formatiert die eingabefelder für text auf emailsenden-button*/
	background-color:#ffffff;
	border: 1px solid;
	border-color: #F5A300;
	width: 150px;
	padding: 0px 0px 0px 3px;/* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px;/* aussenabstand top right bottom left*/
	text-align: left;
}

#login_inhalte{  /* umschliesst die Texte im Downloadbereich für Fachhändler */
	width: 450px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 40px 0px 0px 20px;/* aussenabstand top right bottom left*/
}



/*========================================= 
GANZ RECHTE SPALTE für dreispaltiges Layour
für die Inhalte (174 pixel breit):
Infolinks
============================================*/
#contentMain_03{  /* umschliesst die rechte spalte, 174 pixel brei */
    float: left;
	width: 174px;
	height: 101%;
	padding: 40px 0px 0px 0px; /* innenabstand */
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

#infobox{
	width: 160px;
	padding: 5px 0px 5px 16px;/* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-size: 12px;
	line-height: 13px;
}

#infobox_bild{/* formatiert die infoboxen der rechten spalte / untereinander */
	width: 160px;
	padding: 0px 0px 0px 13px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

/*========================================= 
DRUCKANSICHT
============================================*/
#druck{/**/
	width: 800px;
	padding: 0px 0px 0px 0px; /* innenabstand */
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

#druck_header{
	width: 800px;
	height: 180px;
	padding: 0px 0px 0px 0px; /* innenabstand */
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

#druck_bg{
	width: 800px;
	height: 500px;
	padding: 0px 0px 0px 0px; /* innenabstand */
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
	background-image: url(/fileadmin/thermosecur/bilder/druck_bg.jpg);
	overflow: hidden;
}

#druck_haustuer_gross_info{ /* formatiert die box für den beschreibungstext neben der grossen haustüre */
    float: left;
	width: 300px;
	height: 200px;
	padding: 0px 0px 0px 0px; /* innenabstand */
	margin: 80px 0px 0px 40px; /* aussenabstand top right bottom left*/
}

#druck_haustuer_gross{ /* formatiert die box für die einzeldarstellung der grossen haustüren */
    float: left;
	width: 300px;
	height: 370px;
	padding: 0px 0px 0px 0px; /* innenabstand */
	margin: 80px 30px 0px 40px; /* aussenabstand top right bottom left*/
}

#druck_adresse {  /**/
	clear:both;
	width: 700px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 40px 0px 0px 40px;/* aussenabstand top right bottom left*/
	font-size: 12px;
    color: #000;
}


#druck_schutz{  /**/
	float:left;
	width: 700px;
	height: 60px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 20px 0px 0px 40px;/* aussenabstand top right bottom left*/
	font-size: 11px;
    color: #000;
}

/*========================================= 
RENOVATION FADER
============================================*/
#renovation_00{/**/
    position:absolute;
	z-index:15;
}
#renovation_01,
#renovation_02,
#renovation_03,
#renovation_04,
#renovation_05,
#renovation_06,
#renovation_07,
#renovation_08,
#renovation_09{
    position:absolute;
	visibility:hidden;
	z-index:14;
}

div.renovation{
	float: left;
	overflow: hidden;
	width: 700px;
	margin: 40px 0px 0px 0px;
	background-color: #FFFFFF;
}

div.renovation_text{/**/
    float: left;
	width: 180px;
	height: 350px;
	font-size: 13px;
	background-image: url(/fileadmin/thermosecur/bilder/renovation_paar.jpg);
	overflow:hidden;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

div.fader_thumbs{/*umschliesst die thumbnails für den layerwechsel*/
    float: left;
	overflow: hidden;
	width: 500px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}

* html div.fader_thumbs{/*hack für den ie 6*/
    float: left;
	overflow: hidden;
	width: 530px;
	padding: 0px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}
div.fader_thumbs img{/**/
    float: left;
	padding: 20px 0px 0px 0px; /* innenabstand top right bottom left*/
	margin: 0px 0px 0px 0px; /* aussenabstand top right bottom left*/
}