/*                                                                        */
/*  ++++++++++++++++++++ blechtrottel brodaktschns +++++++++++++++++++++  */
/*       ___________                                                      */
/*      |.---------.|   |   |        |  _|__      _|_|__  |               */
/*      || (.) (.) ||   |__ |   _  _ |__ |    _  _ | |  _ |               */
/*      ||  .___.  ||   |  ||  |-´|  |  ||  |/  / \| | |-´|               */
/*      ||_________||   |__||__|_/|_/|  ||_ |   \_/|_|_|_/|_/             */
/*      `---.---.---´       |            |      _|__     |                */
/*      .---'---'---.       |__   _  _  _| _ |   |  _  _ |__  _  _        */
/*      | ° ° [] == |       |  ||/  / \| | _||_/ | |_ |  |  || ||_        */
/*      `-----------´       |__||   \_/|_||_|| \ |_ _||_/|  || | _|       */
/*                                                      web design        */
/*                                                                        */
/*     kromer.css                                                   		  */
/*     c) 2010 by blechtrottel brodaktschns, written by mist              */
/*                                                                        */
/*     this css file saved from / diese css-datei stammt von:             */
/*     http://kromer.co.at                                                */
/*                                                                        */
/*  +++++++++++++++++++++ http://blechtrottel.net ++++++++++++++++++++++  */

/* hellgrau   #d9dadb */
/* dunkelgrau #878889 */
/* rot        #af141e */
/* gelb       #ffbe00 */
/* blau       #004b9b */


/* Allgemein */

body {
	font-size: 101%;
  width: 1000px;
  margin: 0;
	background-color: #878889;
  background: img;
  color: #000;
 	font-family: 'Trebuchet', 'Verdana', 'Arial', sans-serif;
}

a { text-decoration: none; font-weight: bold; }
a:link { color: #333; }
a:visited { color: #333; }
a:hover { color: #af141c; }
a:active { color: #333; }

div.text img { border: none; }


/* Navi */

div.navi {
  float: left;
  width: 15.75em;
  padding: 0 0 5px;
  margin: 1em 1em 1em 3em;
  font: normal 11px/1.65 'Trebuchet', 'Verdana', 'Arial', sans-serif;
}

div.navi a { color: ##af141e; }

div.navi ul, #ottokromer {
  list-style-type: none;
  background-color: #d9dadb;
	border: solid 1px #d9dadb;
  border-radius: 15px;
  -o-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 0.5em 0 0.7em 1.1em;
  margin: 0 0 0.3em 0;
}

div.navi li { padding: 0 0.3em 0 0; }
div.navi li a:link { color: #af141e; }
div.navi li a:visited { color: #af141e; }
div.navi li a:hover { color: #ffbe00; }
div.navi li a:active { color: #004b9b; }

#leistungen, #kompetenzen, #themen {
	display: block;
  font-weight: normal;
  padding-left: 0;
  padding-right: 0;
  margin-top: -0.4em -0.5em 0 -0.5em;
}

#ottokromer, #leistungen0, #kompetenzen0, #themen0 { font-weight: bold; }

li span { font-size: 1.5em; line-height: 0.1em; font-weight: bold; margin-right: 0.5em; position: relative; top: 0.15em; }

#ottokromer {
	color: #004b9b;
  font-size: 1.5em; line-height: 1.3em;
  padding: 30px 0.6em 0.9em 0.7em;
}

#vogel { border: none; padding: 0; margin: 0 0 5px 0; }

#angebot { padding-top: 4.5em; }

#a0 { font-weight: normal; }

#a00 { padding-bottom: 1.5em; }

#sonstige { background-color: #878889; border: none; }


/* Rubrik */

#rubrikbild { float: left; margin: 8.6em 1em 0 1em; }


/* Text */

div.text {
  width: 35em;
	color: #d9dadb;
  font: normal 12px/1.32 'Trebuchet', 'Verdana', 'Arial', sans-serif;
	text-align: left;
	padding: 11.3em 1em 0 0;
  margin-left: 37.75em;
}

h { font-weight: 600; font-family: 'Trebuchet', 'Verdana', 'Arial', sans-serif; }
h1 { font-size: 1.3em; margin: 0 0 1.2em; }
h2 { font-size: 1.1em; margin: 1.4em 0 1.1em;  text-align: left; }
h3 { font-size: 1em; margin: 1.1em 0 0.8em; }

h1 span { position: relative; top: 20px; z-index: -1; }

p { margin: 0 0 1em; }

p.unterzeile { color: #004b9b; font-style: italic; font-weight: bold;}

td { vertical-align: top; }

td.rechts { text-align: right; padding-right: 1em; }