/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
td{vertical-align:top;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

html {
	background-color:transparent;
}

body, div, table {
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:12px;		
}

body {
	margin:0px;
	padding:0px;	
	background-image:url(tl_files/frame/bg-body.jpg);
	background-repeat:repeat-x;
	background-color:#EBF3FE;
	font-size:11px;
}

/* ----- FRAME ----- */

div#wrapper {
	width:960px;
	border:1px solid #CCC;
	text-align:left;
	margin-bottom:10px;
	margin-top:15px;	
	padding-bottom:20px;
	background-color:#FFF;
	padding-right:20px;	
}





/* ----------- Kopfbereich  -------------- */

div#header {
	position:relative;	
}

div#DIVLogo {
	width:270px;
	height:65px;
	float:left;	
}

div#DIVFreecall {
	width:240px;
	height:33px;
	float:right;
	vertical-align:bottom;
	margin-top:32px;	
}

div#DIVBewertung {
	width:275px;
	height:75px;
	position:absolute;
	top:0px;
	left:400px;
}

/* ----------- MAIN -------------- */

div#left {
	overflow:hidden;	
}


div#header div.inside {
	overflow:visible !important;
	position:relative;
}

div#main {
	margin-bottom:0px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
	padding-left:10px;
	padding-top:170px;			
}



div#right{
	padding:0px;
	margin:0px;
	width:180px;
	padding-top:176px;	
}

div#DIVKopfgrafik {
	position:absolute;
	top:-3px;
	left:230px;
	width:720px;
	height:150px;
	margin-top:10px;
	overflow:visible;
	z-index:999;	
}

/* ----------- FUSSBEREICH -------------- */

div#footer {
	margin-top:20px;
	padding-left:230px;
	padding-right:30px;
}

div#DIVTrenner {
	border-top:1px solid #999;	
}










/* ----------- NAVI LINKS -------------- */

div#DIVNavLeft {
	background-image:url(tl_files/frame/strich_verlauf.gif);
	background-position:215px 0px;
	background-repeat:no-repeat;
	padding-right:15px;
	margin-left:12px;
}

/* ----------- LEVEL 1 -------------- */


div#DIVNavLeft li.submenu {
	background-position:left top;
	margin-bottom:3px;
}

div#DIVNavLeft a.submenu ,  div#DIVNavLeft p.submenu {
	display:block;
	width:205px;
	height:32px;
	text-decoration:none;
	margin-top:0px;
}

div#DIVNavLeft ul.level_1 span {
	visibility:hidden;
}

div#DIVNavLeft ul.level_2 span {
	visibility:visible;
}


li.planung a {
	background-image:url(tl_files/frame/topic_planen.gif);
}

li.planung p, li.planung a.trail {
	background-image:url(tl_files/frame/topic_planen_aktiv.gif);
}

li.vorteile a {
	background-image:url(tl_files/frame/topic_vorteile.gif);
}

li.vorteile p, li.vorteile a.trail {
	background-image:url(tl_files/frame/topic_vorteile_aktiv.gif);
}

li.aufbau a {
	background-image:url(tl_files/frame/topic_aufbau.gif);
}

li.aufbau p, li.aufbau a.trail  {
	background-image:url(tl_files/frame/topic_aufbau_aktiv.gif);
}

li.unternehmen  a {
	background-image:url(tl_files/frame/topic_wir.gif);
}

li.unternehmen p, li.unternehmen  a.trail {
	background-image:url(tl_files/frame/topic_wir_aktiv.gif);
}

li.ambiente  a {
	background-image:url(tl_files/frame/topic_ambiente.gif);
}

li.ambiente  p, li.ambiente a.trail {
	background-image:url(tl_files/frame/topic_ambiente_aktiv.gif);
}

li.kontakt  a {
	background-image:url(tl_files/frame/topic_kontakt.gif);
}

li.kontakt  p, li.kontakt  a.trail {
	background-image:url(tl_files/frame/topic_kontakt_aktiv.gif);
}




/* ----------- LEVEL 2 -------------- */

div#DIVNavLeft ul.level_2 {
	width:202px;
	margin:0px;
	margin-left:3px;		
}


div#DIVNavLeft ul.level_2  li {
	background-image:url(tl_files/frame/nav_bg.gif);
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
	width:202px;
}

div#DIVNavLeft li.ambiente ul.level_2  li {
	background-image:url(tl_files/frame/nav_bg_rosa.gif);	
}

div#DIVNavLeft ul.level_2  li.active {
	background-image:url(tl_files/frame/nav_bg_gelb.gif) !important;		
}

div#DIVNavLeft ul.level_2  li.last {
	background-position:left bottom;		
}

div#DIVNavLeft ul.level_2 a, div#DIVNavLeft ul.level_2 p {	
	display:block;
	font-size:11px;
	color:#666;
	text-decoration:none;
	border-top:1px solid #EAF4FE;
	border-bottom:1px solid #BDDCFA;
	padding: 4px 1px 4px 40px;
	background-image:url(tl_files/frame/pfeil_blau.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;	
}

div#DIVNavLeft li.ambiente ul.level_2  li a, div#DIVNavLeft li.ambiente ul.level_2  li p {	
	border-bottom:1px solid #FFD6AF;	
}

div#DIVNavLeft ul.level_2  li a:hover {
	text-decoration:underline;
	color:#222;
}

div#DIVNavLeft ul.level_2  li p {
	 background-image:url(tl_files/frame/pfeil_blau_aktiv.gif);
	 background-color:#F1DE7F;
}

div#DIVNavLeft ul.level_2  li p.last {
	 background-color:transparent;	 
}

div#DIVNavLeft ul.level_2  li a.last, div#DIVNavLeft ul.level_2  li p.last {	
	border-bottom:0px solid #BDDCFA !important;	
}


/* ----------- LEVEL 2 Kontakt, Formular -------------- */

li.phone p, li.phone a {	
	padding-top:14px !important;
	padding-bottom:14px !important;
	padding-left:50px !important;
	background-image:url(tl_files/frame/kontakt.gif) !important;
	background-repeat:no-repeat;
	background-position:-4px 6px !important;	
}

li.formular p, li.formular a {	
	background-image:none !important;	
	padding-left:50px !important;			
}

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

div#DIVNavUtil {
	margin-top:5px;
}

div#DIVNavUtil li {
	display:inline;
} 

div#DIVNavUtil a, div#DIVNavUtil p {
	display:inline;
	float:left;
	color:#666;
	text-decoration:none;
	padding-right:10px;
	font-size:11px;
}

div#DIVNavUtil p {
	font-weight:bold; 
}

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

div#DIVBreadcrumbs {
	margin-top:5px;
	margin-bottom:5px;
	color:#888;
	font-size:11px;	
	
}

div#DIVBreadcrumbs a {
	color:#888;
	font-size:11px;
}


body,a,div,dl,dt,dd,ul,ol,li,legend,p,blockquote,th,td {
	font-family:verdana, helvetica;
	font-size:12px;
	color:#222;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS","Verdana",sans-serif;
	color:#4094EE;
	font-weight:bold;
	
	margin-bottom:10px;
}

h2,h3,h4,h5,h6 {
	margin-top:10px;
	color:#666;
}

h1 {	
	font-size:20px;	
	letter-spacing:1.1px;		
}

h2 {	
	font-size:18px;
	font-weight:bold;	
}

h3 {	
	font-size:16px;
}

h4,h5,h6 {	
		
}

em {
	font-style:italic;
	color:#666;
}

strong {
	font-weight:bold;
}

div#main table {
	margin-bottom:10px;
}

div#main p, div#main li {
	line-height:1.5em;
	margin-bottom:10px;
}

div#main ul,div#main ol {
	margin-bottom:10px;
}

div#main li {
	margin-left:10px;
	margin-bottom:7px;
	padding-left:10px;
	background-image:url(tl_files/frame/strich.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	color:#333;
}

div#main table {
	margin-bottom:10px;
}

div#main a {
	/* color:#4094EE; */
}

div#main a:hover {
	color:#4094EE;
}

div.bildlinks {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

div.bildrechts {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

div.bild p {
	margin-top:3px;
	border-top:1px solid #FFCC00;
	color:#4094EE !important;
	font-size:11px;
	line-height:1.2em !important;
}

p.accoya_fussnote {
	color:#666 !important;
	font-size:11px;
}
div#DIV25JahreKugel {
	margin-left:auto;
	margin-right:auto;
	width:460px;
}

div#DIVAccoyaLinks a, a.linkhinweis {
	display:block;
	padding-left:20px;
	background-image:url(tl_files/frame/bullet_go.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}

div#DIVSM4 {
	margin-top:10px;
	margin-bottom:10px;
	height:250px;
}

div#DIVSM4 img {
	float:left;
	margin-right:10px;
}

div#DIVSM4 a {
	display:block;
	width:200px;
	float:left;
}

div.zitat {
	background-color:#EBF3FE;
	margin:10px;
	border:1px solid #4094EE;
	padding:10px;
	width:200px;
}

div.zitat p {
	margin:0px !important;
}

div.zitat span.begin {
	width:30px;
	height:20px;
	display:block;
	margin-right:auto;
	background-image:url(tl_files/frame/cite_begin.gif);
	background-repeat:no-repeat;
}

div.zitat span.end {
	width:30px;
	height:20px;
	display:block;
	margin-left:auto;
	background-image:url(tl_files/frame/cite_end.gif);
	background-repeat:no-repeat;
}

table.table_correct {
	margin-left:1px;
}

div.toggler {
	text-decoration:underline;
	cursor:pointer;	
}












div.pagination li {
	display:inline;
	list-style-type:none;
}

address {
	margin-bottom:10px;
}

/* ---------- KONTAKTFORMULAR --------------- */

 
div.formbody {
	width:550px;	
}

div.formbody label {
	display:block;
	padding-right:5px;	
	font-weight:normal;
	font-size:11px;
	margin:2px 0px;
}

div.formbody table {
	width:100%;
}

div.formbody td.col_first {
	text-align:right;
	padding-right:5px;
}

div.formbody input.text {
	padding:3px;
	width:90%;
}

div.formbody textarea.textarea {
	padding:3px;
	width:90%;
}

p.error {
	color:#CF1919;
	font-weight:bold;
	font-size:11px;
}

div.radio_container input {
	float:left;	
	vertical-align:middle;
}

div.radio_container span {
	display:block;
	margin-top:10px;
}

div.radio_container label {
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:5px;
	padding:5px;
	border:1px solid #CCC;
	width:400px;
}

/* ---------- Seitenspezifisches --------------- */

div.bildleiste {
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden;
	width:517px;
}

div#DIVPlanungKatalog div.image_container {
	height:230px;
}

div.blocklinks {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

div.blockrechts {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

div.infoaccoya {
	background-color:#6CB348;
	padding:10px;
}

div.infoaccoya p {
	font-size:11px;
	color:#FFF;
	line-height:1.1em !important;
}

div.beschichtungswerk {
	background-image:url(tl_files/content/unternehmen/beschichtungswerk01.jpg);
	background-repeat:no-repeat;
	padding-top:280px;
	padding-left:10px;
}


div#DIVRefCollage {
	background-image:url(tl_files/content/referenzen/referenzen02.jpg);
	background-repeat:no-repeat;
	background-position:210px -10px;
}

div.hinweisgalerie  {
	
}

div.hinweisgalerie p{
	font-size:11px;
	color:#666 !important;
}

div.stellenangebote {
	border:1px solid #CCC;
	width:460px;
	background-image:url(tl_files/content/stellenangebote/hg.jpg);
	background-repeat:no-repeat;
	background-position:298px 100px;
	padding:5px;
	padding-right:50px;
}

div#impressum p, div#impressum a {
	font-size:11px !important;
}

div.data td {
	padding:2px; 
	vertical-align:top;
	font-size:11px;
}

div.data td.col_0 {
	text-align:right;
}

/* ----------- EURO MODELLE ------------- */

table.list_euro td {
	padding:3px;
}

div.euro p {
	margin:0px !important;
	line-height:100% !important;
	margin-bottom:3px;
	padding:3px;
}

div.euro a {
	margin:0px;
	line-height:0px;
}

div.euro a.link_detail {
	display:block;
	padding:3px;
	margin:0px;	
	line-height:1.2em;
}

div.euro1 {
	border:1px solid #004488;
}

div.euro1 p {
	background-color:#004488;
	color:#FFF;
	
}

div.euro2 {
	border:1px solid #FF6600;
}

div.euro2 p {
	background-color:#FF6600;
	color:#FFF;	
}

div.euro3 {
	border:1px solid #FFCC00;
}

div.euro3 p {
	background-color:#FFCC00;
	color:#222;	
}

div.euro4 {
	border:1px solid #009999;
}

div.euro4 p {
	background-color:#009999;
	color:#FFF;	
}

table.euro_skizzen {
	margin-left:1px;
}

table.euro_skizzen td.euro_skizzen_0 {
	padding-right:60px;
}


table.euro_abmessungen td {
	padding:3px;
	border:1px solid #AFD7FF;		
}

td.sub {
	text-align:right;
}

table.euro_abmessungen  td.col_1 {
	text-align:right;	
	padding-left:30px;
}

table.euro_preise td {
	padding:3px;
}

table.euro_preise td.col_0 {
	text-align:right;
}

table.euro_zubehoer td {
	padding:3px;
	border:1px solid #AFD7FF;
	font-size:11px;		
}

table.euro_zubehoer td.col_1 {
	text-align:right;	
	padding-left:30px;
}

table.euro_paginator td {
	padding:3px;	
}
table.euro_paginator a {
	font-family:arial;
	font-size:10px;
}

div#DIVEuroPaginatorTop {
	float:right;
}





/* --------------------------------------------------------- Info Boxen ---------------------------------------*/

/*
 Wichtig, sonst Links via Firefox, Google Chrome nicht erreichbar:
*/
div#main {
	width:520px;
}


div.infobox {	
	background-color: #FFF;
	font-size:7pt;
	margin:0px;
	margin-left:12px;
}

div.infobox li {
	background-image:none !important;
}

div.infobox li  a, div.infobox li p {
	display:block;
	border:1px solid #ffcc00;
	height:45px;
	width:156px;
	background-repeat:no-repeat;
	background-image:url(tl_files/frame/box_bg.gif);
	background-position:right top;
	margin:0px 0px 5px 0px !important;
	overflow:visible;
	position:relative;
	color:#666;	
	text-decoration:none;
	font-size:10px;
	line-height:100% !important;
}

div.infobox li span  {
	display:block;
	height:45px;
	width:113px;
	padding-left:45px;
	padding-top:0px;
	cursor:pointer;
	color:#666;
}

div.infobox a:hover {	
	border:1px solid #4094EE;	
}

div.infobox p.active {
	border:1px solid #4094EE !important;
}

div.infobox li.katalog span {
	background-image:url(tl_files/frame/box_katalog.gif);
}
div.infobox li.accoya span {
	background-image:url(tl_files/frame/box_accoya.gif);
}
div.infobox li.dvd span {
	background-image:url(tl_files/frame/box_dvd.gif);
}
div.infobox li.planungsassistent span {
	background-image:url(tl_files/frame/box_planung.gif);
}
div.infobox li.fuenfundzwanzig span {
	background-image:url(tl_files/frame/box_25jahre.gif);
	height:66px;
}
div.infobox li.euro span {
	background-image:url(tl_files/frame/box_euro.gif);	
}
/* --------------------------------------------------------- Navigation und Überschriften---------------------------------------*/