/*
    project: OAS AG relaunch 2007
    type: stylesheet
    description: basic styles for all browsers with default values
    edited by: Bert Henke

    (c) Bert Henke 2007. All rights reserved.
*/

/* -------------------------------- */
/* -- GLOBAL ELEMENT DEFINITIONS -- */

	html, body {
		font-size: 100.01%;
  	margin: 0px;
  	padding: 0px;
/*  	background-color:#656565; */
	}

/* global whitespace reset */
  * {
    margin: 0;
    padding: 0;
  }

/* font family */
  body, td, button, input, optgroup, option, select, textarea {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  }

/* forms */
  label, input[type=button], input[type=checkbox], input[type=image], input[type=radio], input[type=reset], input[type=submit], select, button {
    cursor: pointer;
  }

  table, td {
  	margin: 0px;
    padding: 0px;
    vertical-align: top;
    text-align: left;
  }

/* no border for images */
  img {
    border: 0px solid #FFFFFF;
  }

/* bot-trap-falle */
	#pfad-zu-extras {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}

/* ------------------------------ */
/* -- GLOBAL CLASS DEFINITIONS -- */

/* for clearing issues */
  .cl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }

  .clear {
    clear: both;
    height: 0px;
    width: 0px;
  }

	.nw {
		white-space: nowrap;
	}

  .var-img {
    width: 100%;
  }

  .img-container img {
    width: 100%;
    height: 100%;
  }


/* ------------------------------ */
/* -- BARRIEREFREI POSITIONING -- */

/* -- FRAME -- */

	#frame {
  	width: 100%;
  	height: 100%;
    margin: 0px;
  	border-right: 1px solid #E7E7E7;
	}

/* -- TOP-MENÜ -- */

	#bf-menu {
		float: left;
		margin-right: 8px;
  	background-color: #FF0000;
		border: 0px solid #000000;
	}

	#bf-menu td {
  	text-align: center;
  	font-size: 0.6em;
  	padding-left: 0.6em;
  	padding-right: 0.6em;
  	padding-top: 0.2em;
  	padding-bottom: 0.2em;
		border-right: 2px solid #FFFFFF;
 	}

	.lang-img img {
  	height: 1.0em;
	}



/* -- HEADLINE -- */

	#welcome {
/*  	width: 39.0em; */
  	font-size: 1.4em;
  	font-weight: bolder;
  	color: #FF0000;
  	vertical-align: middle;
  	padding-left: 5px;
  	border: 0px solid #000000;
	}


/* -- OAS-LOGO -- */

	#logo-oas {
  	height: 3.1em;
  	text-align: right;
  	padding-right: 5px;
	}


/* -- ROTER UND GRAUER BALKEN -- */

	.balken_r {
  	position: relative;
		width: 100%;
  	height: 9px;
  	background-color: #FF0000;
		border: 0px solid #000000;
	}

	.balken_g {
  	position: relative;
		width: 100%;
  	height: 12px;
/*  background-color: #A2A2A2; */
  	background-color: #737373;
		border: 0px solid #000000;
	}


/* -- UNTEN -- */

	#unten {
  	width: 100%;
  	height: 100%;
  	background-color: #E7E7E7;
  	border: 0px solid #FF0000;
	}

	#unten #col1 {
  	width: 3px;
  	height: 100%;
  	background-color: #E7E7E7;
  	border-right: 1px solid #656565;
	}

	#unten #col2 {
  	width: 11.8em;
  	height: 100%;
  	vertical-align: top;
  	border: 0px solid #FF0000;
	}

	#unten #col3 {
  	height: 100%;
  	vertical-align: top;
  	background-color: #FFFFFF;
  	border: 0px solid #FF0000;
	}


/* -- CONTENT-MENÜ -- */

  #c-men-img {
    margin-top: 1.2em;
    margin-bottom: 1.0em;
/*    width: 10.6em; */
    width: 10.1em;
    border: 0px solid #656565;
  }

	#c-men {
  	border: 0px solid #656565;
	}

	#c-men td {
  	padding-top: 0.8em;
  	vertical-align: top;
  	font-size: 70%;
  	border: 0px solid red;
 	}

	#c-men td.submen {
		padding-top: 0.4em;
		padding-left: 0.8em;
  	padding-right: 0.8em;
  	font-size: 70%;
		border: 0px solid red;
	}

  #c-men div.c_img {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    width: 12.0em;
  }


/* -- CONTENT -- */

	#c_page {
  	position: relative;
  	width: 60.0em;
  	margin: 1.5em;
  	font-size: 80%;
  	line-height: 1.4em;
	}

	#c_page td {
  	font-size: 80%;
  	line-height: 1.4em;
	}

	#c_page p {
    margin-bottom: 1.0em;
	}



/* -------------------- */
/* -- FORMATIERUNGEN -- */

/* -- LINKS -- */

	a:link    { color:#0000FF;text-decoration:none }
	a:visited { color:#0000FF;text-decoration:none }
	a:hover   { color:#0000FF;text-decoration:underline }
	a:active  { color:#0000FF;text-decoration:underline }
	a:focus   { color:#0000FF;text-decoration:none }

	#bf-menu a:link    { color:#FFFFFF;text-decoration:none }
	#bf-menu a:visited { color:#FFFFFF;text-decoration:none }
	#bf-menu a:hover   { color:#787878;text-decoration:none }
	#bf-menu a:active  { color:#FFFFFF;text-decoration:none }
	#bf-menu a:focus   { color:#FFFFFF;text-decoration:none }

	#c-men a:link    { color:#323232; text-decoration:none }
	#c-men a:visited { color:#323232; text-decoration:none }
	#c-men a:hover   { color:#FF0000; text-decoration:none }
	#c-men a:active  { color:#323232; text-decoration:none }
	#c-men a:focus   { color:#323232; text-decoration:none }

/*
	#c-men a:link    { color:#656565; text-decoration:none }
	#c-men a:visited { color:#656565; text-decoration:none }
	#c-men a:hover   { color:#FF0000; text-decoration:none }
	#c-men a:active  { color:#656565; text-decoration:none }
	#c-men a:focus   { color:#656565; text-decoration:none }
*/

/* ROTE ÜBERSCHRIFT GROß -  */
	h1 {
	  font-size: 180%;
	  font-weight: bold;
	  line-height: 1.3em;
	  color: #FF0000;
	  margin-bottom: 0.5em
	}

/* ROTE ÜBERSCHRIFT KLEIN */
	h2 {
	  font-size: 120%;
	  font-weight: bold;
	  line-height: 1.2em;
	  color: #FF0000;
	  margin-bottom: 0.5em
	}

/* GRAUE ZWISCHENÜBERSCHRIFT */
	h3 {
	  font-size: 120%;
	  font-weight: bold;
	  line-height: 1.2em;
/*	  color: #656565; */
	  color: #111111;
	  margin-bottom: 0.2em
	}

/* GRAUE ÜBERSCHRIFT IN TABELLEN */
	h4 {
	  font-size: 105%;
	  font-weight: bold;
	  line-height: 1.2em;
	  color: #656565;
	  margin-bottom: 0.2em
	}

  strong {
	  font-size: 105%;
	  font-weight: bold;
  }

	th {
		font-size: 95%;
	}

	ul, ol {
 	 	margin-left: 2.0em;
  	margin-top: 0.2em;
 		margin-bottom: 1.2em;
	}

	li {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
	}

	hr.dotted {
		border:1px dotted #656565;
    height:0px;
    margin-bottom:0.2em;
    margin-top:0.2em;
	}

	span.pronto {
    font-family:Times;
    font-weight:bold;
    font-style:italic;
		font-variant:small-caps;
		font-size:110%;
	}

/* -- PAGES --*/

	textarea {
		font-size: 12px;
	}