#suprmain {
	width: 100%;

	height: 100%;
	position: relative;
	
}

#heading,#footting {
	width: 100%;
	height: 50px;
	background-color: #333;
	color: white;
}

#heading {
	border-bottom: 5px solid silver;
	margin-bottom: 10px;
}

#footting {
	clear: both;
	border-top: 1px solid white;
}

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font: 11px Verdana;
	font-size: 11px;
}

table {
	font: 11px Verdana;
}

b {
	font-size: 110%;
}

em {
	color: red;
}

#suprmain {
	width: 100%;
	text-align: center;
}

#maincontainer {
	width: 1024px;
	text-align: center;
	margin: 0 auto; /*Center container on page*/
	min-height: 600px;
	background-color: white;
}

#minheight {
	height: 400px;
	width: 0px;
	
	left: 0;
}

#topsection {
	
}

#head {
	width: 1024px;
	height: 70px;
	margin: 0;
	padding: 0;
	background-image: url("/images_layout/logoAPsro.jpg");
	
}

#headContent{}
#menuHead{
	position:relative;
	vertical-align: top;
	text-align: right;
	float: right;
	height: 40px;
	width:550px;
	margin-top: 15px;
}
#menuHead a{
	font-size: 12px;
	margin-right: 20px;
	margin-right: 20px;
}

#login {
	
	text-align: right;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;	
}

#login a{
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	}
#login a img{
	height:34px;
	border:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
#login a img.log{
	position: absolute;
	top: 0px;
	right: 0px;
}
#login a img.reg{
	position: absolute;
	top: 34px;
	right: 0px;
}

#login a:hover img 
{
opacity: 0.5;
}

#infoBar {
	width: 100%;
	height: 70px;
	background-color: Silver;
	border-right: 1px solid #000;
}

#topsection h1 {
	margin: 0;
	padding-top: 15px;
}
div#search {
 position:relative;
  background-color: #dfdfdf;

  margin: 0px;
  width: 100%;	
 height: 30px;
 
}
div#quick-links {
  position: absolute;
  top:5px;
  right:130px;
  margin-right: 5px;
  height: 30px;
  width: 230px;
 	font: 11px Verdana;
}
div#quick-links #mena{
font: 11px Verdana;
}
div#lang1 {
  position: absolute;
  top:3px;
  right:5px;
  margin-right: 10px;
  height: 30px;
  width: 140px;  
}



div#search-more {
  float: left;
  width: 585px;
  text-align: left;
  margin-left: 5px;
  padding: 0px 10px 0 0;
  font-size: 10px;
 
}
select.quickLinks {
  margin: 1px 2px 0 0;
  padding: 0;
}

div#lang1 a img{
 margin: 0px; 
}
div#search-more form, div#quick-links form, div#search-more input, div#quick-links input, div#quick-links select { margin: 0; font-size: 12px;}
div#search-more span { padding: 0 0 0 2px; }
div#search-more input.button{margin-top: 1px; vertical-align: top;}

#contentwrapper {
	float: left;
	width: 100%;

}

#content {
	
	padding-left:10px;
	width: 790px;
	background-color: white;
}
#contentcolumn {
	margin-left: 200px; /*Set left margin to LeftColumnWidth*/
	border-left: 1px solid silver;
	padding-left:10px;
	background-color: white;
}

#leftcolumn {
	float: left;
	width: 200px; /*Width of left column*/
	padding-right: 10px;
	
}

#menuMain {
	float: left;
	width: 200px; /*Width of left column*/
	margin-top: 0px;
	top: 0;
}

#footer {
	margin-top:20px;
	clear: left;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
	height: 50px;
	text-align: center;
}

#footerIN {
	width: 1024px;
	height: 200px;
	font-size: 10px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

#footer a {
	color: #FFFF80;
}

.innertube {
	margin: 0px;
	/*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

#noticeMain {
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#notice {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
	background-color: #EFEFEF;
	border: 1px solid red;
}

p.notice {
	width: 90%;
	margin: 20px;
	text-align: left;
}

img.notice {
	width: 20px;
	height: 20px;
	margin-right: 20px;
	vertical-align: middle;
	
}

span.ERROR {
	color: red;
}

span.WARN {
	color: orange;
}

span.CONFIRM {
	color: green;
}

span.INFO {
	color: black;
}



.ERROR {
	color: red;
}

#loading {
	clear: both;
	background: url(wait.gif) center top no-repeat;
	text-align: center;
	padding: 33px 0px 0px 0px;
	font-size: 12px;
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.w600{
width: 600px;
}
.text{
	margin-top: 10px;
	text-align: left;
}

.text h2{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid silver;
}

.text h2 h3{
	font-size: 14px;
}

div.modulTitle{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	background-color: #EEE;
	height: 30px;
	margin: 0px;
	border: 1px solid #EEE;
	 border-bottom: 3px solid black;
}
div.modulTitle .text{
	margin-left: 10px;
}

div.modulTitle ul{
	margin: 0;
	padding: 0;
	font: 11px Verdana;
	list-style-type: none;
}


div.modulTitle ul li{
	display: inline;
	margin-right: 1px;
	
}

div.modulTitle li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 8px 8px 10px; /*padding inside each tab*/
color: black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;

}

div.modulTitle ul li a:visited{

}

div.modulTitle ul li a:hover{
background: Black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: white;

}


div.modulTitle ul li.selected a{
	display: inline;
	background: black;
	color: white;
	margin: 0;
}

.mattblacktabs{
vertical-align: bottom;
margin: 0px;
padding: 0;

}

.mattblacktabs ul{
margin: 0;
padding: 0;
font: 11px Verdana;
list-style-type: none;

}

.mattblacktabs ul li{
display: inline;
margin: 0;
padding: 0;
}

.mattblacktabs li a{

float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px 11px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: black;

}

.mattblacktabs li a:visited{
color: black;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: Black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: white;

}

ul.menuInline{
	background-color:#eeee;
list-style-type: none;
margin: 0;

}

ul.menuInline li{
display: inline;
}

ul.menuInline li.space{
	display: inline;
	
	margin-left: 50px;
}

div.login{
	width: 400px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid silver;
}

.centred{
margin-left: auto;
margin-right: auto;
}

form.loginForm{
width: 280px;
height: 100px;

margin-left: auto;
padding-top: 20px;

text-align: right;
}

.label{
	
}
.login_input
{width:140px;}

#zoomer1{

position: relative;
width: 790px;
height: 710px;
}

#zoomer1 #leftSide{	
position: absolute;
left: 0;
width: 100px;
height: 710px;

}
#zoomer1 #showSide{
position: absolute;
right:0px;
width: 690px;
height: 710px;
}

div.mar{
margin:10px;
padding: 10px;
}

#lang1 #lang_ge{
position: absolute;
top:3;
width: 20px;
float:right;
margin-right: 10px;
}


a.goBack{
    margin:10px;
    padding: 10px;
    font-size: 12px;

}
div.logged{
    width: 100%;
    margin:20px;
    text-align: center;
    vertical-align: middle;
    padding: 20px;

}

div.logged div.inner{
    width: 300px;
    height: 200px;
    border: 1px solid #DEDEDE;
}

div.zoomerMain{
  width: 680px;
}

table.archiv{
  width: 80%;

}
table.archiv thead{
  font-size: 100%;

font-weight: bold;

text-align: left;

padding-top: 2px;

padding-right: 0px;

padding-bottom: 2px;

padding-left: 0;

background-image: url(/images_layout/sprite5.png);

background-repeat: repeat-x;

background-attachment: scroll;

background-position: 0pt -1900px;

color: #3d3d3d;

width: 100%;

white-space: nowrap;
}
 table.archiv thead tr td{
   margin: 0;
   padding: 0;
 }

div.BlackButton{

  background-color: black;
  padding: 5 10 5 10px;
}

div.BlackButton a{
  color: white;
  font-weight: bold;
  font-size: 11px;
}
div.BlackButton a:hover{
  color: #cccmm;
  font-weight: bold;
  font-size: 11px;
}

div.bottomText{
	
	text-align: right;
	margin-top: 5px;
	height: 20px;
	 padding: 5  0 5 0px;
	 

}