@charset "UTF-8";
/* CSS Document */
/*{ padding: 0; margin: 0; }*/


body {
	/*background-image:url(../img/background_osb.gif);
	background-position:left bottom;
	background-repeat:no-repeat;*/
	width: 658px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	
}

#navi1 {
	background-image: url(../img/background_header.gif);
	background-repeat: repeat-x;
	background-position: top-left;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right:10px;
	padding-left:10px;
	/*font-size:65%;*/
	
	}
	
.logo { 
	background-image: url(../img/topos-header.jpg);
	background-repeat: no-repeat;
	height: 121px;
	width: 658px;
	}
	
div#content
	{
		margin-left:10px;
		margin-right:10px;	
	}
	
#container {
	position:absolute;
	width:99%;
	text-align:center;
}

	
#wrapper {
	
	width: 658px;
	margin-left: auto;
	margin-right: auto;
/*	background-image:url(../img/bg_osb.gif);
	background-position:left bottom;
	background-repeat:no-repeat;*/
	/*border-color:-moz-use-text-color #E5E5E5 rgb(229, 229, 229);
	border-style:none solid solid;
	border-width:medium 1px 1px; */
	border:1px solid #E5E5E5;
	padding-bottom:20px;
	/*padding-left:15px;
	padding-right:15px;*/
}

#naviLeft {
	
	width: 10%;
	float:left;
	text-align:left;
	font-size: 12px;
	padding: 6px 4px 4px;
	
}

#naviRight {
	
	width: 80%;
	float:right;
	font-size: 12px
}

#footer {
	
	width: 658px;
	bottom:10px;
	position:absolute;
	font-size:70%;
}

 #footerLeft {
	text-align:left;
	width: 80%;
	padding-left:10px;
	float:left;
	
}

#footerRight {
	z-index:9999;
	width: 10%;
	text-align:right;
	bottom:10px;
	float:right;
	padding-right:10px;
}

#middRight {
	/*text-align:left;*/
	padding:15px;
}



div.icons_left
	{
		margin-top:10px;
		width:100px;
		float:left;
		text-align:center;
		font-size:12px;
	}
	
div.icons_right
	{
		text-align:center;
		width:100px;
		float:right;
		margin-top:10px;
		font-size:12px;
	}
div.icontext{
	height:25px;
	
}
div.icon
	{
		height:66px;
		width:130px;
		background-image:url(../img/substitute.gif);
		background-repeat:no-repeat;
		background-position:center;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		padding-top:10px;
	}

div.icons
	{
		width:70%;
	}

div#logindiv
	{
		width:400px;	
	}
	
div.topLeft
	{
		
		background-repeat:no-repeat;
		
		height:20px;
		width:20px;
		float:left;
	}
	
div.topMiddle
	{
		
		height:20px;
		width:360px;
		
		float:left;
	}
	
div.topRight
	{
		
		background-repeat:no-repeat;
		
		background-position:right;
		height:20px;
		width:20px;
		float:right;
	}
	
div.bottomLeft
	{
		
		background-repeat:no-repeat;
		
		height:20px;
		width:20px;
		float:left;
	}
	
div.bottomMiddle
	{
		
		height:20px;
		width:360px;
		
		float:left;
	}
	
div.bottomRight
	{
		
		background-repeat:no-repeat;
		
		background-position:right;
		height:20px;
		width:20px;
		float:right;
	}

/*============================== icons ================= */	
div.userverwaltung
	{
		height:100px;
		width:100px;
		background-image:url(../images/edit.jpg);
		background-repeat:no-repeat;
		background-position:center;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		padding-top:10px;
	}
	
div.tests_from_person
	{
		height:100px;
		width:100px;
		background-image:url(../img/testperson.jpg);
		background-repeat:no-repeat;
		background-position:center;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		padding-top:10px;
		
	}
	div.tests_from_group
		{
			height:100px;
			width:100px;
			background-image:url(../img/testgroup.jpg);
			background-repeat:no-repeat;
			background-position:center;
			margin-left:auto;
			margin-right:auto;
			margin-top:10px;
			padding-top:10px;

		}	
div.datensatz_hinzufuegen
	{
		height:100px;
		width:100px;
		background-image:url(../img/datensatzhinzu.jpg);
		background-repeat:no-repeat;
		background-position:center;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		padding-top:10px;
		
	}
	
div.datensatz_bearbeiten
	{
		height:100px;
		width:100px;
		background-image:url(../img/datensatzedit.jpg);
		background-repeat:no-repeat;
		background-position:center;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		padding-top:10px;
	}
	
	div.tester_register
		{
			height:100px;
			width:100px;
			background-image:url(../img/testerregister.jpg);
			background-repeat:no-repeat;
			background-position:center;
			margin-left:auto;
			margin-right:auto;
			margin-top:10px;
			padding-top:10px;
		}

		div.gruppenverwalltung
			{
				height:100px;
				width:100px;
				background-image:url(../img/gruppenverwaltung.jpg);
				background-repeat:no-repeat;
				background-position:center;
				margin-left:auto;
				margin-right:auto;
				margin-top:10px;
				padding-top:10px;
			}

	
.kar {
		width:20px;
		background:url(../images/green_dot.gif) no-repeat left bottom;
		/*background-image:url(../img/stern.gif);*/
		border:0px solid red;
}

#aux
	{
		display:none;
		height: 0px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
	}
	
#naviMiddleLeft
{
	/*background-color:#f9d44d;*/
}

#osbcomuser, #osbfirma, #osbusergroup
	{
		background-color:#f9d44d;
		
	}
	
div#stab
	{
		margin-left:10px;
		margin-right:10px;
	}	
	
div#konflikt
	{
		margin-left:10px;
		margin-top:10px;
		margin-right:10px;
	}	

div#karriere
	{
		margin-left:10px;
		margin-top:10px;
		margin-right:10px;
	}	
	
div#languages
	{
		float:left;
		width:50px;
		height:13px;
		overflow:hidden;
		padding:2px;
	}	
	
div.members
	{
		
	}
	
/*div.look_up_menu
	{
		margin-left:5px;
		margin-right:5px;
		
	}*/
	
div#promptDiv
	{
		display:none;	
	}
	
div.select_group
	{
	/*margin-right:10px;
	margin-left:10px;*/
	border-bottom:1px solid #ccc;
	
		}
		
div.middle
	{
	padding-right:10px;
	padding-left:10px;
	
	
		}

/*================================== fonts ========================================= */

#navi1 span {
	color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
	}
	
h1 {
	font-size:120%;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	margin-left:0px;
}

ul#cat h4
	{
		background-color:#FFFFFF;
		padding-left:5px;
		color:#000;
		margin:0;
	}
	
p#groupArea th
	{
		font-size:100%;
		background-color:#FFFFFF;
		padding-left:10px;
		
		margin-bottom:10px;	
	}

p#addArea h4
	{
		font-size:100%;
		background-color:#FFFFFF;
		padding-left:10px;
		margin:0;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
		font-size:110%;	
	}

p#addArea td
	{
		
		background-color:#FFFFFF;
		
	}
	

/*#text
	{
	
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	padding:0px;
	
	}*/
	
/*span#text
	{
		display:block;
	}*/
	
div.basePrompt span
	{
		font-size:80%;
	}
	
div#logindiv label span
	{
		font-size:90%;	
	}
	
/*label
	{
		font-size:80%;
	}*/

#logged-in
	{
		color:#ddd;
		/*font-weight:bold;*/
		text-align:right;
		font-size: 12px;
		padding-top: 6px;
		padding-bottom:10px;
		margin: 0;
	}	
	
p
	{
		text-align:left;
		font-size:75%;
	}
	
span
	{
		font-size:95%;
	}
	
span.list
	{
		font-size:90%;
		
	}
	
span.stripes
	{
		margin-top:20px;
		display:block;
		margin-bottom:0px;
		font-size:100%;
	}
	
#middRight span
  {
	text-align:left;
	
  }
	
form#osbcomuser, form#osbfirma, form#osbusergroup, form#osbadduser
	{
		padding:0px;
	}
.adduser{

background-color:#fdefc8;
	
		padding:10px 0px 10px 0px;; 
}

	
div#stab h3, div#konflikt h3, div#karriere h3
	{
		padding-left:5px;
		padding-top:1px;
		padding-bottom:1px;
		background-image:url(../img/background_header.gif);
		color:#fff;
		font-weight:bold;
		border-bottom:2px solid #fff;
		margin:0;
		/*text-align:center;*/
	}
			

	
ul#cat h4

	/*{
		font-size:80%;
	}*/
	
div.look_up_menu span
	{
		text-align:right;
		display:block;
	}
/*================================== links ========================================= */

#navi1 a {
	color:#ddd;
	text-decoration:none;
	font-weight:bold;
	}
#naviLeft a {
	color:#ddd;
	
	}	
#logged-in a {
	color:#ddd;
	
	}
	
 a {
	color:#000;
	text-decoration:none;
	
	}
	
a.new_user
	{
		color:#000;
		text-decoration:underline;
	}
	
a.linkfield
	{
		color:#000;
		text-decoration:none;
		
	}
	
a.linkfield:hover
	{
		
		text-decoration:underline;
	}
	
/*a.linkfield:visited
	{
		color:#666666;
		
		
	}*/
	
	
div.button a
	{
		color: #000;
		background-color:#ddd;
		padding-left:15px;
		padding-right:15px;
		padding-top:1px;
		padding-bottom:1px;
		border:1px solid #666;
		font-size:80%;
		text-decoration:none;
	}
	
div.button a:hover
	{
		color: #000;
		background-color:#f9d44d;
		
	}
	
span.back a
	{
		cursor:pointer;
		float:left;
			font-size:11px;
		line-height:13px;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../img/formbg2.gif) repeat-x left top;
	}
	
	
span.next a
	{
		clear:both;
		float:right;
		cursor:pointer;
		font-size:11px;
		line-height:13px;
		margin-right:20px;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../img/formbg2.gif) repeat-x left top;
	}
	
span.erase a
	{
		cursor:pointer;
			font-size:10px;
		line-height:13px;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../img/formbg2.gif) repeat-x left top;
		
	}
	
#userverwaltung a
	{
		font-size:130%;
		text-decoration:underline;
		margin-right:5px;
	}
	
div.look_up_menu a
	{
		font-size:130%;
		text-decoration:underline;
		margin-right:5px;
		text-align:right;
	}
	
#input1, #input2, #input3, #input4
	{
		float:left;
		width:50%;
	}
	
p#getusAreaInternal a	
	{
		font-size:100%;
	}

	
/*================================== tables ========================================= */

/*table
	{
		margin-top:10px;
	}*/
	
table.pagefooter
	{
		margin-top:0px;
		width: 645px;
		text-align:center;
		padding-left:0px;
		padding-right:0px;
	}
	

	
table.lookup
	{
		background-color:#f9d44d;
		width:100%;
		font-size:80%;
		padding-left:10px;
		padding-right:10px;
	}
	
table.lookup span
	{
		font-size:100%;
	}
	
table.konflikt
	{
		
		width:100%;
		
	}
	


table.userverwaltung
	{
		width:100%;
		/*font-size:80%;*/
	}
	
p#groupArea table
	{
		margin:0;
		padding:0;
	}


div.look_up_menu table
	{
		margin-bottom:20px;
		
		
	}
	
div.select_group table
	{
		padding-left:10px;
		padding-right:11px;
	}
	
p#getusAreaInternal td	{
		padding-left:10px;
		padding-right:10px;
	}
th
	{
		font-weight:bold;
		
			
	}
	
th.rightalign
	{
		text-align:right;
			
	}		

div.look_up_menu td
	{
		padding:0px 0px 0px 0px;
		background-color:#FFFFFF;
		
	}
	
div.look_up_menu th
	{
		padding:5px 0px 5px 0px;
		
		
	}

thead
	{
		text-align:left;
		
	}
	
div.look_up_menu tr#text td
	{
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
		background-color:#FFFFFF;
		border-bottom:2px solid #fff;
	}
	
tr.stripes td
	{
		background-color:#f9d44d;	
		font-size:14px;
		padding:5px;
		text-align:left;
		
	}
	
tr.stripes2 td
	{
		background-color:#fdefc8;
		font-size:14px;
		
		padding:5px;
		text-align:left;
	}
	
table.userverwaltung tr.stripes td
	{
		background-color:#f9d44d;	
		padding:5px;
		text-align:left;
		
	}

td.tabletext
	{
		font-size:75%;
		width:80%;
	}
	
td.leadtext
	{
		font-size:70%;
		padding-right:20px;
	}		

td.count
	{
		font-size:70%;
		padding-top:10px;
	}
	
td.selection
	{
		width:7%;
	}				
	
td.stabtext
	{
		font-size:90%;
		width:80%;
		/*background-color:#666;
		color:#fff;*/
	}	
	
form.stab td
	{
		text-align:center;
		width:10%;
		
		
	}	
	
form.stab td.leadtext
	{
		padding:0;
		
	}	
	
p#groupArea tr#text td
	{
		padding-left:10px;
		padding-right:15px;
		padding-top:3px;
		padding-bottom:3px;
	}

/*================================== lists ========================================= */

ul.menu
	{
		list-style-type:none;
		margin:5px;
		
		padding:0;
		cursor:pointer;

	}
	
ul.menu li
	{
		
		display:inline;
		font-size:70%;
		padding-left:10px;
		padding-right:10px;
		border-right:1px solid #666;
		margin:0;
	}
	
ul.menu li.last
	{
		border-right:0px solid #fff;
	}
	
ul#cat
	{
		list-style-type:none;
		margin:0;
		
		padding:0;
	}
	
/*ul#cat li

	{
		font-size:80%;
	}*/
	
li#list
	{
		background-color:#f9d44d;
		padding:5px;
		color:#000;
		margin:0;
	}
	
/*================================== forms ========================================= */	
	
form.stab
	{
		border:0px solid #fff;
	}
	
div#logindiv form
	{
		border-left:0px solid #ccc;
		border-right:0px solid #ccc;
		border-top:0px solid #ccc;
		border-bottom:0px solid #ccc;
	}
	
table.konflikt input
	{
	width:20px;
	height:20px;
	background-color:#ffffff;
	
	
	}

/*input.buttonSubmit	
	
	{
		margin-top:10px;
		
		
	}*/
	.buttonSubmit{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 2px 6px;
background:url(../img/formbg2.gif) repeat-x left top;
}
	
input.textinput	
	
	{
		padding:0;
		margin:0;
		
	}
label span
	{
	margin-right:10px;
	
	}	
	
table.lookup label span
	{
	font-size:120%;
	
	}	

form#loginForm label
	{
	text-align:left;
	}
	
dl.zend_form
	{
		padding:0;
		margin:0;
	}
	
dl.zend_form dd
	{
		padding:10px;
		margin-bottom:10px;
		margin-left:0px;
	}
	
dl.zend_form dt
	{
		padding:0;
		margin:0;
	}


	
input.search
	{
		background-image:url(../img/top-search-icon.gif);
		background-repeat:no-repeat;
		background-position:center center;
		border:0px solid #ccc;
		
	}

	
	.black_overlay{
	            display: none;
	            position: absolute;
	            top: 0%;
	            left: 0%;
	            width: 100%;
	            height: 100%;
	            background-color: black;
	            z-index:1001;
	            -moz-opacity: 0.8;
	            opacity:.80;
	            filter: alpha(opacity=80);
	        }
	.black_overlay#mainAreaLoading{
	position:relative;

	}
	        .white_content {
	            display: none;
	            position: absolute;
	            top: 25%;
	            left: 25%;
	            width: 50%;
	            height: 50%;
	            padding: 16px;
	            border: 16px solid orange;
	            background-color: black;
	            z-index:1002;
	            overflow: auto;
	        }
			
			
center
	{
		margin-top:10px;
		margin-bottom:10px;
	}

img.flag
	{
	float:right;
	margin-right:2px;
		}

	img {
	border:0;
}
#container {
	/*padding:20px;*/
}

/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
	
}
label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(../img/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(../img/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(../img/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(../img/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
input.textinput, input.textinputHovered {
	width:236px;
	height:15px;
	background:url(../img/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
input.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
select.selectArea {
	width:200px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/

.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}