/* *** css by beat muhr www.megaweb.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
body {
	background-color:#fff;
	/* background-color:#DCDCDC; */
/*	font-size: 0.8em; */
	font-family:  Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;	
	color:#000000;
	padding:0;
	margin:0;
	/*line-height:1.1em;*/
}

/* ----------container zentriert das layout-------------- */
#container {
position:relative;
width: 100%;
margin: 0;
padding: 0;
background-color: #ffffff; /*gibt die Farbe des linken und rechten Pfeilers*/
height:auto;
}

/* QuickJump */
#QJ {
display: inline;
left: -1000px;
overflow: hidden;
width: 0px;
position: absolute;
top: -1000px;
height: 0px;
margin-top:0em;
}
#QJ a {
background: #003399;
color: #bdbec6;
text-decoration: none;
}

/* ----------banner for logo-------------- */

/*   TOP   */
#top {
position:relative; 
top: 0; 
margin:0; 
width: 100%; 
height: 63px;
white-space:nowrap;
padding:0;
background-color:#3c3e3c;
/* border-bottom:4px solid #00CC99; */
/*
background-image:url(http://web362.login-9.loginserver.ch/de/bh/top/BrunnerBedachungen.jpg);
background-repeat:no-repeat;
*/
}
#top p {
margin:0;
padding:0 3px 0px 10px;
color:#fff;
font-size:13px;
letter-spacing:1px;
}
.topstyle {
/*float:left;
width:auto;*/
height:57px;
/*width:150px;*/
width:9em;
/*border:1px solid #CCCCCC;*/
padding:0;
margin:8px 0 0 0;
/*border:1px solid #fff;*/
}
#top a:link, #top a:visited { 
color:#ffffff;
text-decoration: none;
}

#top a:hover, #top a:active {
color:#0099ff;
background-color:#fff;
padding:0;
}

#top2 {
clear:left;
background-color:#fff;
height:20px;
/*border:1px solid #FF3399;*/
}



/* --------------left & right ------------- */
#right {
	float: right;
	width: 14em;
	margin: 0;
	padding: 0;
	color:#000000;
	/* border-left:2px solid #009955; */
}

#left {
	float: left;
	width: 10em;
	/*<!--[if lte IE 6]>width: 14em;<![endif]-->*/
	margin:0;
	padding:0;
	color:#000000;
/*	list-style-type: none; */

}
* html #left {
width: 14em;
}

/* --------------left navigavtion------------- */
/*   http://css.maxdesign.com.au/listamatic2/vertical06.htm   */



/* -----------------Inhalt--------------------- */
#content {
	height:100%;
	min-height:600px;
	background-color: #ffffff;
	padding: 0;
	margin: 0 1em 0 15em;
	/* border-left: 1px dotted #000000; 
	border-right: 2px solid #009955;*/
	/*width:600px;*/
	width:35em;
	/* border: 1px dotted #000000; */
}

* html #content {
width: 35em;
}

#content p, #content pre, #content li, #content ul, #content img, table {
	padding: 0 1em 0em 1em;
	margin:0;
	line-height:1.4em;
	font-size: 0.9em;
/*	word-spacing:-.1em; */
}
#content hr {
padding:0;
margin:.3em 1em .3em 1em;
}
#content ul {
list-style:square;
padding:.5em 0 0 2.5em;
margin:0;
}
#content li {
padding:0 0 .5em 0;
margin:0;
}
/*
#content p, #content pre, #content li, #content ul, #content img, #content h1, #content h2, #content h3, #content pre  {
	padding: 0 1em;
	margin:0;
}
*/
#content a:link, #content a:visited { 
  text-decoration:none;
  font-weight:normal;
  color:#CD2626; /*color:#CC0033; */
  font-style:italic;
}
#content a:active, #content a:hover { 
color: #fff;
	text-decoration: none;
	background-color: #00AAFF;
	border:solid #660099;
	border-width:1px;
	
	letter-spacing:0;
}
/*
#content h1 {font-size:1.2em;color:#000000;font-weight: bold;padding:.2em 1em .2em 1em;font-family:Georgia, "Times New Roman", Times, serif;margin:0;}
*/
#content h1 {
font-size:1.1em;
font-weight:bold;
padding:.2em 1em 1em 1em;
font-family:Arial, Helvetica, sans-serif;
margin:0;
/*color:#3c3e3c;*/
color:#00AAFF;
width:88%;
line-height:1.2em;
/*text-decoration:underline;*/
}
#content img {
border:none;
padding:0;
/*margin:1.2em .5em 0 1em;*/
margin:.2em .5em .2em 0;

/* <!--[if lte IE 6]>margin-left:1em;<![endif]--> */
}
img {
border:none;
}
#content .abstand {
padding:0 0 0 8em;
margin:0;
}

#flash {
position:absoute;
left:0;
top:63px;
width:100%;
height:460px;
background-color:transparent;
z-index:2;
border:none;
}
#flash object {
position:absoute;
width:760px;
height:450px;
background-image:url(http://fenster-schraner.ch/fenster/bh/flash/hgd.gif);
margin:0 10% 0 10%;
padding:0;
z-index:1;
}
.skip a:link, .skip a:visited { 
color:#ffffff;
text-decoration: none;
}

.skip a:hover, .skip a:active {
color:#0099ff;
background-color:#fff;
padding:0;
}

#content h2 {font-size:.9em;/*color:#000000;*/color:#FF9944;/*color:#FF5500;*/font-weight: bold;margin:0;
padding:.8em 1em .2em 1em;}
#content h3 {font-size:.8em;color:#000000;font-weight: bold;margin:0;padding: 0 .8em;}
#content h4 {font-size:.6em;color:#0000ff;font-weight: bold;margin:0;padding: 0 1em .5em 1em;}

#navcontainer h2 {font-size:1em;color:#ffffff;font-weight: bold;margin:0em 2em 1em 0;border:1px dotted #0000ff;padding:.5em 0 .2em 1em;background-color:#009955;}



.bild_text {
border:1px dotted #CCCCCC;
background-color:#EEEEEE;
padding:.3em !important;
margin:.5em 0 .5em 0 !important;
font-style:italic;
}



#navcontainer {
padding: 0;
margin: 0;
width:13em;
position:relative;
z-index:999;
}
#navcontainer li img {
border:none;
margin:0;
padding:0;

}
#navcontainer ul
{
list-style-type: none; /*entfernt die bullets • */
margin: 0;
padding: 0;
text-align:center;
position:relative;
width:13em;

/*width:65em; *//*geht über ganzen Inhalt hinweg*/
}
#navcontainer li {
list-style-type: none; /*entfernt die bullets • */
margin: 0;
padding: 0;
background:transparent;
height:5.3em;

}
	#navcontainer a {
	display: block;
	/*padding: .5em .6em;*/
	padding:0;
	margin:0;
	width: 10em;
	color:#3c3e3c; /*Farbe der Schrift*/
	/*background-color: transparent; */ /* ffffff oder transparent */
	text-decoration: none;
	font-weight: normal;
	font-size:.7em;
	/*border:1px solid #660099;  border:1px solid #CC3333;	 */
	/*height:???;*/ /*1px kleiner als bei li */
	height:5.1em;
	
	}
	/* style the link hover */
	* html #navcontainer a:hover {color:#fff; background:#00AAFF;} /*fuer IE 6 */
	
	/*#navcontainer a:hover {*/
	#navcontainer :hover > a{
	color: #3c3e3c;
	font-weight:bold;
	background-color: #00AAFF; /*00AAFF*//*   F0F8FF*/
	text-decoration: none;
	letter-spacing:.1em;
	}


#navcontainer ul ul { 
padding: 0;
margin:-3.1em 0 0 0;
visibility:hidden;
position:absolute;
left:6em;
width:7.5em;
border:solid #660099;
border-width: 1px 1px 0 1px;
}
/* Untermenue */
#navcontainer li li {
margin: 0;
padding:0;
/* width:auto;  */ /* der IE 6 verträgt keine auto*/
text-decoration: none;
height:1.2em;
color: #3c3e3c;
}
	#navcontainer ul ul a {
	display:block;
	color:#3c3e3c; /* FF5500 */ /*########################################################*/
	font-weight: normal;
	border:solid #660099;
	border-width:0 0 1px 0;
	height:.7em;
	width:8em;
	white-space:nowrap;
	text-align:left;
	font-size:.9em;
	padding:.3em 0 .5em .4em;
	margin:0;
	letter-spacing:0;
	/*border:1px dotted #996633;*//*border:1px dashed #FF9966;*/
	}
	#navcontainer ul ul a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #00AAFF;
	border:solid #660099;
	border-width:0 0 1px 0;
	height:.6em;
	/*width:9em;*/
	letter-spacing:0;
	z-index:2;
	}
	/* make the second level visible when hover on first level list OR link */
	/*#navcontainer ul li:hover ul,
	#navcontainer ul a:hover ul {*/
	/*
	#navcontainer ul ul li:hover,
	#navcontainer ul ul a:hover {
	visibility:visible;
	background:#dde;
	}
	*/
	#navcontainer ul li:hover ul,
	#navcontainer ul a:hover ul{
	visibility:visible;
	background:#F0FFFF;  /*FFCC00*/
	}

#navcontainer .slct {
width: 7em; /*width: 10em;*/
/*line-height:2em;*/
letter-spacing:.1em;
/* border: 1px solid #FF0000; *//* zum  austesten */
/* display:block; */
/*font-size:1em;*/
font-weight:bold;
color: #fff; /*FF5500*/
text-decoration: none;
background-color: #F0FFFF;/* 00AAFF   FF5500   F18e00   009955*/
/*padding: .5em .3em .5em 1em;
padding:0 0 .3em 0;*/
padding:0;
margin:0;
z-index:102;
/*border:1px solid #CC3333;*/
}

#sub_sel {
color: #fff;
	font-size:.8em !important;
	text-align:left;
	text-decoration: none;
	background-color: #FF9944; /*00AAFF*/
	border:solid #660099;
	border-width:0 0 1px 0;
	height:.9em;
	width:9.1em;/*width:9.1em;*/
	letter-spacing:0;
	margin:1px 0 0 0;
	padding:.3em 0 .5em .4em;
	z-index:1;
}

/* Hacks fuer IE's */

* html #navcontainer ul ul a {
padding:.1em 0 .1em .4em;
}

* html #sub_sel {
padding:.1em 0 .1em .4em;
}

* html #navcontainer li {margin-left:-16px; margin-lef\t:0;}

/* get rid of the table left:6.5em; */
/*#navcontainer table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;} */

#navcontainer table {position:absolute; border-collapse:collapse; left:6.5em; z-index:100; font-size:1em; width:0; height:0;}



.show {
display:block;
}
.hide {
display:none;
visibility:hidden;
font-size:0em;
line-height:0em;
}




/*macht dreispaltige layouts*/

#spalten {
height:50%;
/* float:left; */
width:46%;
padding-left:2%;
background-color:#FFFFFF;
/* border:1px solid #00CCFF; */
}


/* -----------footer--------------------------- */
#footer {
	clear: both;
	border-top: 2px solid #009955;
	/* border-top: 1px solid #FFFACA; */
	margin: 1em 0 0 0;
	/* background-color: #FFFF99; *//*lightblue*/
	font-size:0.8em;
	text-align:center;
	padding:5px 0;
	color:#696969;
}
#footer a:link, #footer a:visited { 
color:#666666;
text-decoration: none;
}

#footer a:hover, #footer a:active {
color:#ffffff;
background-color:#009955;
}

/* -----------zähler--------------------------- */
#besucher {
margin-left:.5em;
color:#666666;
font-size:10px;
}
.besucher a:link, .besucher a:visited { 
color:#666666;
text-decoration: none;
}

.besucher a:hover, .besucher a:active {
color:#333333;
}
/* -----------topnavigation--------------------------- */


/* -----------right fortsetzung--------------------------- */
div.box_title {
margin:16px 8px 0 8px;
background-color:#0000ff; /*lightblue*/
color:white;
font-size:12px;
font-weight:bold;
padding:1px;
}
div.box_content {
margin:0 8px 8px 8px;
background-color:white;
border:#0000ff solid 1px; /*lightblue*/
color:black;
font-size:80%;
font-weight:normal;
padding:3px;
}
.box_content img {
float:left;
}

/* -----------kleiner--------------------------- */
#kleiner {
margin-left:0;
color:#0000ff;
background-color:#66FFFF;
border: 1px #000 solid;
}
.kleiner {
font-size:0.9em;
text-align:right;
letter-spacing:0.1em;
white-space:nowrap;
border-width: 1px;
padding:0.3em 0.3em 0.3em 0;
margin:0 .1em;

}

/* -----------spaltenausgabe--------------------------- */

#boxspalten
{
margin: 0 auto;
padding: 0;
}

/* to stretch the container div to contain floated list */

#boxspalten:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: left;
}


ul#boxspalten {
list-style: none;
padding: 0;
margin: 0 auto;
width: 99%;
}

ul#boxspalten li {
display: block;
float: left;
padding: 2%;
/*margin: 0 1%;*/
margin:0;
font-size:.9em;
}


.spa_1 {
/* color:#FF9933; */
color:#333333;
width: 44%;
text-align: justify;
/*
border:1px dotted #666666;
background-color:#F0F8FF;
*/
}
.spa_2 {
/* color:#FF9933; */
color:#333333;
width: 44%;
text-align: justify;
/*
border:1px dotted #666666;
background-color:#F0F8FF;
*/
}
/*
.spa_3 {
color:#333333;
width: 28%;
border:1px dotted #666666;
background-color:#F0F8FF;

}
*/
#boxspalten p {
margin:0;
padding:0;
}

/* -----------einzelne Klassen--------------------------- */
.fett{
font-weight:bold;
}
#content pre {font-size:1em;color:#000000;font-weight: normal;font-family:Arial, Helvetica, sans-serif;}




/* -----------links rechts--------------------------- */
ul {
   list-style-type: none;
   padding: 0;
   margin: 0; }

li.links {
   float: left;
   width: 55px;
   font-weight: normal;
   margin:0;
   white-space:nowrap;
   padding-left:5px;
   }
      
li.rechts {
   float: left;
   width: 300px; 
   padding: 0 0 5px 0;
   margin:0;
   }
li.clr {
   display: inline;
   margin: 0;
   padding: 0;
   width: 1px;
 }

br.clr {
   clear: left;
   width: 1px;
   font-size:1px;
   margin: 0;
   padding: 0;
   overflow:hidden;
 }
 
 /* -----------Button Gestaltung--------------------------- */
 
 #send a.button, #send a.button:visited, #send input.button {
/* border:#FF0000 1px dotted; */

/*background-image:url(../img/bg_button.gif);
background-repeat:no-repeat; */
background-color:transparent;
text-decoration: none;
    text-align: center;
    color: #000000;
    font-size: 10px;
    font-family: verdana;
	border:1px dotted #ffffff;

    line-height: 15px;
    vertical-align: middle;
    height: 15px;
    width: 122px;

    display: block; 
}


#send a:hover, #send a:active, #send a:focus, #send input.button:hover, #send input.button:focus {
background-image:url(../img/h_button.gif);
background-repeat:no-repeat;

text-decoration: none;
    color: #ff0000;
	border:1px dotted #999999;
}

embed, object {
width:99%;
height:18px;
}


/* HIER WAR KASTEN1 + 2 -----------------*/


/*TABMENUE*/

#tabmenue {
margin:.1em 0 0 3%;
  padding: 3px;
  border-bottom: 1px solid #222; 
}
#tabmenue li {
  display: inline; 
  margin:0; padding:0;
}
#tabmenue li a {
  padding: 3px 1em;
  margin-left: 3px;
  /* border: 1px solid #777; */
  border: 1px solid #0000ff;
  
  border-bottom: 0;
  text-decoration: none; 
  color:#900000; background-color:#ffffc6;
-moz-border-radius-topleft:2em;
-moz-border-radius-topright:2em;
}
#tabmenue li a:hover {
  /* border-color:#222; */
  border-color:#0000ff;
  background-color:#fc0;
}
#tabmenue li a#aktuell {
  padding: 3px 1em; border:1px solid #222; border-bottom:0;
  color:#000; background-color:#fe4;
}



iframe     
{ 
	/* border: #ff99cc 1px solid; */
	padding:0;
	margin:0;
}



p.loading
{
  background: url(/img/loading.gif) no-repeat center center;
}



a.blaettern  {
	color: darkorange;
	font-weight: bold;
}
a.blaettern:link {
	text-decoration:none;
	font-weight: bold;
}
a.blaettern:visited {
	text-decoration:none;
	font-weight: bold;
}
a.blaettern:hover {
	text-decoration:underline;
	font-weight: bold;
}
a.blaettern:active {
	text-decoration:underline;
	font-weight: bold;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout5.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
http://www.cssplay.co.uk/menus/flyout5.html
=================================================================== */

.menu {
position:relative;
z-index:1000;
font-size:90%;
color:#3c3e3c;
height:235px;
margin:8px 0 0 1px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:120px; /*width:150px;*/
position:relative;
/*border:1px solid #888;
border-width:1px 0 0 1px;*/
background:#fff;/*background:#9bb;*/
text-align:center;
}

.menu li {
background:transparent;
height:86px;/*height:26px;*/
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
font-family:verdana, arial, sans-serif;
display:block; 
text-decoration:none;
height:85px;/*height:25px;*/
line-height:15px; /*line-height:25px;*//*bestimmt Abstand vom Text zum Bild*/
width:120px;/*width:150px;*/
color:#000;
text-indent:5px;
/*border-bottom:1px solid #888;*/
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#00AAFF;letter-spacing:.1em; /*neu*/
}

.menu :hover > a {
color:#fff; 
background:#00AAFF;
letter-spacing:.1em; /*neu*/
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:100px;
text-align:left;
width:140px !important; /*neu*/
border-top:1px solid #888;
}
/*neu*/
.menu li li {
height:26px  !important;
width:140px !important; /*neu*/
background:#F0F8FF;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#F0F8FF; /*background:#dde;*/
/*neu*/
height:25px !important;
line-height:25px !important;
width:140px !important; /*neu*/
}
/* keep the third level hidden when you hover on first level list OR link */
/* .menu ul :hover ul ul{
visibility:hidden;
}*/
/* keep the fourth level hidden when you hover on second level list OR link */
/*.menu ul :hover ul :hover ul ul{
visibility:hidden;
}*/
/* make the third level visible when you hover over second level list OR link */
/*.menu ul :hover ul :hover ul{ 
visibility:visible;
background:#ded;
}*/
/* make the fourth level visible when you hover over third level list OR link */
/* .menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
background:#edd;
}*/
.menu ul ul li a { /*width:140px; border:solid #888;border-width:0 1px 1px 1px;background:#F0F8FF; */
/*neu*/
border:solid #888;
border-width:0 1px 1px 1px;
letter-spacing:0 !important;
height:25px !important;
line-height:25px !important;
width:140px !important; /*neu*/
}


.menu ul.top1 {top:9px;}
.menu ul.top2 {top:95px;}
.menu ul.top3 {top:181px;}
.menu ul.top4 {top:267px;}
.menu ul.top5 {top:353px;}
.menu ul.top6 {top:439px;}
.menu ul.top7 {top:525px;}

*+html .menu ul.top1 {top:9px;}
*+html .menu ul.top2 {top:98px;}
*+html .menu ul.top3 {top:187px;}
*+html .menu ul.top4 {top:276px;}
*+html .menu ul.top5 {top:365px;}
*+html .menu ul.top6 {top:455px;}
*+html .menu ul.top7 {top:544px;}

.selct {
font-weight:bold;
color: #FF9944 !important; /*FF5500*/
/*background-color: #FFCC77 !important;*/
border:1px solid #00AAFF !important;/*FFCC77*/
}

.sub_selct {
color: #fff !important;
text-decoration: none;
background-color: #FF9944 !important; /*00AAFF*/
/*neu*/
height:25px !important;
line-height:25px !important;
border-left:1px solid #888 !important;
}
/*
</style>
<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]-->

*/