/* CSS traso.css */

/* reset browser */
*{
  padding: 0;
  margin: 0;
 }

/* Style f r den gesamten Darstellungsbereich */
div#wrapper {
  width:1280px;
  height: 950px;
  margin: 0, 0, auto;
  padding: 5px;
  border: 5px;
  border-style: solid;
  border-color: white;
  background-color: black;
  color: white;
  box-shadow: 10px 10px 5px darkgrey;
}

/* Style 1 f r Haupt berschriften */
h1 {
  font-family: Arial;
  font-size: 30px;
  font-weight: bold;
  margin: 0px;
}
* Style 2 f r Neben berschriften */
h2 {
  font-family: Arial;
  font-size: 22px;
  font-weight: bold;
}
/* Style 3 f r Neben berschriften */
h3 {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
}
/* Style f r Fliesstext */
p {
  font-family: Verdana,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: justify;
}
a {
  color: white;
}

/* Style f r Textvariationen (nur ausserhalb des <p> Bereiches) */
div.italictext {
  font-style: italic;
}
div.boldtext {
  font-weight: bold;
}
div.normaltext {
  font-style: normal;
  font-weight: normal;
}

/* Style f r die Navigationsleiste */
#navbar {
  list-style-type: none;
  margin: 5px 5px 5px 5px;
  padding: 0px;
}
#navbar li {
  float: left;
}
#navbar li a {
  display: block;
  width: auto;
  font-weight: bold;
  margin: 0;
  font-size: 16px;
  text-decoration: none;
  padding: 5px;
  background-color: darkcyan;
  color: white;
  border-top-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  border-right: 5px solid black;
}
#navbar li a:hover {
  background-color: white;
  color: darkcyan;
}

/* Style f r die linke Einbindung von Bildern */
img.leftpic {
  float: left;
  border-width: 0px;
  margin: 10px 10px 5px 5px;
  width: 200px;
  height: auto;
}
img.leftpic_great {
  float: left;
  border-width: 0px;
  margin: 10px 10px 5px 5px;
  width: 500px;
  height: auto;
}
img.rightpic {
  float: right;
  border-width: 0px;
  margin: 10px 10px 5px 5px;
  width: 150px;
  height: auto;
}
/* Style f r die zentrale Einbindung von Bildern */
img.centerpic {

  border-width: 5px;
  margin: 10px;
  width: 500px;
  height: auto;
  border: 2px;
  border-style: solid;
  border-color: white;
}
img.centerpic_great {

  border-width: 5px;
  margin: 10px;
  width: 850px;
  height: auto;
  border: 2px;
  border-style: solid;
  border-color: white;
}
img.centerpic_long {

  border-width: 5px;
  margin: 10px;
  width: 260px;
  height:auto;
  border: 2px;
  border-style: solid;
  border-color: white;
}
img.centerpic_small {

  border-width: 5px;
  margin: 10px;
  width: 250px;
  height: auto;
  border: 2px;
  border-style: solid;
  border-color: white;
}
img.centerpic_minsmall {

  border-width: 5px;
  margin: 10px;
  width: 150px;
  height: auto;border: 2px;
  border-style: solid;
  border-color: white;
}
/* Style f r die einzelnen Seitenelemente  */
#header {
 float: left;
 background: black;
 margin: 0;
 width: 100%;
 height: 50px;
}
#maincol {
 float: left;
 background: darkcyan;
 margin: 5px 5px 5px 5px;
 padding: 5px;
 width: 70%;
 height: 85%;
}
#maincol2 {
 float: left;
 background: darkcyan;
 margin: 5px 5px 5px 5px;
 padding: 5px;
 width: 97%;
 height: 2000%;
}
#maincolmovies {
 float: left;
 background: darkcyan;
 margin: 5px 5px 5px 5px;
 padding: 5px;
 width: 98%;
 height: 85%;
}
#maincol a:hover {
  background-color: darkcyan;
  color: black;
  text-decoration: none;
}
#sidecol {
 float: right;
 background: darkcyan;
 margin: 5px 5px 5px 5px;
 padding: 5px;
 width: 25%;
 height: 85%;
}
#footer {
 clear: both;
 float: left;
 background: darkcyan;
 margin: 10px 5px 5px 5px;
 padding: 5px;
 width: 98%;
 height: 25px;
}
#footer a:hover {
  background-color: white;
  color: darkcyan;
  text-decoration: none;
}