html {
        padding:0px;
        margin:0px;
        border:0px;
        background-color: #fff;
        text-align: center;
        position: relative;
        min-height: 101%;
        font-family: Noto Sans;
        font-size: small;
}

body {
        margin: 0 0 30px 0; /* bottom = footer height */
}

header {
        margin:0 auto;
        width:980px;
        padding:40px 0 0 0;
}

nav {
        margin:50px auto 0 auto;
        padding:0 0 0 100px;
        height:30px;
        text-align:left;
}

#toppic {
        background-color:#5b6062;
        width:100%;
        position:relative;
        height:10px;
}


#toppicx {
        background-color:#5b6062;
        width:100%;
        position:relative;
        border-bottom:10px solid #5b6062;
}

main {
        position:relative;
        width:100%;
        left:0;
        text-align:left;
}

.start {
        float:left;
        width:30%;
        padding-right:2%;
}


.startend {
        float:left;
        width:30%;
}

.startph {
        float:left;
        width:32%;
        padding-right:2%;
}

.startendph {
        float:left;
        width:32%;
}

.philo {
        float:left;
        width:200px;
        padding-right:60px;
}


.philo {
        float:left;
        width:200px;
}


section.startx {
        margin:30px auto 20px auto;
        text-align:left;
        width:94%;
        padding-left:6%;
        position:relative;
}


section {
        margin:30px auto 20px auto;
        text-align:left;
        width:980px;
        position:relative;
}

footer {
        position: fixed;
        left: 0;
        bottom: 0;
        height: 25px;
        width: 100%;
        background-color:#5b6062;
        color:#fff;
        padding:5px 0 0 0;
        z-index:10;
}

a {
        color: #e88c00;
        text-decoration: underline;
        }

a:hover {
        color: #c0c0c0;
        }

a.bottom {
        color: #c0c0c0;
        text-decoration: none;
}

a.bottom:hover {
        color: #fff;
        text-decoration: none;
}

h1 {
       font-family: Noto Sans;
       font-size: 120%;
       font-weight: 600;
       line-height: normal;
       text-decoration: none;
       color: #f57b2c;
       margin:0 0 30px 0;
}

h2 {

       font-family: Noto Sans;
       font-size: 110%;
       font-weight: 600;
       text-decoration: none;
       color: #f57b2c;
       margin:0 0 20px 0;
}

h3 {

       font-family: Noto Sans;
       font-size: 100%;
       font-weight: 600;
       text-decoration: none;
       color: #404040;
       margin:0 0 20px 0;
}

ul {
       padding:0 0 0 15px;
       border:0;
       margin:0;
}

li {
       padding:0 0 0 5px;
       border:0;
       margin:0;
}

li.start {
       padding:0 0 0 0;
       border:0;
       margin:0;
       height:30px;
       width:34px;
       float:left;
       list-style-type:none;
       background-image:url(../schweissen/navstart.png);

}

li.end {
       padding:0 0 0 0;
       border:0;
       margin:0;
       height:30px;
       width:43px;
       float:left;
       list-style-type:none;
       background-image:url(../schweissen/navend.png);
}


li.bottom {
       padding:0 10px 0 0;
       border:0;
       margin:0;
       color:#fff;
       font-size:small;
       display:inline;
}

#menu {

}

#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}

#menu li.topmenu {
       padding:7px 2.5% 0 2.5%;
       border:0;
       margin:0;
       height:23px;
       float:left;
       list-style-type:none;
       background-image:url(../schweissen/navmid.png);
       color:#fff;
       text-shadow: 1px 1px 0 #000;
       font-size:110%;
}

#menu li.submenu {
       padding:25px 20px 15px 20px;
       border:0;
       margin:0 0 0 -20px;
       list-style-type:none;
       color:#fff;
       text-shadow: 1px 1px 0 #000;
       font-size:small;
       background-color:#5b6062;
}

#menu li.submenusec {
       padding:15px 20px 15px 20px;
       border:0;
       margin:0 0 0 -20px;
       list-style-type:none;
       color:#fff;
       text-shadow: 1px 1px 0 #000;
       font-size:small;
       background-color:#5b6062;
       border-top:1px solid #777777;
}

.topmenu a {
        color: #fff;
        text-decoration: none;
        margin:0;
        padding:0;
}

.topmenu ul {
  display:none;
}

.topmenu a, .submenu a {
        margin:0;
        padding:0;
}

.submenu a {
  font-size:110%;
  position:relative;
  clear:both; /* special IE6 */
}

#menu a:hover, .topmenu.on a {
        color: #e88c00;
        margin:0;
        padding:0;
}

.topmenu:hover ul {
        display:block;
        z-index:500;
        position:absolute;
}

.catpic {
        border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        behavior:url(../js/PIE.htc);
        width:100%;
}

td {
        border:0;
        padding:0 20px 0 0;
        margin:0;
        height:30px;
}

tr {
        border-bottom:1px solid #5b6062;
}

.flowplayer {
        background-color:#e3e3e3;
}