@charset "utf-8";

/**
* Stylesheet für http://www.packsan-schulwettbewerb.de/
*
* Standard-Stylesheet
*
* @author GETIT GmbH
* @link   http://www.getit.de/
*/

@import url(menu.css);
@import url(content.css);

/** Globale Einstellungen und Bugfixes
------------------------------------------------------------- */

/* Globale Werte setzen */
* {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

/**
* Korrektur des Italics-Bugs
*
* @bugfix
* @affected IE 5/Win, IE6
* @css-for  IE 5/Win, IE6
* @valid    yes
*/
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }


/**
* Korrekte Layout-Skalierung im IE 7 gewährleisten
*
* @bugfix
* @affected IE 7
* @css-for  all
* @valid    yes
*/
body { position: relative;  margin: 0; padding: 0;}


/**
* Schriftgröße kontrollieren
*/
body, td, th, p { font: normal 75%/135% Tahoma, Arial, sans-serif; }
td, th, p { f\ont-size: 100%; }

/**
* Standardfarben setzen
*/
body#home {
  color: #408dbf;
  background:  #a6cae2 url(../images/bg_page.gif) top center repeat-x;
}
body {
  color: #408dbf;
  background:  #a6cae2 url(../images/bg_content_page.gif) top center repeat-x;
}

/** Layout (Aufbau der Seite)
------------------------------------------------------------- */
#header {
  width: 984px;
  padding-top: 168px; 
  height: 272px;
  background-color: transparent;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#home #header {
  padding-top: 32px; 
  height: 408px;
}
#mainContent {
  width: 984px;
  background-color:#FFF;
  margin: 0 auto;
  border-top: 44px solid white;
  overflow:hidden;
}
#home #mainContent {
  background:  #FFF url(../images/bg_mainContent.gif) top center repeat-x;
  min-height: 195px;
  overflow: visible;
  border-top: 0;
}
/* for Internet Explorer */
/*\*/
* html #home #mainContent {
  height: 300px;
  overflow: visible;
}
/**/

#specials-content {
  float:left;
  width: 828px; /* IE6 "has layout" zuweisen */
  overflow:hidden; /* Soll den Inhalt umschließen */
}
#specials {
  float: left;
  width: 193px; /* in Summe: 248px; */
  padding: 0 40px 0 15px;
  background-color:#FFF;
}
#content {
  float:right;
  width: 540px; /* in Summe: 580px; */
  padding-right: 40px;
  padding-bottom: 20px;
  background-color:#FFF;
}
#sidebar {
  float: right;
  width: 156px;
  background-color:#FFF;
}
#footer,
#functionBar {
  clear:both;
  width: 984px;
  height: 20px;
  background-color: #cce1ee;
  padding-top: 2px;
  margin: 0 auto;
  position: relative;
  overflow:hidden;
}
#functionBar {
  height: 26px;
  background-color: #fff;
}

/** Header-Styles
------------------------------------------------------------- */
#topNav {
  position: absolute;
  left: 0;
  top: 0;
  width: 984px;
}
#quickSearch {
  position: absolute;
  left: 744px;
  top: 168px;
  background-color: White;
  width: 220px;
  height: 28px;
  padding: 8px 0 0 20px;
  color: #2e82b9;
}
#home #quickSearch {
  top: 108px;
}

#quickSearch fieldset {
	display:inline;
	vertical-align: middle;
}
#quickSearch input.text {
  width: 134px;
  height: 16px;
  color: #808080;
  border: 1px solid #2e82b9;
  padding: 0 3px;
}

#logo {
  position: absolute;
  left: 0px;
  top: 86px;
  width: 212px;
  height: 40px;
}
#logoRegional {
  position: absolute;
  left: 806px;
  top: 94px;
  width: 178px;
  height:14px;
}


/** Startseite mit Teasern
------------------------------------------------------------- */
#teaserContainer {
	margin-top: -24px;
	z-index: 10;
}
.mainTeaser {
  float:left;
  position: relative;
  width: 325px;
  height: 192px;
  margin: 0 4px 0 0;
}
#mainContent .lastTeaser {
  margin: 0;
}
#mainContent .middleTeaser {
   width: 326px;
}
.teaserHeader {
  background: transparent url(../images/teaser/th.png) no-repeat scroll 0 0;
  width: 325px;
  height: 5px;
  margin: 0;
  padding: 0;
  line-height: 5px;
  font-size: 1px;
}
* html .teaserHeader {
   background: transparent url(../images/teaser/th.gif) no-repeat scroll 0 0;
}
.mainTeaser .inner {
  padding: 8px 20px 0 20px;
}
.mainTeaser h1 {
 font-size:1.2em;
 font-weight:bold;
 margin-bottom: 4px;
}
.mainTeaser p {
 font-size:0.9em;
 color: #58585a;
}


/** Styles für die "sidebar"
------------------------------------------------------------- */
#sidebar img {
	margin-bottom: 12px;
}

/** FunctionBar-Styles
------------------------------------------------------------- */
#functionBar ul{
  list-style: none;
  float:left;
  display: inline;
  margin: 1px 10px 0 248px;
}
#functionBar li{
  float: left;
  display: inline;
}
#functionBar li a {
  font-size:0.9em;
  padding: 0 20px 0 15px;
}
#functionBar li a.top {
  background: url(../images/icons/arrow-blue-up.gif) left center no-repeat;
}
#functionBar li a.back {
  background: url(../images/icons/arrow-blue-back.gif) left center no-repeat;
}

/** Footer-Styles
------------------------------------------------------------- */
#footer ul {
  list-style: none;
  float:right;
  display: inline;
  margin: 1px 12px 0 0;
}
#footer ul li {
  float: left;
  margin-left: 22px;
}
#footer ul li a {
  color: #4792c2;
  font-size:0.9em;
  padding-left: 8px;
  background: transparent url(../images/icons/arrow-blue-small.gif) no-repeat scroll 0 4px;
}
#footer ul li a:hover,
#functionBar ul li a:hover {
  text-decoration: none;
}



/** Hilfs-Klassen
------------------------------------------------------------- */
.clearBoth {
  clear: both;
}
.clearLeft {
  clear: left;
}
.clearRight {
  clear: right;
}
.float--left {
  float: left;
}
.float--right {
  float: right;
}