body, html {
     font-family: Verdana;
     font-size: 10pt;
     color: #000000;
     margin:0px;
     padding:0px;
     top: 0;
     bottom: 0;
     height: 100%;
     background-color:#C2C2C2;
}

   

#header
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1430px;
    height: 90px;
    margin: 0px;
    padding: 0px;
    background-image: url(header.jpg);
}

#navigation
{
    position: absolute;
    top: 100px;
    left: 5px;
    width: 195px;
    margin: 0px;
    padding: 5px 5px 5px 0;
    border: 2px solid black;
    background-color: #A9C4ED;

}

#haupt
{
    position: absolute;
    top: 100px;
    left: 215px;
    width: 1200px;
    min-height: 400px;
    margin: 0px;
    padding: 5px;
    border: 2px solid black;
    background-color: #FFF;

}

.navititle { text-align: center; font-weight: bold; font-size: 12pt;}

.haupttitle { font-weight: bold; font-style: italic; font-size: 12pt; padding-left: 10px; }

.haupthr { color: #000000; background-color: #000000; height: 2px; width: 700px; padding-left: 10px}

#meldung
{
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;

}

#navilist
{
  margin-left: -15px;
  list-style-type: square;
  list-style-position: outside;

}

a:link, a:visited, a:active {
        font-weight:bold;
        text-decoration: none;
        color: #004CB4;
}

a:hover {
        font-weight:bold;
        text-decoration: overline underline;
        color: #3D86EA;
}

#navigation a:link, #navigation a:visited, #navigation a:active {
        font-weight:bold;
        text-decoration: none;
        color: #000855;
}

#navigation a:hover {
        font-weight:bold;
        text-decoration: overline underline;
        color: #0008A7;
}


input, select, textarea { 
   font-family : Verdana, Helvetica, sans-serif;
   font-size :12px;
   color : black;
   background : #EDEDED;
   border : #A3A3A3;
   border-style : solid;
   border-width : 1px;
}

.artikelliste {
    font-family : Courier new;
   font-size :14px;
   color : black;
   background : #EEEEEE;
   border : #A3A3A3;
   border-style : solid;
   border-width : 1px;
   width: 395px;
   }

/*navigation*/
#projektmenu ul 		{margin:0; padding:0; }
#projektmenu li 		{margin:0; padding:0; list-style:none; display:inline; border: 1px black solid;}
#projektmenu a		{padding:0 20px 0 20px; text-decoration:none; }
#projektmenu a:hover {background-color: #A9C4ED; color: #000855;}
#projektmenu { text-align:center; }

table.tab1 {
width: 100%;
}
table.tab1 td, table.tab1 th {
padding: 2px 10px;
border: 1px solid #C2C2C2;
}
table.tab1 th {
background-color: #666;
color: #fff;
}
table.tab1 tr:nth-child(1n+2) {
background-color: #FFF;
color: #000;
}

table.tab2 {
width: 100%;
}
table.tab2 td, table.tab2 th {
padding: 2px;
border: 0px;
}
table.tab2 th {
background-color: #666;
color: #fff;
}
table.tab2 tr {
background-color: #FFF;
color: #000;
}


#infofeld_ok
{
  margin: 10px 50px;
  padding: 10px 50px;
  border: 2px solid #336633;
  background: url(../style/info_ok.jpg) no-repeat left;
  background-color: #66CC33;
  text-align: center; 
  font-weight: bold; 
}

#infofeld_nok
{
  margin: 10px 50px;
  padding: 10px 50px;
  border: 2px solid #CC3333;
  background: url(../style/info_nok.jpg) no-repeat left;
  background-color: #FF6666;
  text-align: center; 
  font-weight: bold; 
}

.subbtn-style{
	border : solid 0px #000000;
	border-radius : 5px;
	moz-border-radius : 5px;
	font-size : 20px;
	color : #ffffff;
	padding : 1px 17px;
	background-color : #fa0505;

}

.subbtn-produkte{
	border : solid 0px #000000;
	border-radius : 5px;
	moz-border-radius : 5px;
	font-size : 14px;
	color : #ffffff;
	padding : 1px 17px;
	background-color : #fa0505;
        cursor: pointer;
}

.subbtn-produkte:hover {
	color : #000000;
	
}


.subbtn-liste{
	border : solid 0px #000000;
	border-radius : 5px;
	moz-border-radius : 5px;
	font-size : 16px;
	color : #ffffff;
	padding : 1px 17px;
	background-color : #fa0505;
        cursor: pointer;
}

.subbtn-liste:hover {
	color : #000000;
	
}

article.infobox section {
    position: absolute;
    display: block;
    width: 980px;
    bottom: 0px;
    top: 200px;
    background-color: #fff;
    border: 1px solid black;
}

article.infobox section h2 {
    position: absolute;
    left: 0;
    top: -30px;
    width: 124px;
    height: 29px;
    font-family: Verdana;
    font-size: 15px;
    margin: 0;
    background-color: #c2c2c2;
    border-radius: 15px 15px 0 0;
    border: solid #000;
    border-width: 1px 1px 0 1px;
    z-index: 5;
}

article.infobox section:nth-child(2) h2 {
    left: 120px;
    z-index: 4;
}

article.infobox section:nth-child(3) h2 {
    left: 240px;
    z-index: 3;
}

article.infobox section h2 a {
    display: block;
    margin: 5px 0 0 0;
    text-align: center;
    text-decoration: none;
    color: #000;
    
}

article.infobox section:target, article.infobox section:target h2 {
    color: #000000;
    background-color: #fff;
    z-index: 1;
}

article.infobox section:target h2 a {
    color: #194b7d;
}

article.infobox section p {
    font-family: Verdana;
    font-size: 15px;
    margin: 10px 10px 0 10px;
}

    
ul.sortable {width: 100%; float: left; margin: 20px 0; list-style: none; position: relative !important;}
ul.sortable li {float: left; margin: 0 7px 7px 0; border: 2px solid #fff; cursor: move;}
ul.sortable li img {height: 100%; float: left;}
ul.sortable li.ui-sortable-helper {border-color: #3498db;}


ul.sortable li.placeholder {width: 300px; height: 200px; float: left; background: #eee; border: 2px dashed #bbb; display: block; opacity: 0.6;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}