/********************************************
eyeworkers interactive GmbH copyright 2006
TYPE	: Stylesheet CSS
TITLE	: Berufsakademie Karlsruhe
DESC	: Stylesheet for Berufsakademie Karlsruhe
AUTHOR	: Sven Kaiser/Christian Fleschhut - Web-Entwickler
********************************************/

/* Document Styles */

body {
  margin: 0;
  padding: 0;
  font: 62.5%/1.5 Arial, Helvetica, sans-serif;
  color: #464646;
	background: #fff;
	text-align: center;
  }

a:link, a:visited {
  color: #464646;
  text-decoration: underline;
  }
a:hover, a:active {
  color: #464646;
  text-decoration: none;
  }
a img {
  border: none;
  }

/* Container */

#container {
  width: 855px;
  margin: 0 auto;
  background: transparent url(../gfx/bgcontainer.gif) repeat-y 50% 0;
  text-align: left;
  font-size: 120%;
  }

/* Header */

#pageHeader { 
  height: 115px;
  margin: 0 1px;
  background: #f7f5f4 url(../gfx/bgheader_baka.gif) no-repeat 208px 100%;
  position: relative;
  }
#pageHeader h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 21px;
  left: 149px;
  }
#pageHeader h1 a {
  display: block;
  background: #fff url(../gfx/logo.gif) no-repeat;
  width: 465px;
  height: 73px;
  text-indent: -9999px;
  }
#pageHeader h2 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 6px;
  left: 0px;
  width: 149px;
  height: 104px;
  background: url(../gfx/bilder_oben/1.jpg) no-repeat;
  text-indent: -9999px;
  }

/* Globalnavigation */
	
ul#navigation  {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
  right: 0px !important;
  right: -1px;
  font-size: 90%;
  }
ul#navigation li {
  display: inline;
  }
ul#navigation li a {
  display: block;
  float: left;
  border: 1px solid #d9d1ce;
  border-width: 0 0 1px 1px;
  background: #fff;
  text-decoration: none;
  padding: 2px 10px 3px 10px;
  }
ul#navigation li#lang-en a {
  padding-right: 25px;
  background: #fff url(../gfx/flagge_en.jpg) no-repeat 90% 50%
  }
ul#navigation li#lang-de a {
   padding-right: 25px;
   background: #fff url(../gfx/flagge_de.jpg) no-repeat 90% 50%
  }
ul#navigation li a:hover {
  background: #fff;
  color: #464646;
  }

/* Alumni-Login */

form#login {
  position: absolute;
  top: 30px;
  right: 10px;
  margin: 0;
  padding: 0;
  font-size: 80%;
  }
form#login h5 {
  margin: 0 0 5px;
  padding: 0;
  font-size: 100%;
  }
form#login h5 span {
  color: #be0000;
  display: block;
  width: 80px;
  float: left;
  }
form#login h5 a {
  color: #999;
  }
form#login label {
  color: #999;
  display: block;
  width: 80px;
  float: left;
  }
form#login input#email, form#login input#passwort {
  width: 120px;
  border: 1px solid #ddd;
  font-size: 90%;
  color: #464646;
  margin-bottom: 5px;
  }

/* Content */

#explanation {
  width: 565px;
  padding: 20px 40px 30px;
  float: right;
}
#explanation h2 {
  font-size: 110%;
  margin: 0 0 0 -24px;
  padding: 0 0 3px 24px;
  background: url(../gfx/head/head_q_ba.gif) no-repeat 0 100%;
}
#explanation p {
  line-height: 1.6;
}

#explanation table {
	border:0px solid gray;
	width: 565px;
	margin-top:8px;
	margin-bottom: 8px;
}

#explanation table td {
	margin-top: 2px;
	margin-bottom: 2px;
}

#explanation table .tableTextsmall{
	font-size:80%
}

#explanation table table{
	width: 100%;
}

hr.trennlinie {
	background-color: #D9D1CE; /* Farbe für Opera und Firefox */ 
	color: #D9D1CE; /* Farbe für Internet Explorer (IE) */
	border: 0; 
	height: 1px;
}

/* Sidebar */

#linkList {
  width: 210px;
  padding: 0 0px;
  float: left;
  font-size: 90%;
  padding-bottom: 80px;
  }

/* Volltextsuche */

form#volltextsuche {
  background: #fff;
  border: 1px solid #d9d1ce;
  border-width: 1px;
  margin: 0;
  padding: 9px 7px 13px 7px;
  }
form#volltextsuche label {
  display: block;
  }
form#volltextsuche input#q {
  border: 1px solid #ddd;
  width: 150px;
  font-size: 90%;
  }

/* Hauptmenu */

#linkList ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
#linkList ul a {
  display: block;
  width: 208px;
  text-decoration: none;
  border: 1px solid #d9d1ce;
  border-width: 0 1px 1px;
  background: #fff;
  }
#linkList ul ul {
  border-bottom: 1px solid #d9d1ce;
  padding: 3px 0;
  }
#linkList ul ul a {
  width: 188px;
  padding-left: 20px;
  font-size: 90%;
  border-bottom: none;
  background: #f7f5f4 url(../gfx/menu/menu_4x4_ba.gif) no-repeat 10px 50%;
  }
#linkList ul ul ul {
  border-bottom: none;
  }
#linkList ul ul ul a {
  width: 178px;
  padding-left: 30px;
  background-position: 20px 50%;
  }
#linkList ul ul ul ul a {
  width: 168px;
  padding-left: 40px;
  background-position: 30px 50%;
  }
#linklist img#menu2_headline {

  }

/* Footer */

#footer {
  clear: both;
  border: 1px solid #d9d1ce;
  border-width: 1px 0;
  position: relative;
  font-size: 80%;
  color: #999;
  background: #fff url(../gfx/bgfooter.gif) repeat-y 50% 0;
  height: 1%; /* IE */
  padding: 0.5em 0;
  }
#footer:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  }

/* Seite drucken, letztes Update */

ul#meta {
  position: absolute;
  top: -30px;
  left: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  }
ul#meta li#print a {
  background: url(../gfx/druck.gif) no-repeat 0 50%;
  padding-left: 20px;
  }

/* Footer-Absätze dreispaltig */

#footer p {
  margin: 0;
  padding: 0;
  }
#footer a {
  color: #999;
  text-decoration: underline;
  }
#footer a:hover {
  text-decoration: none;
  }
p#footParaBAKA {
  background: url(../gfx/logo_bw.gif) no-repeat 1px 0;
  width: 215px;
  padding-left: 40px;
  float: left;
  }
div#footWrapper {
  width: 600px;
  float: right;
  }
p#footParaAdr {
  width: 300px;
  padding: 0 20px;
  float: left;
  }
p#footParaImprint {
  width: 220px;
  padding: 0 20px;
  float: right;
  }