/* CSS Datei Fortuna Industries GmbH */


/*********************************
**********************************
***   Allgemeines             ****
**********************************
*********************************/

body {
			font-family: Arial, Verdana, sans-serif;
			font-size: 100.01%;
			background-color: #cccccc;
			color: #000000;
			padding: 0;
			padding-bottom: 20px;
			margin: 0;
}
strong {
      font-weight: bold;
}
strong.fortuna {
      color: #2f1c7d;
}
b {
      font-weight: bold;
}
em {
      font-style: italic;
}


/*********************************
**********************************
***   Ueberschriften          ****
**********************************
*********************************/

h1 {
      font-size: 220%;
			padding-top: 20px;
			/*padding-right: 20px; *************************/
      padding-right: 40px;
			padding-bottom: 20px;
			font-weight: bold; 
			text-align: right;
			color: #2f1c7d;
      background-color: transparent;
			margin: 0;
}
h2 {
      font-family: Calibri, Arial, Verdana, sans-serif;
      margin-top: 0;
      color: #000000;
      font-size: 140%;
      font-weight: bold;
      text-align: left;
}
h2.center {
      text-align: center;
}
h3 {
      font-family: Calibri, Arial, Verdana, sans-serif;
      color: #000000;
      font-size: 120%;
      font-weight: bold;
      text-align: left;
}
h3.inbox {
      color: #000000;
      margin: 0 0 1em 0;
      font-weight: bold;
      text-align: left;
}
h3.margin {
      margin-top: 2em;
}
h4 {
      color: #000000;
      padding: 5px;
      font-size: 100%;
      font-weight: bold;
      text-align: left;
}


/*********************************
**********************************
***   Links                   ****
**********************************
*********************************/

a:link {
			color: #005375;
			text-decoration: underline;
			font-weight: normal;
}
a:visited {
			color: #005375;
			text-decoration: underline;
			font-weight: normal;
}
a:link:hover, a:visited:hover {
			background-color: #005375;
			color: #ffffff;
			text-decoration: underline;
			font-weight: normal;
}
a:active {
      /* nichts */
}
/* Bilderlinks */
img.imagelink {
      border: 0;
}
/* Header-Link nicht hervorheben*/
a#top:link {
			color: #2f1c7d;
      background-color: transparent;
      text-decoration: none;
}
a#top:visited {
			color: #2f1c7d;
      background-color: transparent;
      text-decoration: none;
}
a#top:link:hover, a#top:visited:hover {
			color: #2f1c7d;
      background-color: transparent;
      text-decoration: none;
}
a#top:active {
			color: #2f1c7d;
      background-color: transparent;
      text-decoration: none;
}


/*********************************
**********************************
***   Wrapper + Schatten      ****
**********************************
*********************************/

div.shadow, div.shadow2, div.shadow3, div.shadow4, div.shadow5 {
      padding: 1px;
      border-radius: 10px;
      -moz-border-radius: 10px;
}
div.shadow {
      background-color: #7e7e7e;
      border: 1px solid #818181;
      margin: 0;
}
div.shadow2 {
      background-color: #8e8e8e;
      border: 1px solid #959595;
      margin: 0;
}
div.shadow3 {
      background-color: #aaaaaa;
      border: 1px solid #bebebe;
      margin: 0;
}
div.shadow4 {
      background-color: #c1c1c1;
      border: 1px solid #c7c7c7;
      margin: 0;
}
div.shadow5 {
      width: 90%;
      min-width: 720px;
      max-width: 1100px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      margin-bottom: 10px;
      background-color: #cccccc;
      border: 1px solid transparent;
}
#wrapper {
      width: 100%;
      background: #ccccff url(../pictures/bg.jpg) repeat-x top;
      border: 1px solid #7e7e7e;
      margin: -2px;
      position: relative;
      top: -3px;
      left: -3px;
}


/*********************************
**********************************
***   Top Navigation          ****
**********************************
*********************************/

#topnav {
      margin: 0;
      color: #4c4c4c;
      background-color: transparent;
      padding-top: 15px;
      padding-bottom: 10px;
      /*padding-left: 20px;*************************/
      padding-left: 40px;
     /*padding-right: 20px;*************************/
      padding-right: 40px;
      vertical-align: bottom;
      font-size: 70%;
}

#topnav a:link, #topnav a:visited {
      color: #4c4c4c;
      text-decoration: none;
      font-weight: normal;
}
#topnav a:link:hover, #topnav a:visited:hover {
      background-color: #191919;
      color: #ffffff;
      font-weight: normal;
}
#topnav img {
      width: 15px;
}
#topnav .margin {
      margin-left: 1em;
}

/*********************************
**********************************
***   Navigation              ****
**********************************
*********************************/

div#Tmenu {
      width: 100%;
      font-size: 70%;
      padding-bottom: 0.5em;
      background-color: transparent;
      margin: 0;
}
div#Tmenu div {
      clear: left;
}
ul#Navigation {
      margin: 0;
      margin-left: 35px;
      /*margin-left: 15px;*************************/
      padding: 0;
      text-align: left;
}

ul#Navigation li {
      list-style: none;
      float: left;
      position: relative;
      margin: 0.3em;
      padding: 0;
}
* html ul#Navigation li {
      margin-bottom: -0.3em;
}
ul#Navigation li ul {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 1.6em;
      left: -0.3em;
}
* html ul#Navigation li ul {
      left: -1.5em;
      lef\t: -0.3em;
}
ul#Navigation li ul li {
      float: none;
      display: block;
}
ul#Navigation a {
      display: block;
      width: 7em;
      text-decoration: none;
      font-weight: bold;
      padding: 2px;
      padding-left: 5px;
      border: 1px solid #000000;
      color: #ffffff;
      background-color: #2f1c7d;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -khtml-border-radius: 3px;
      -webkit-border-radius: 3px;
}
* html ul#Navigation a, * html ul#Navigation span {
      width: 9.2em;
      w\idth: 7em;  /* IE 6 in standards-compliant mode */
}
ul#Navigation a:hover {
      padding: 2px;
      padding-left: 5px;
      border: 1px solid #000000;
      background-color: #ff0000;
}
ul#Navigation li a:active, ul#Navigation li:hover a:active {
      color: #ffffff;
      background-color: #ff0000;
}
/* dynamisches Ein-/Ausblenden */
ul#Navigation li ul {
      display: none;
}
ul#Navigation li:hover ul {
      display: block;
      background-color: #ccccff;
}


/*********************************
**********************************
***   Brotkrumennavigation    ****
**********************************
*********************************/

#overview {
      margin: 0;
      font-size: 70%;
      color: #000000;
      background-color: transparent;
      padding-top: 5px;
      padding-bottom: 20px;
      padding-left: 40px;
      /*padding-left: 20px;*************************/
      padding-right: 40px;
      /*padding-right: 20px;*************************/
}
#overview ul.overview {
      margin: 0;
      padding: 0;
      display: inline;
      list-style: none;
}
#overview ul.overview li {
      list-style: none;
      display: inline;
      font-style: normal;
      color: #4c4c4c;
}
#overview a:link, #overview a:visited {
      color: #4c4c4c;
      background-color: transparent;
      text-decoration: none;
      font-weight: normal;
}
#overview a:link:hover, #overview a:visited:hover{
      color: #4c4c4c;
      background-color: transparent;
      text-decoration: underline;
      font-weight: normal;
}


/*********************************
**********************************
***   Collage                 ****
**********************************
*********************************/

#collage {
      text-align: center;
      font-size: 120%;
}
#slogan {
      font-family: Calibri, Arial, Verdana, sans-serif;
      font-weight: bold;
      color: #ee0000;
      font-style: italic;
      letter-spacing: 0.3em;
}
#collage img {
      margin-top: 15px;
}


/*********************************
**********************************
***   Linke Leiste            ****
**********************************
*********************************/

#leftbox {
      font-size: 70%;
      float: left;
      width: 170px;
      /*width: 150px;*****************************/
      margin: 0;
      padding: 20px;
      padding-left: 40px;/*******************************/
      padding-top: 30px;
}
#leftbox #search {
      padding: 5px;
      background-color: #ddddff;
      margin-bottom: 2em;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -khtml-border-radius: 5px;
      -webkit-border-radius: 5px;
}
#leftbox #leftcontact {
      padding: 5px;
      background-color: #ddddff;
      margin-bottom: 2em;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -khtml-border-radius: 5px;
      -webkit-border-radius: 5px;
}


/*********************************
**********************************
***   Rechte Leiste           ****
**********************************
*********************************/

#rightbox {
      font-size: 70%;
      float: right;
      width: 130px;
      /*width: 150px;******************************/
      margin: 0;
      padding: 20px;
      padding-top: 70px; /*******************************/
      padding-right: 40px;/*******************************/
}
#rightbox img {
      width: 150px;
      position: relative;
      left: -30px;
      margin-bottom: 2em;
}
#rightbox img.small {
      width: 120px;
      position: relative;
      left: 0;
      margin-bottom: 2em;
}


/*********************************
**********************************
***   Hauptinhaltsbereich     ****
**********************************
*********************************/

#content {
      font-size: 75%;
      margin: 0;
      margin-top: 20px;
      margin-left: 230px;
      /*margin-left: 190px;******************************/
      margin-right: 170px;
      /*margin-right: 190px;********************************/
      color: #000000;
      /*background-color: #ccccff;*/
      background-color: transparent;
      padding: 20px;
      padding-top: 10px;
}
#content_full {
      font-size: 75%;
      margin: 0;
      margin-top: 20px;
      color: #000000;
      /*background-color: #ccccff;*/
      background-color: transparent;
      padding: 20px;
      padding-top: 10px;
}
#content hr, #content_full hr {
      color: #4c4c4c;
      background-color: #4c4c4c;
      height: 1px;
}
div.news {
      background-color: #ddddff;
      border-bottom: 1px solid #cccccc;
      padding: 3px;
}
div.newsfirst {
      border-top: 1px solid #cccccc;
}


/*********************************
**********************************
***   Bilder                  ****
**********************************
*********************************/

img.floatright {
      width: 120px;
      float: right;
      margin-bottom: 1em;
}


/*********************************
**********************************
***   Textabsaetze            ****
**********************************
*********************************/

p.center {
      text-align: center;
}
p.margintop {
      margin-top: 3em;
}
p.marginbottom {
      margin-bottom: 3em;
}


/*********************************
**********************************
***   Aufzaehlungen           ****
**********************************
*********************************/

ul.imagebullet {
      list-style-image: url(../pictures/bullett.gif);
      margin-bottom: 2em;
}
ul.imagebullet li {
      margin-bottom: 0.7em;
}
ul.nobullet {
      list-style: none;
}
ul.margin li {
      margin-bottom: 1em;
}
ul#SubNavigation {
      list-style-image: url(../pictures/bullett.gif);
}
ul#SubNavigation li {
      margin-bottom: 0.7em;
}
ul.nomargin {
      padding-left: 0;
}


/*********************************
**********************************
***   Tabellen                ****
**********************************
*********************************/

table.management {
      width: 100%
}
table.management td {
      vertical-align: top;
      padding: 10px;
}
table.tube2010 {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 2em;
}
table.tube2010 th {
      padding: 10px;
      font-family: Calibri, Arial, Verdana, sans-serif;
      font-size: 140%;
      font-weight: bold;
      text-align: left;
}
table.tube2010 td {
      padding: 10px;
      vertical-align: top;
}
table.imprint td {
      padding-right: 15px;
}
table.products {
      margin-bottom: 2em;
      border-collapse: collapse;
}
table.products th {
      font-family: Calibri, Arial, Verdana, sans-serif;
      font-size: 120%;
      font-weight: bold;
      text-align: left;
}
table.products td {
      padding: 3px;
}
table.products_big {
      margin-bottom: 2em;
      border-collapse: collapse;
      min-width: 75%;
}
table.products_big th {
      font-family: Calibri, Arial, Verdana, sans-serif;
      font-size: 120%;
      font-weight: bold;
      text-align: left;
}
table.products_big td {
      padding: 3px;
      padding-right: 40px;
}
table.products_fittings {
      margin-bottom: 2em;
      border: 1px solid #000000;
      border-collapse: collapse;
}
table.products_fittings th {
      margin-bottom: 2em;
      border: 1px solid #000000;
      font-family: Calibri, Arial, Verdana, sans-serif;
      font-size: 120%;
      font-weight: bold;
      text-align: center;
      padding: 5px;
      background-color: #ddddff;
}
table.products_fittings th.subth {
      text-align: left;
}
table.products_fittings td {
      border: 1px solid #000000;
      padding: 3px;
      padding-right: 30px;
}
/* usertable */
table.usertable {
      border: 1px solid #000000;
      min-width: 50%;
      margin-top: 2em;
      border-collapse: collapse;
}
table.usertable th {
      font-family: Calibri, Arial, Verdana, sans-serif;
      font-size: 120%;
      border: 1px solid #000000;
      color: #000000;
      background-color: #ddddff;
      padding: 5px;
      font-weight: bold;
      text-align: center;
}
table.usertable th.subth {
      font-family: Calibri, Arial, Verdana, sans-serif;
      font-size: 120%;
      border: 1px solid #000000;
      color: #000000;
      background-color: #cceeff;
      padding: 5px;
      font-weight: bold;
      text-align: center;
      vertical-align: middle;
}
table.usertable th.subth2 {
      font-family: Calibri, Arial, Verdana, sans-serif;
      font-size: 120%;
      border: 1px solid #000000;
      color: #000000;
      background-color: #cceeff;
      padding: 5px;
      font-weight: normal;
      text-align: left;
      vertical-align: middle;
}
table.usertable td {
      border: 1px solid #000000;
      padding: 5px;
      text-align: left;
}
table.usertable td.center {
      border: 1px solid #000000;
      padding: 5px;
      text-align: center;
}


/*********************************
**********************************
***   Formulare               ****
**********************************
*********************************/

form {
      margin: 0;
}
fieldset {
      margin-bottom: 2em;
      width: 75%;
      border: 1px solid black;
}
fieldset.submitbutton {
      border: 0;
      margin: 0;
      padding: 0;
}
legend {
      font-style: normal;

}
legend.submitbutton {
      display: none;
}


/*********************************
**********************************
***   Footer                  ****
**********************************
*********************************/

#footertop {
      clear: both;
      margin: 0;
      padding: 0;
}
#footer {
      width: 90%;
      min-width: 720px;
      max-width: 1100px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      margin-bottom: 20px;
      font-size: 70%;
      color: #4c4c4c;
}
p#footleft {
      float: left;
      width: 33%;
      margin: 0;
      text-align: left;
      padding-left: 45px;
      /*padding-left: 25px;**********************/
}
p#footright {
      float: right;
      width: 33%;
      margin: 0;
      text-align: right;
      padding-right: 45px;
      /*padding-right: 25px;*********************/
}
p#footcenter {
      width: 25%;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
}
p#clear {
      clear: both;
      display: none;
}
#footer a:link, #footer a:visited {
      color: #4c4c4c;
      text-decoration: none;
      font-weight: normal;
}
#footer a:link:hover, #footer a:visited:hover {
      background-color: #191919;
      color: #ffffff;
      font-weight: normal;
}



