/**
$HeadURL: https://wladimir.webteam.at:3690/svn/secar/trunk/templates/screen.css $
Author: joerg.hampel@webteam.at

Last Changed:
 $Revision: 28 $
 $Author: jonix $
 $Date: 2006-12-19 10:34:00 +0100 (Tue, 19 Dec 2006) $
*/


/**************************************************************************
IMPORT - VOR ALTEN BROWSERN VERSTECKTE STYLES
**************************************************************************/

/* standard-formatierungen von browsern ausgleichen */ 
@import url("undobrowser.css");




/**************************************************************************
ALLGEMEINE ANGABEN
**************************************************************************/

body
{
  background: url(../images/bg_site.gif) #000000;
  color: #333333;
  font: 0.8em Verdana, Helvetica, Geneva, Arial, sans-serif;
  line-height: 140%;
  margin: 0;
  padding: 0;
  text-align: center;
}
body *
{
  font-size: 100%;
}
body.black
{
  background-color: #000000;
}

.left
{
  float: left;
}
.txtleft
{
  text-align: left;
}

.right
{
  float: right;
}
.txtright
{
  text-align: right;
}

.small
{
  font-size: 75%;
}

img, form, div, p, table, td, ul, li
{
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

img
{
  vertical-align: middle;
}

a:link, a:visited
{
  color: #513902;
}
a:active, a:hover
{
  color: #B86D00;
}

hr
{
  display: none;
}



/**************************************************************************
Rahmen
**************************************************************************/

#container
{
  background: #FFFFFF;
  border-left: 1px solid black;
  border-right: 1px solid black;
  margin: 0px auto;
  padding: 0;
  text-align: center;
  width: 760px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 760px;
}
html>body #container
{
  width: 760px;
} 

.box
{
  width: 760px;
  text-align: center;
  vertical-align: bottom;
}

#nav-access
{
  display: none;
}


/**************************************************************************
Kopfbereich
**************************************************************************/

#header
{
  background: #000000 url(../images/bg_carbon.gif);
  clear: both;
  height: 85px;
  text-align: left;
  width: 760px;
}
  #header h1
  {
    font-size: 2px;
    line-height:0;
    position: absolute;
    z-index: 100;
  }
    #header h1 a
    {
      background: url(../images/logo.gif) no-repeat;
      display: block;
      height: 73px;
      margin: 5px 10px;
      text-indent: -700em;
      width: 210px;
    }
  #header p
  {
    position: absolute;
    top: 35px;
    right: 50%;
    margin-right: -360px;
  }
    #header p a
    {
      color: #ffdd00;
      font-weight: bold;
    }



/**************************************************************************
Haupt-Navigation
**************************************************************************/

#mainmenu
{
  background: #513902;
  clear: both;
  font-size: 100%;
  font-weight: bold;
  height: 1.8em;
  margin: 0;
  text-align: left;
}

#mainmenu label
{
  display: none;
}

#mainmenu ul
{
  background: #B86D00;
  display: inline;
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 760px;
}

#mainmenu ul li
{
  display: inline;
  float: left;
  height: 100%;
  margin: 0;
  margin-top: 0;
  padding: 0;
  text-align: center;
  width: 20%;
}

#mainmenu ul li a
{
  background: url(../images/bg_menuitem.gif) #B86D00 repeat-x top;
  color: #333333;
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  width: 100%;
}

#mainmenu ul li a:hover
{
  background: url(../images/bg_menuitem.gif) #B86D00 repeat-x 0% -80px;
}

#mainmenu ul li#selected a
{
  background: url(../images/bg_menuitem.gif) #B86D00 repeat-x bottom;
  float: left;
  margin: 0;
  padding: 0;
}



/**************************************************************************
Unter-Navigation
**************************************************************************/

#submenu
{
  background: #333333;
  font-size: 85%;
  font-weight: normal;
  height: 2em;
  margin: 0;
  text-align: left;
}

#submenu label
{
  display: none;
}

#submenu ul
{
  background: url(../images/bg_submenuitem.gif) repeat-x top;
  display: inline;
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 760px;
}

#submenu ul li
{
  display: inline;
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 20%;
}

#submenu ul li a
{
  background: url(../images/bg_submenuitem.gif) repeat-x top;
  color: #FFDD00;
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  width: 100%;
}

#submenu ul li a#sub_selected
{
  background: url(../images/bg_submenuitem.gif) repeat-x bottom;
  color: #FFFFFF;
}

#submenu ul li a:hover
{
  background: url(../images/bg_submenuitem.gif) repeat-x bottom;
  color: #FFFFFF;
}


/**************************************************************************
Intro
**************************************************************************/

#interim
{
  text-align: center;
  margin-top: 10%;
}
#interim h1
{
  color: #FFDD00;
  font-size: 150%;
  margin: 20px 0 30px 0;
  text-align: center;
}
#interim p
{
  color: #FFFFFF;
  font-weight: bold;
  line-height: 120%;
  margin-top: 15px;
  text-align: center;
}
#interim a
{
  color: #FFDD00;
}

#flash
{
  text-align: center;
  margin-top: 15%;
}
#flash p
{
  text-align: center;
  margin-top: 15%;
}



/**************************************************************************
Flash
**************************************************************************/

#teaser_main, #teaser_sub
{
  background: #333333;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
#teaser_main
{
  height: 120px;
}
#teaser_sub
{
  font-size: 2px;
  line-height:0;
  z-index: 100;
}
#teaser_sub h1
{
  display: block;
  height: 97px;
  text-indent: -700em;
  width: 760px;
}
#teaser_sub h1.content_11
{
  background: url(../content_imgs/content_11.jpg) no-repeat;
}
#teaser_sub h1.content_18
{
  background: url(../content_imgs/content_18.jpg) no-repeat;
}
#teaser_sub h1.content_22
{
  background: url(../content_imgs/content_22.jpg) no-repeat;
}
#teaser_sub h1.content_27
{
  background: url(../content_imgs/content_27.jpg) no-repeat;
}
#teaser_sub h1.content_28
{
  background: url(../content_imgs/content_28.jpg) no-repeat;
}


/**************************************************************************
Inhalte
**************************************************************************/

#content
{
  background: url(../images/bg_content.gif) repeat-x;
  clear: both;
  width: 760px;
  min-height: 320px;
  text-align: left;
}

/**************************************************************************
Hauptbereich Inhalte
**************************************************************************/

#showroom
{
  float: left;
  padding: 5px 15px 15px 15px;
}

#showroom p, #showroom ul
{
  line-height: 130%;
  margin-bottom: 10px;
  text-align: left;
}
#showroom p, #showroom ul, #showroom table
{
  margin-left: 10px;
}

#showroom h1, h2, h3
{
  color: #B86D00;
  font-size: 125%;
  font-weight: bold;
  margin-top:10px;
  margin-bottom:10px;
  text-align: left;
}

#showroom h3
{
  font-size: 100%;
}

#showroom .ref_img
{
  margin: 10px 0 0 0;
}

#showroom .cl td
{
  border: 1px solid #666666;
  vertical-align: middle;
}
#showroom .cl td.cl_title
{
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}
#showroom .cl td.cl_measure
{
  border: 1px solid #999999;
  padding-left: 15px;
  padding-right: 15px;
}
#showroom .cl td.cl_under
{
  font-size: 90%;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

#showroom .cl2 td, #showroom .cl2 td.cl_measure
{
  border: none;
  vertical-align: middle;
}


/**************************************************************************
Sonderformate fuer funktionelle Elemente
**************************************************************************/

#func_elem_list h3
{
  color: #513902;
  font-size: 100%;
  font-weight: bold;
  margin-left: 10px;
  margin-bottom: 1px;
}
#func_elem_list h3 span
{
  color: #666666;
  font-size: 85%;
  font-weight: normal;
  display: block;
  margin-bottom: -1px;
}
#func_elem_list h3 a
{
  text-decoration: none;
}
#func_elem_list p
{
  color: #333333;
}
#func_elem_list p a
{
  text-decoration: none;
  border-bottom: 1px dotted;
}
#func_elem_list_body
{
  margin-top: 30px;
  margin-bottom: 30px;
}


/**************************************************************************
Sonderformate fuer Startseite (3-spaltig)
**************************************************************************/

#home_c1
{
  margin: 0;
  padding: 0;
  width: 43%;
} 

#home_c2
{
  margin: 0;
  padding: 0;
  width: 27%;
} 

#home_c3
{
  margin: 0;
  padding: 0;
  text-align: right;
  width: 30%;
} 

#home_c3 h2
{
  color: #B86D00;
  font-size: 125%;
  font-weight: bold;
  margin-right: 0;
  margin-bottom: 5px;
  padding: 0;
  text-align: right;
}

#home_c3 p, #home_c3 td
{
  font-size: 75%;
  margin: 5px 0;
  padding: 0;
  text-align: right;
}

#home_c3 td
{
  line-height: 140%;
  vertical-align: top;
}

#home_c3 h3
{
  color: #513902;
  font-size: 90%;
  font-weight: normal;
  line-height: 120%;
  text-align: right;
}
#home_c3 h3 span
{
  color: #666666;
  font-size: 80%;
  font-weight: normal;
  display: block;
  margin-bottom: -1px;
}
#home_c3 h3 a
{
  text-decoration: none;
}

#callback
{
  margin: 20px 0 0 0;
}

#callback label
{
  display: block;
}



/**************************************************************************
Fusszeile
**************************************************************************/

#footer
{
  background: #000000;
  border-top: 5px solid #333333;
  clear: both;
  height: 3.5em;
  width: 760px;
}

#footer p, dl
{
  color: #B86D00;
  font-size: 75%;
  padding: 0 5px;
}
#footer p a, #footer dd a
{
  color: #A75800;
}

#footer dt
{
  display: inline;
}
#footer dd
{
  display: inline;
}
#footer dd+dd
{
  border-left: 1px solid #B86D00;
  padding-left: 5px;
}



/**************************************************************************
Angaben fuer CMS Engine
**************************************************************************/
#value_ed_id, #value_ed_area_id, #rich_temp_iframe
{
  background: #FFFFFF;
}





/**************************************************************************
Fairrank: Formatierungen fuer den Block "Weitere Informationen"
**************************************************************************/
.infotext
	{
	display:none;
	font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;
	color: #333333;
	text-align: justify;
	}
.infotext h1
	{
	font-size: 19px;
	color: #513902;
	}
.infotext a:link, .infotext a:visited
	{
	color: #513902;
	text-decoration: none;
	font-weight: bold;
	}
.infotext a:hover, .infotext a:active
	{
	color: #B86D00;
	text-decoration: none;
	font-weight: bold;
	}
	
/* Erweiterung */
.moreinfo {
  color: #513902;
  text-decoration: none;
  font-weight: bold;
  font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;
}