/*
-----------------------------------------------
www.01241.com
Author:   Markus Steiger
Version:  28/08/2007
----------------------------------------------- */


html,body {
margin:	0;
padding:0;
height:100%;
text-align:center;
background-color:#1E201D;
color: #000000;
font-family:Verdana,sans-serif;
font-size: 11px;
}

#container {
position:relative;
width:878px!important;
width:878px;		 /* IE Fix for (2) 1px borders being inside container. */
height: auto !important;   /* Detect height automatically, Incompatible w/IE */
height: 100%;
min-height: 100%;
background-color:#1E201D;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
border: 0px solid yellow;
}

.noprint {
display:inline;
}

 /***  H E A D E R    plus Elemente ***/

#top_bottom_01241 {
font-size: 9px;
float: right;
margin-right: 20px;
background-color: #1E201D;
padding: 2px 5px 2px 5px;
border: 1px solid #000000;
}

#header {
width: 100%;
height: 112px;
text-align: left;
font-size: 11px;
color: #777777;
font-weight: normal;
border: 0px solid yellow;
}

#toplogo {
position: absolute;
width: 100px;
height: 15px;
margin-left: 100px;
margin-top: 20px;
padding: 0 0px;
z-index:300;
border: 0px solid yellow;
}

#topkopfmitte {
position: absolute;
width: 500px;
height: 15px;
margin-top: 20px;
margin-left: 232px;
padding: 0 0px;
z-index:300;
border: 0px solid yellow;
}

#topnav {
position: absolute;
top: 54px;
left: 596px;
width:240px;
padding: 0 0px;
border: 0px solid yellow;
}

#toppfad {
position: absolute;
top: 74px;
left: 0px;
text-align: right;
font-size: 11px;
width: 220px;
padding: 0 0px;
border: 0px solid yellow;
}

#toptitel {
position: absolute;
top: 74px;
left: 232px;
width: 500px;
padding: 0 0px;
border: 0px solid yellow;
}

#topsearch {
position: absolute;
top: 27px;
left: 596px;
width:240px;
height: 20px;
padding: 0 0 0 0px;
bottom: 0px;
border: 0px solid yellow;
}



 /***    E X T R A   C O N T EN T    ***/


.newsbox_border {
	margin-bottom: 8px;
            width: 100%;
	padding: 10px 5px 5px 5px;
            font-size: 11px;
            font-weight: normal;
            color: #888888;
	text-align: left;
            line-height: 150%;
            float: left;
	border: 1px solid #444444;
}

.newsbox_text {
	margin-bottom: 8px;
	padding: 0px 0px 8px 0px;
            font-size:11px;
            width: 100%;
            font-weight: normal;
            color: #888888;
	text-align: left;
            line-height: 150%;
	border: 0px solid #333333;
}

.newsbox_background {
	margin-bottom: 8px;
            margin-top: 0px;
            float: left;
            width: 100%;
	padding: 10px 10px 10px 10px;
            background-color: #000000;
            font-size: 11px;
            font-weight: normal;
            color: #999999;
	text-align: left;
            line-height: 150%;
/***     background-image:url(../images/ico_foto.gif);    
            background-repeat:no-repeat;                                     desativado    ***/
}

.newsbox_home {
	padding: 20px 20px 20px 20px;
            background-color: #000000;
            font-size: 11px;
            font-weight: normal;
            color: #999999;
            line-height: 150%;
            float: left;
            width: 90%;
}


 /***     Spalte  L I N K S   ***/

#spalte_links1 {
	margin-top: 30px;
	float: left;
	width: 360px;
	text-align: left;
            line-height: 150%;
	padding-bottom:	 10px;
	border: 0px solid blue;
}

#spalte_links2 {
	margin-top: 30px;
            margin-right: 30px;
	float: left;
	width: 200px;
            color: #777777;
            text-align: left;
            line-height: 150%;
	padding: 0px 0px 8px 0px;
	border: 0px solid blue;
}

 #spalte_links3 {
	margin-top: 30px;
            margin-right: 30px;
	float: left;
	width: 200px;
            color: #777777;
            text-align: left;
	padding: 0px 0px 0px 0px;
	border: 0px solid blue;
}

 /***     Spalte  M I T T E    ***/

#spalte_mitte1 {
	margin-top: 29px;
	float: left;
	width: 274px;
	text-align: left;
            line-height: 150%;
	padding: 0px 10px 50px 13px;
            z-index:300;
	border: 0px solid red;
}

#spalte_mitte2 {
	margin-top: 30px;
	float: left;
	width: 410px;
	text-align: left;
            line-height: 150%;
	padding-bottom:	 50px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid red;
}

#spalte_mitte3 {
	margin-top: 0px;
	float: left;
	width: 600px;
	padding-bottom:	 0px;
	padding-right: 2px;
	padding-left: 2px;
	border: 0px solid red;
}

 /***     Spalte  R E C H T S    ***/

#spalte_rechts1 {
	float: right;
	width: 200px;
	text-align: left;
	margin-top: 29px;
	padding: 0px 0px 0px 0px;
            background-color: #1E201D;
	margin-right: 2px;
            line-height: 150%;
            color: #777777;
	border: 0px solid green;
}

#spalte_rechts2 {
	float: right;
	width: 200px;
	text-align: left;
	margin-top: 30px;
	padding: 0px 0px 0px 0px;
            line-height: 150%;
            color: #777777;
	border: 0px solid red;
}

#spalte_rechts3 {
	float: right;
	width: 10px;
	margin-top: 30px;
	padding: 0px;
	border: 0px solid green;
}

h1   {
font-size:11px;
font-weight: normal;
color: #dedede;
letter-spacing:0.02cm;
margin-top: 0px;
margin-bottom: 0px;
}

h2 {
font-size:11px;
color:#999999;
font-weight: normal;
margin-top: 0px;
margin-bottom: 15px;
line-height: 1em;
letter-spacing:0.02cm;
}

.serif  {
font-size: 42px;
font-family: Times,serif;
font-weight:normal;
margin-top: -2px;
color:#cccccc;
letter-spacing:0.01cm;
}

.serif_klein  {
font-size:30px;
font-family: Times,serif;
line-height: 110%;
font-weight: normal;
margin-top: 0px;
margin-bottom: 25px;
color:#dedede;
letter-spacing:0.0cm;
}


.boxtitel2  {
font-weight:normal;
color:#cccccc;
background-color:#1E201D;
letter-spacing:0.02cm;
margin-left: -8px;
margin-right: 5px;
margin-bottom: -4px;
padding: 6px 12px 5px 10px;
}

.boxtitel3  {
font-weight:normal;
color:#cccccc;
background-color:#000000;
letter-spacing:0.02cm;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 2px;
padding: 6px 6px 5px 10px;
}

.boxtitel_background_normal  {
font-weight:normal;
margin-bottom: 0px;
margin-top: 20px;
color:#cccccc;
background-color:#000000;
letter-spacing:0.01cm;
padding: 7px 4px 7px 10px;
}

.absatz {
font-size: 11px;
color: #888888;
line-height: 150%;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 25px;
padding: 5px 3px 0px 8px;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
}

.absatz2 {
font-size: 11px;
color: #888888;
line-height: 150%;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 25px;
padding: 5px 3px 0px 8px;
}

.absatz_text {
font-size: 11px;
color: #888888;
line-height: 160%;
margin-left: 0px;
margin-top: 15px;
margin-bottom: 15px;
padding: 0px 0px 0px 0px;
}

.absatz_border {
font-size: 11px;
color: #888888;
line-height: 150%;
margin-left: 0px;
margin-top: 20px;
margin-bottom: 15px;
padding: 9px 8px 0px 12px;
background-color:#262825;
border: 1px solid #555555;
}

.top20 { margin-top:20px; clear:both; }
.top25 { margin-top:25px; clear:both; }
.top50 { margin-top:50px; clear:both; }
.bottom10 { margin-bottom:10px; }
.left_5 { margin-left:0px; padding-left: 5px;  }



.legenda_white { font-size: 11px; color: #ffffff; line-height: 150%; display:block; clear:both; margin-top: 10px; margin-bottom:10px; }
.green { color:#009900; }
.yellow { color:#E1EE18; }
.white { color:#dedede; }
.grau    { color: #777777; }
.norm9 { font-size: 9px; color: #888888; line-height: 150%; }
.norm9durchschuss { font-size: 9px; color: #777777; line-height: 200%; }
.norm11 { font-size: 11px; color: #888888; line-height: 150%; }
.gesperrt    { letter-spacing:0.07cm;  }
ul li { list-style-image:url('http://www.01241.com/01/assets/templates/01241/images/ico_bullet_li.gif'); margin-left:0px; margin-bottom:1px;   }
ul { margin-left:0.3cm; margin-top: 10px; line-height: 150%; }
dl { margin-left:0.3cm; margin-top: 10px; line-height: 150%;}
dl li { list-style-image:url('http://www.01241.com/01/assets/templates/01241/images/ico_bullet_li.gif'); margin-left:0px; margin-bottom:1px;  }
ol { margin-top: 10px; line-height: 150%; }
ol li { margin-left: 0px; margin-top: 0px; margin-bottom: 0px;  list-style-type: decimal;line-height: 150%;}
blockquote { margin-left: 30px; margin-top: 0px; margin-bottom: 0px; }
hr  { margin-bottom: 0px; border: #333333 1px solid; }

#content { color: #888888; }
#content  b {
font-weight:normal;
color: #cccccc;
 /***  padding: 1px 3px 1px 3px;   ***/
letter-spacing:0.01cm;
}
#content p {
margin-left:0px;
margin-top:6px;
margin-bottom:12px;
}



 
 /***                  F    O    O    T    E    R              ***/

#footer {
bottom:	 0;
width: 100%;
height: 140px;
line-height: 150%;
padding: 10px 0px 0px 0px;
margin-left: 0 !important;
margin-bottom: 0 !important;
margin-top: 20px;              	          
margin-bottom: -1px;	   	           
color:#666666;
border:0px solid yellow;
}

#footerleft {
float:left;
text-align: right;
font-size: 9px;
color:#666666;
padding: 0px 0px 0px 0px;
line-height: 150%;
width: 200px;
margin: 0px;
border: 0px solid white;
}

#footermiddle {
float:right;
padding: 0px 0px 0px 0px;
line-height: 150%;
width: 430px;
margin-right: 10px;
text-align: left;
font-size: 9px;
color:#666666;
line-height: 150%;
border: 0px solid green;
}

.footermiddle_smooth {
text-align: left;
margin-top: 0px;
clear:both;
font-size: 9px;
color:#666666;
border: 0px solid green;
}

#footerright {
float:right;
width: 190px;
text-align: left;
font-size: 9px;
color:#666666;
margin-right: 10px;
padding: 0px 0px 0px 0px;
border: 0px solid blue;
}


* html #footer{
margin-bottom:-1px
}/* ie rounding bug*/

/* mac hide \*/
* html #footer {
/*only ie gets this style*/
height:140px;
/* for ie*/
}

#clearfooter {
width:100%;
height:1px;
clear:both;
}

#footer p {
clear:left;
margin-left:0px;
}



 /***  L  I  N  K  S ***/


a, a:link { color: #9499B7; text-decoration: none; }
a:visited { color: #786B87; text-decoration: none; }
a:hover { color: #F1EBAB; text-decoration: none; }
a:active { color: #ffffff; text-decoration: none; }

a.nav:link { color:#9499B7; text-decoration:none;  }
a.nav:visited { color:#9499B7; text-decoration:none;  }
a.nav:hover { color:#F1EBAB; text-decoration:none;  }
a.nav:active { color:#9499B7; text-decoration:none; }

a.nav2:link { color:#9499B7; text-decoration:none; font-size: 11px; margin-bottom: 7px; line-height: 170%; }
a.nav2:visited { color:#9499B7; text-decoration:none; font-size: 11px; margin-bottom: 7px; line-height: 170%; }
a.nav2:hover { color:#F1EBAB; text-decoration:none; font-size: 11px; margin-bottom: 7px; line-height: 170%; }
a.nav2:active { color:#9499B7; text-decoration:none; font-size: 11px; margin-bottom: 7px; line-height: 170%; }

a.grau9:link { color:#9499B7; text-decoration:none; font-size: 9px; }
a.grau9:visited { color:#9499B7; text-decoration:none; font-size: 9px; }
a.grau9:hover { color:#F1EBAB; text-decoration:none; font-size: 9px; }
a.grau9:active { color:#ffffff; text-decoration:none; font-size: 9px; }

a.bottom:link { color:#888888; text-decoration:none; }
a.bottom:visited { color:#888888; text-decoration:none; }
a.bottom:hover { color:#F1EBAB; text-decoration:none;}
a.bottom:active { color:#888888; text-decoration:none; } 

a.extgrau:link { color:#777777; text-decoration:none;  }
a.extgrau:visited { color:#777777; text-decoration:none; }
a.extgrau:hover { color:#F1EBAB; text-decoration:none; }
a.extgrau:active { color:#777777; text-decoration:none; }

.closebutton {
	background-color: #1E201D;
	border: 1px solid #666666;
	padding:0px 5px 1px 8px;
            font-size: 9px;
            font-weight: bold;
            cursor: pointer;
	margin-left: 2px;
}


 /***    (A C C O R D I O N)      M   E   N   U     ***/


#menu {
	margin: 0;
	padding: 0;
}

#menu a, #menu a:link, #menu a:visited {display:block; margin: 0px; padding: 0px 10px 0px 10px; text-decoration:none; font-size:11px; color:#9499B7; overflow:hidden;}
#menu a:hover {color:#F1EBAB;  } 
#menu a:active {color:#ffffff; } 

#accordion {
    border: 1px solid #1F669B;
    width: 300px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

#menu h3 {
font-size: 11px;
font-weight: normal;
color:#cccccc;
background-color:#000000;
letter-spacing:0.01cm;
margin: 0;
padding: 4px 2px 4px 12px;
border: 0px solid red;
 /*** cursor:pointer;***/
}

#menu ul { 
list-style: none;
margin: 0px;
padding: 0px;
 }

#menu li { 
list-style: none;
width: auto;
display: block;
padding: 3px;
list-style-image: none !important;
background-color:#1E201D;
}

.last { 
margin-bottom: 10px;
}


#visible {
    color:#CED7EF;
    background-color: #63699C;
}
#panel1, #panel2, #panel3, #panel4 {
    margin: 0;
    padding-bottom: 0;
    border: none;
}
.panel_body {
    
}



 /***   M  O  O  T  O  O  L  S    T  E  S  T     ***/

                                                                                                      /***  Fx.Elements demo     ***/

#kwicks_container { 
background-color: #000000;
height: 120px;
}

#kwicks { 
position: relative;
top: 0px;
left: 0px;
float: left;
}
 
#kwicks .kwick { 
float: left;
display: block;
width: 40px;
height: 98px;
}
 
#kwick_1 {overflow: hidden; border: 0px solid #dedede; }
#kwick_2 {overflow: hidden; border: 0px solid #dedede; }
#kwick_3 {overflow: hidden; border: 0px solid #dedede; }
#kwick_4 {overflow: hidden; border: 0px solid #dedede; }
#kwick_5 {overflow: hidden; border: 0px solid #dedede; }

#kwicks_container ul { list-style: none; margin: 0px; padding: 0px; }


                                                                                                      /***  T   O   O  L     T   I   P  ***/

.tool-tip {
	color: #dedede;
            text-align: left;
	width: 140px;
	z-index: 1300;
            border: 1px solid #555555; 

/***        -moz-opacity:0.6;                                  Mozilla 
                                  filter:alpha(opacity=60);     IE
	                      -khtml-opacity: 0.6;            ????    
                                   opacity: 0.6;                     seria standard mais não é aceito        
            W3 não aceita!     ***/
}


 
.tool-title {
	font-weight: bold;
	margin: 0;
	color: #dedede;
	padding: 8px 8px 4px 12px;
	background: #333333;
}
 
.tool-text {
	padding: 6px 8px 8px 12px;
	color: #dedede;
	background: #333333;
}


@media aural {  
  h1, h2, h3 { stress: 20; richness: 90 }
  .hide { speak: none }
  p.copyright { volume: x-soft; speech-rate: x-fast }
  dt { pause-before: 20% }
  pre { speak-punctuation: code } 
}