/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
} 
/*END OF RESET*/
/*Layout*/
body {
width:800px;
margin:0 auto;
margin-top:30px;
margin-bottom:30px;
background-color:#222;
}
#header {
width:800px;
height:110px;
background-color:#333333;
}
#underheader {
	background-color:#fff;
	}
#wrapper{
width:800px;
background:url(pics/background.gif) repeat-y; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin-top:10px;
}
#navigation {
width:200px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
background-color:#3d3d3d;
float:left;
text-align:center;
}
#content { 
margin-left:210px;
width:590px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
margin-top:10px;
}
*html #content {
	margin-left:0;
	}
#footer { 
margin-top:10px;
padding-top:5px;
width:800px;
height:20px;
background-color:#3d3d3d;
text-align:right;
}
/*END OF LAYOUT*/
/*PRESENTATION*/

#content h1 {
	margin:10px 0px 15px 0px;
	padding:0px;
	font:600 16pt arial, helvetica, sans-serif;
	font-variant:small-caps;
	color:#000;
	text-align:center;
	}
#content h3 {
	font:10pt arial, helvetica, sans-serif;
	margin:10px 30px 7px 25px;
	color:red;
	}
span.isn {
	color:#C00;
	font:600 9pt arial, helvetica, sans-serif;
	}
p {
	font:8pt arial, helvetica, sans-serif;
	margin:10px 25px 7px 25px;
	color:#3d3d3d;
	text-align:justify;
	line-height:1.5;
	}
#contentP {
	margin-top:20px;
	}
#footer span {
	font:7pt arial, helvetica, sans-serif;
	color:#ccc;
	margin:0 10px 0 0;
	}
div#content span#pagename {
	font:10pt arial, helvetica, sans-serif;
	}
.vacantitle {
	color:#fff;
	background-color:#3d3d3d;
	font:600 9pt arial, helvetica, sans-serif;
	padding:0 3px;
	}
#bottomfoot {
	font:7pt arial, helvetica, sans-serif;
	margin:30px 25px 30px 25px;
	}
.bottom {
	margin-bottom:30px;
	}
span#lozung {
	font-weight:bold;
	color:#777;	
	}
/*Form*/
Table p {
	text-align:right;
	color:#3d3d3d;
	font:8pt arial, helvetica, sans-serif;
	margin-right:10px;			
}
table {
	margin:5px 0 0 20px;
	}
#send {
	margin:20px 0 0 30px;
	}
div#content #anch1 {
	margin-top:30px;
	}
/*end of Form*/
/*END OF PRESENTATION*/
/*PICS*/
#boxpic {
	margin:0 42px 0 10px;
	}
.underbarpic {
	margin:5px 0 0 0;
	border:1px solid #ccc;
	}
#indexpic {
	float:left;
	margin:25px 10px 7px 30px;
	}
.counter2 {
	padding:30px 0 0 0;
	}
.counter3 {
	padding:3px 0 10px 0;
	}
.counter4 {
	padding:0 0 10px 33px;
	}
#maincontpic {	
	margin:0 0 5px 7px;
	border:1px solid #ccc;
	}
/* Shadows */   
.right_shadow {
      background:url(pics/right_shadow.jpg) 100% 0 no-repeat;
      width:133px;
      }
.right_shadow150 {
      background:url(pics/right_shadow.jpg) 100% 0 no-repeat;
      width:183px;
      }
.bottom_shadow {
      background:url(pics/bottom_shadow.jpg) 0 100% no-repeat;
}
.right_bottom_shadow {
      background:url(pics/right_bottom_shadow.jpg) 100% 100% no-repeat;
      padding:0 17px 17px 0;
}
/* End of Shadows */
#picshadow {
	float:right;
	margin:22px 0 -10px 10px ;
	}
#mappic {
	margin:5px 0 0 140px;
	}
.sitepic {
	margin-top:15px;
	}
/*END OF PICS*/
/*LINKS*/
#linksP {
	text-align:right;
	font-variant:small-caps;
	margin:30px 0 50px 0;
	line-height:1.2;
	}
#linksP a {
	font:300 8pt arial, helvetica, sans-serif;	
	color:#fff;
	text-decoration:none;
	}
div#navigation #linksP a:hover {
	text-decoration:underline;
	}
#linksP2 {
	text-align:right;
	font-variant:small-caps;
	margin:20px 0 0 0;
	line-height:1.2;
	}
#linksP2 a {
	font:300 8pt arial, helvetica, sans-serif;	
	color:#fff;
	text-decoration:none;
	}
div#navigation #linksP2 a:hover {
	text-decoration:underline;
	}
div#content a#home {
	margin:15px 3px 0 25px;
	color:#3d3d3d;
	font:600 10pt arial, helvetica, sans-serif;
	text-decoration:none;
	}
div#content a#home2 {
	margin-right:0;
	color:#3d3d3d;
	font:600 10pt arial, helvetica, sans-serif;
	text-decoration:none;
	}
div#content a#home:hover, a#home2:hover {
	text-decoration:underline;
	}
div#content a#home2:hover {
	text-decoration:underline;
	}
div#content a#homebottom {
	float:right;
	margin:0 25px 10px 0;
	color:#3d3d3d;
	font:600 8pt arial, helvetica, sans-serif;
	text-decoration:none;
	}
div#content a#homebottom:hover {
	text-decoration:underline;
	}	
/* articles bar*/
.loclinks {
    background-color:#000;
	margin:60px 10px 0 12px;	 
	text-align:left;        
	}
.loclinks ul {	
	padding:0 5px 0 12px;
	list-style:square;
}
.loclinks li {	
	padding-left:3px;
	color:#ccc;
}
.loclinks a {
	color:#fff;
	font:8pt arial, helvetica, sans-serif;
	text-decoration:none;
	}
.skip {
	color:#000;
}
div#content a.frdsa {
	font:8pt arial, helvetica, sans-serif;
	color:navy;
	margin-left:25px;	
	}
div#content a.frdsa:hover {
	color:#30C;
	}
div#content p a {
	color:navy;
	}
div#content p a:hover {
	color:#30C;
	}
/* end of articles bar*/
/*END OF LINKS*/
/*HORIZONTMENU*/

#pro13 ul {
	margin:0 0px 0 0; 
	padding:0;
	list-style:none; 
	white-space:nowrap; 
	list-style:none; 
	height:35px; 	position:relative; 
	background:url(pics/background2.gif) no-repeat; 
	font-size:11px;
	}
#pro13 li {
	margin:0; 
	padding:0; 
	float:right;
	}
#pro13 li a {
	display:block; 
	float:left; 
	height:35px; 
	line-height:35px; 
	color:#ddd; 
	text-decoration:none; 	font-family:arial, verdana, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	padding:0 0 0 15px; 
	cursor:pointer; 	background:url(pro_13_0a.gif) no-repeat;
	}
#pro13 li a b {float:left; display:block; padding:0 30px 0 15px; background:url(pro_13_0b.gif) no-repeat right top;}
#pro13 li.current a {color:#cc0; background:url(pro_13_2a.gif) no-repeat; line-height:33px;}
#pro13 li.current a b {background:url(pro_13_2b.gif) no-repeat right top; padding-bottom:2px;}
#pro13 li a:hover {color:#ff0; background: url(pro_13_1a.gif) no-repeat; line-height:35px;}
#pro13 li a:hover b {background:url(pro_13_1b.gif) no-repeat right top;}
#pro13 li.current a:hover {color:#cc0; background: url(pro_13_2a.gif) no-repeat; cursor:default; line-height:33px;}
#pro13 li.current a:hover b {background:url(pro_13_2b.gif) no-repeat right top; padding-bottom:2px;}
/*END OF HORIZONTMENU*/
/*PICKPOPUP*/

#pic {
	background-color: #FFFFFF;
	left: 10px;
	position: relative;
	top: 30px;
	width: 135px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 90px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 135px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 233px;
	left: 150px;
	position: absolute;
	top: 0;
	width: 300px;
}

#top {
	margin-left: 80px;
}
/*END OF PICKPOPUP*/