* {
	margin:0;
	padding:0;
}

form {
  height: 100%;
}

.spanhl {
  color: #0000ff;
}

.spanhl:hover {
  text-decoration:underline;
  font-weight:bold;
  cursor:pointer;

}

.ui-widget{ 
  font-size: 10px !important;
}

.cbp {
  margin-bottom:-3px;
}


.pos_error {
  background-color: #ffc0c0;
}

.pos_good {
  background-color: #c0ffc0;
}


.dots { 
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;

}

.position {
  width: calc(100% - 12px);
  border: 1px solid #f0f0f2;
  padding: 5px;
  background: #fcfcff;
}

.position-head {
  width: calc(100% - 15px);
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  font-weight: bold;
  background: #f0f0f2;
  border-left: 5px solid #c0c0c0;
  padding-left: 10px;
}

.position-kontrakt {
  background: #70f072;
}


.preise {
  width: calc(100% - 12px);
  border: 1px solid #f0f0f2;
  padding: 5px;
  background: #fcfcff;
}

.preis-artikel {
  background: #f0f0f2;
}

.cross {
  width: calc(100% - 5px);
  height: 25px;
  background: #f0f0f2;
  border-left: 5px solid #c0c0c0;
}

tr.hoverrow-edit:hover {
//  background:url( /icons/edit16.png ) #3cb0fd no-repeat;
//  background-position: right 20px center;
  background:#3cb0fd;

  cursor:hand;

  cursor:pointer;
}


.kontakt {
  width: calc(100% - 5px);
  height: 25px;
  background: #f0f0f2;
  border-left: 5px solid #c0c0c0;
}

.kontakt-m {
  border-left: 5px solid #0000c0;
}

.kontakt-w {
  border-left: 5px solid #c00000;
}

.adresse {
  width: calc(100% - 5px);
  height: 25px;
  background: #f0f0f2;
  border-left: 5px solid #c0c0c0;
}

.adresse-std {
  border-left: 5px solid #00ff00;
}


ul.menueleiste {
width:calc(100% - 10px);
font-size : 16px;
line-height : 20px;
height: 20px;
color : #404040;
border-bottom:1px solid #808080;
background : #f0f0f2;
padding-left: 10px;
}

ul.menueleiste li {
  padding: 0 10px;
  float: left;
  display: block;
}

.menue-aktiv {
  background: #ffffff;
  border-bottom:1px solid #ffffff;
}

ul.menueleiste li a {
  text-decoration: none;
  color: #404040;
}

ul.menueleiste li a:hover {
  color: #4040C0;
}


.blauunter {
  color: #006699;
  border-bottom: 1px solid #006699;
}

.fehler-feld {
  background: #ff9999;
}

.fehler-text {
  font-weight: bold;
  color: #ff0000;
}

.databox {
  border: 1px solid #e0e0e0;
  width: 480px;
  margin: 10px;
}

.databox960 {
  border: 1px solid #e0e0e0;
  width: 950px;
  margin: 10px;
  padding: 0 0 10px 0;
}

.scrollbox960 {
  border: 1px solid #e0e0e0;
  width: 950px;
  margin: 10px;
  padding: 0 0 10px 0;
  height:calc( 100% - 10px );
}


.databox-content {
  padding: 10px 0;
}

#loginbox {
  background: #FFFFFF;
  border: 1px solid #666;
  color: #000;
  position: absolute;
  width: 400px;
  height: 300px;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -200px;
  padding: 10px;
}

    #overlay {
	display: none;
       position: fixed;
       z-index:199;
       top: 0px;
       left: 0px;
       height:100%;
       width:100%;
    }

    .overlayBG {
       background-color:#000;
       -ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
       filter:alpha(opacity=75); /* IE5-7 */
       -moz-opacity: 0.75; /* Mozilla */
       opacity: 0.75;
    }

    #lightBox {
	display: none;
       position:fixed;
       top:50%;
       left:50%;
       margin-left:-400px;
       margin-top:-250px;
	border: 1px solid black;
       z-index:500;
       width:800px;
       height:500px;
       background-color:#fff;
       text-align:center;
    }


#templateheader {
  background-color:#ccc;
  text-align: right;
}

#templateheader img {
  margin-left:10px;
}

#templatecontent {
  margin: 10px 10px 10px 10px;
  text-align:left;

}

.tmpl_label {
  width: 100px;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  float: left;
  background-color:#FFFFC0;
  vertical-align: top;
}

.tmpl_value {
  width: 200px;
  height: 20px;
  line-height: 20px;
  float: left;
  background-color:#FFC0FF;

}

.tmpl_rights {
  height: 20px;
  line-height: 20px;
  float: right;
  background-color:#C0FFFF;
}

.tmpl_rights select {
  width: 120px;
}

#unlockspan {
  display: none;
}

#templatefooter {

}






html {
  height: 100%;
}




body {
	margin:0;
	padding:0;
  
  font-family:Arial, sans-serif;
  font-size:12px;
  background: #ffffff;
  height: 100%;
}

table {
  border-collapse:collapse;
}

table tr td, table tr th {
  padding:1px 0 1px 0;
}


table th {
  text-align:left;
  border-bottom:1px solid #404040;
}

table.inputtable {

}

table.inputtable tr td, table.listtable tr td {
  height: 25px;
}

tr.hoverrow:hover {
  background:#3cb0fd;
  cursor:hand;
  cursor:pointer;
}

tbody.hoverrows tr:hover td {
  background:#3cb0fd;
  cursor:hand;
  cursor:pointer;
}

tbody.hoveronlyrows tr:hover td {
  background:#3cb0fd;
}

  

.hoverlink {
  cursor:hand;
  cursor:pointer;
}

.error {
  background-color: #FFC0C0;
}


#content {
  margin : 0 0 0 0;
  width : 100%;
  min-width : 900px;
  font-family:Arial, Helvetica, sans-serif;
  background : #FFFFFF;
  color : black;
  height: calc(100% - 23px);
  

}

#help-content {
  margin: 10px;
  width: 100%;
  font-family:Arial, Helvetica, sans-serif;
  background : #FFFFFF;
  color : black;
}

#help-main-content {
}

#help-header {
  font-family:Arial, sans-serif;
  font-size:16px;
}

#help-header img {
  vertical-align: middle;
}

		/*TOP BANNER*/


#header-container {
  height : 100px;
  padding : 0;
  margin : 0;
  background : url(/icons/topbanner4.png);
}

#header-left {
  height : 100px;
  width : 220px;
  float : left;
  margin : 0;
  margin-right : -3px;
  padding : 0;
  background : url(/icons/base2_100.png) no-repeat;

}

#header-center {
  height : 100px;
  width: 620px;
  margin : 0 auto;
  padding : 0;
  background : url(/icons/header.png) no-repeat;
float:left;
}  

#header-right {
  height : 165px;
  width : 350px;
  float : right;
  padding : 0;
  margin : 0;
  margin-left : -3px;
  background : #DDDDDD url(/icons/logo_r.png) no-repeat;
}

#header-text {
  height : 100px;
  width : 340px;
  margin-top : 58px;
  padding-right : 10px;
  text-align : right;
  color : #01A8BA;
  font-size : 14px;
}

			/*TOP NAVIGATION*/

#topnav-container {
  clear : both;
  padding : 0;
  height : 25px;
  margin : 0;
  background : #FFFFFF;
  border-bottom: 1px solid #009ee3;
}


#topnav {
  height : 25px;
  line-height : 25px;
  padding : 0;
  margin : 0;
  background : #FFFFFF;
}

#topnav-right {
  float : right; 
  padding-right : 10px;
}

#topnav-left {
  float : left; 
  padding-left : 10px;
}


#topnav ul {
  list-style-type : none;
  color : #606060;
  padding : 0;
  margin : 0;
  text-align : left;
  font-weight : bold;
  font-size : 12px;
}

#topnav ul li {
/*  border-left : 1px solid #808080;*/
  position : relative;
  float : left;
}

#topnav ul li a, #topnav ul li a:visited {
display : block;
text-decoration : none;
color : #000000;
margin : 0;
padding : 0 15px 0 0px;
height : 25px;
line-height : 25px;
overflow : hidden;
vertical-align : middle;
/*border-left: 1px solid #E0E0E0;*/
}

#topnav ul li a:link.active, #topnav ul li a:visited.active, #topnav ul li a:hover {
text-decoration : underline;
color : #009ee3;

}

#topnav ul li ul  {display: none; }
#topnav ul li:hover ul { position: absolute; display:block; top:25px; left:0; width:130px; background:#e0e0e0; } 
#topnav ul li:hover a.langsel { width:75px; background:#F0F0FF;}




#topnav img {
  padding-top:2px;
  height:16px;
}

.tn_submitimg {
  padding-top:2px;
  height:16px;
}


			/*3 COLUMNS*/

#content-container {
  margin : 20px 0 0 0;
  padding : 0;
  height: calc(100% - 46px);
}

#col1 {
  float : left;
  width : 30px;
  padding: 16px 0 20px 0px;
  margin:0;
}

#col2 {
  padding : 0 110px 0 40px;
}

#col3 {
  float : right;
  width : 110px;
}

#search {
  width : 100%;
  height : 40px;
  padding : 0 0 20px 0;
}


#searchbox {
  float: right;
  padding: 0 20px 0 0;
  width: 480px;
  text-align: right;
}

#searchinfo {
  float: left;
  padding: 0 0 0 75px;
  width: 450px;
  text-align: left;
}


#searchclear {
  clear: both; 
  height: 1px;
}

#main-content {
  padding : 0;
  height: 100%;
}

#left-container {
  width: 50%;
  float: left;
}

#right-container {
  width: 50%;
  float: right;
}



td {
  padding : 1px;
  margin : 1px;
}

#menu ul {
  list-style-type : none;
  color : black;
  padding : 0;
  margin : 0;
  font-weight : bold;
}

#menu li {
  width : 100px;
  height : 60px;
  line-height : 60px;
  margin : 0 0 10px 0;
  padding : 0;
  font-size : 12px;
}


#menu a, #menu a.visited, #menu a.active {
  width : 100px;
  height : 60px;
  margin : 0;
  padding : 0 0 0 3px;
  text-align : left;

}


#menu a.menupassive {
  text-decoration : none;
  display : block;
  width : 100px;
  height : 60px;
  line-height : 60px;
  vertical-align : middle;
  color : #FFFFFF;
}


#menu a.menuhover {
  text-decoration : none;
  display : block;
  width : 100px;
  height : 60px;
  line-height : 60px;
  vertical-align : middle;
  color : #FFFFFF;
}

#menu a.menuhover:hover, #menu a.menuhovered {
  text-decoration : none;
  display : block;
  width : 100px;
  height : 60px;
  line-height : 60px;
  vertical-align : middle;
  color : #FFFFFF;
}

.buttonimage {
  vertical-align:-7px;padding-right:3px;width:24px;height:24px;
}




.submitbutton {
font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #009ee3;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
}

.submitbutton:hover {
  background: #3cb0fd;
  text-decoration: none;
}




#partnerlist {
  padding : 10px 0 0 10px;
}


			/*FOOTER*/
#footer-container {
  clear : both;
  position: fixed;
  bottom: 0;
  width: 100%;
}

#footer {
height : 20px;
background : #009ee3;
color : #000;
padding-right : 20px;
padding-top : 3px;
text-align : right;
}
#footer a {
color : #fff;
background : inherit;
}
#footer a:hover {
color : #000;
background : inherit;
}
			/* POPUPS & STUFF */

#infobox {
  font-weight: bold;
  text-decoration : none;
  display : block;
  width : 150px;
  height : 60px;
  line-height : 60px;
  vertical-align : middle;
  padding-left: 20px;
  color : #FFFFFF;
}


			/*TYPOGRAPHY*/
h1 {
margin : 0;
text-align : center;
font-size : 24px;
letter-spacing : 2px;
font-weight: bold;

color : black;
background : inherit;
}
h2 {
margin-top:0;
padding-top : 0.5em;
padding-bottom : 0;
letter-spacing : 2px;
font-size : 1.5em;
color : #606060;
background : inherit;
}
h3 {
width: 480px;
font-size : 16px;
line-height : 20px;
height: 20px;
color : #404040;
width:calc(100% - 10px);
border-bottom:1px solid #808080;
background : #f0f0f2;
padding-left: 10px;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*LINKS*/
a {
text-decoration : none;
color : #006699;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #444;
background : inherit;
}
a img {
border : 0;
}
			/*IMAGES*/
.myimage {
float : left;
padding : 10px;
border : 1px solid #aaa;
margin-right : 10px;
}
.myimage2 {
float : right;
padding : 10px;
border : 1px solid #aaa;
margin-left : 10px;
}



#custnav {
        width: 24px;
        margin: 0 0 0 6px;
        }

#custnav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#custnav img {
	  border: none;
	  }

#custnav li a {
        height: 21px;
        text-decoration: none;
        }

#custnav li a:link, #custnav li a:visited {
        color: black;
        display: block;
        background:  url(/icons/tab2.png);
        padding: 3px 0 0 8px;
        }

#custnav li a:hover, #custnav li.current a {
        color: black;
        background:  url(/icons/tab1.png);
        padding: 3px 0 0 8px;
        }

/* AddBox */

#addcontainer {
	float:right;
	font-size:22px;
	font-weight:bold;
	color:green;
	height:24px;
	width:24px;
	margin:0;
	padding:0;
	border:1px solid green;
	text-align:center;
}

#addwindow {
	display:none;
	width:700px;
	height:500px;
	margin:0px -350px;
       padding:0;
	position:absolute;
	left:50%;
	border:0;
	background:#c0c0c0;
}

#escrollable {
	height: 385px;
	overflow:auto;
	padding:0;
	margin:0;
}

.listcontainer {
  height: calc( 100% - 72px );
  overflow: auto;
  position: relative;
}

.listcontainer-n {
  height: calc( 100% - 20px );
  width: calc( 100% - 30px );
  overflow: auto;

  position: relative;
}


.listtable {
}

.listtable th {
	text-align:left;
	padding-left:8px;
}

.listtable td {
	text-align:left;
	padding-left:8px;
}


#through {
 border: 1px solid #000000;
 height: 16px;
 display: block;
 background-color: #DDDDDD
}
#bar {
 background-color: #003000;
 background-image: url("/icons/progress.png");
 border-right: 1px solid #000000;
 height: 16px
}










div.tabs {
  min-height: 300px;		/* No height: can grow if :target doesn't work */
  position: relative;		/* Establish a containing block */
  line-height: 1;		/* Easier to calculate with */
  z-index: 0}			/* So that we can put other things behind */
div.tabs > div {
  display: inline}		/* We want the buttons all on one line */
div.tabs > div > a {
  color: black;			/* Looks more like a button than a link */
  background: #CCC;		/* Active tabs are light gray */
  padding: 0.2em;		/* Some breathing space */
  border: 0.1em outset #BBB;	/* Make it look like a button */
  border-bottom: 0.1em solid #CCC} /* Visually connect tab and tab body */

div.tabs > div > div td {
  vertical-align:top;
}


div.tabs > div:not(:target) > a {
  border-bottom: none;		/* Make the bottom border disappear */
  background: #999}		/* Inactive tabs are dark gray */
div.tabs > div:target > a,	/* Apply to the targeted item or... */
:target #default2 > a {		/* ... to the default item */
  border-bottom: 0.1em solid #CCC; /* Visually connect tab and tab body */
  background: #CCC}		/* Active tab is light gray */
div.tabs > div > div {
  background: #CCC;		/* Light gray */
  z-index: -2;			/* Behind, because the borders overlap */
  left: 0; top: 1.3em;		/* The top needs some calculation... */
  bottom: 0; right: 0;		/* Other sides flush with containing block */
  overflow: auto;		/* Scroll bar if needed */
  padding: 0.3em;		/* Looks better */
  border: 0.1em outset #BBB}	/* 3D look */
div.tabs > div:not(:target) > div { /* Protect CSS1 & CSS2 browsers */
  position: absolute }		/* All these DIVs overlap */
div.tabs > div:target > div, :target #default2 > div {
  position: absolute;		/* All these DIVs overlap */
  z-index: -1}			/* Raise it above the others */}