/* CSS-Formatierungen
* Einsatz: Browser, die sich weitestgehend an Vorgaben des W3C orientieren
* ------------------------------------------------------------------------------ */

#kontaktinfobox #utag {
	height: 100px;
	width: 180px;
}

/* Layout - Formatierungen des Basislayout
-------------------------------------------------------------------------------- */
#kontakt_body {
	margin-bottom: 50px;
	width: 100%;
	/*position: absolute;
	left: 50%;
	margin-left: -452px;*/
/*
	background: url(../../media/images/back_adressbuch_empty.gif) no-repeat;
	padding-top: 200px;
*/
}

ul#kontTopNaviList{
  	/*background:transparent url(/media/images/hintergrund/bg_box_nav.png) repeat-x scroll left bottom;*/
	display:block;
	list-style-type:none;
	margin-bottom:10px;
	padding-left:0;
	float: left;
	border-bottom: none;
}

ul#kontTopNaviList li {
	background:transparent url(/media/images/hintergrund/bg_box_nav_left.png) no-repeat scroll left -30px;
display:block;
float:left;
height:27px;
margin-right:2px;
padding-left:7px;
}

ul#kontTopNaviList li.aktiv {
	background:transparent url(/media/images/hintergrund/bg_box_nav_left.png) no-repeat scroll left top;
}

ul#kontTopNaviList li.noBack {
	background: none;
}

#suche {
	margin-right: 0px;
	padding: 4px 8px 0px 8px;
}

.kontTopNavi{
   float: left;
   margin-right: 3px;
}

#kontakt_body .kontTopNavi a {
background:transparent url(/media/images/hintergrund/bg_box_nav_right.png) no-repeat scroll right -30px;
color:#333333;
display:block;
float:left;
font-size:1.2em;
height:23px;
padding:4px 5px 0 0;
text-align:center;
font-weight: normal;
}

#kontakt_body .aktiv a {
  background:transparent url(/media/images/hintergrund/bg_box_nav_right.png) no-repeat scroll right top;
}


.kontTopNavi a:hover{
   background-color: #FFFFC0;
}

.aktiv a,
.aktiv a:hover {
   border-bottom: 1px solid #FFF;
}

.kontaktnavicontent{
   position: relative;
   background-color: #FFF;
   top: 0px;
   border: 0px solid #CCCCCC;
   float:left;
   z-index: 10;
   width: 100%;
}

.paging{
   text-align: center;
   vertical-align: middle;
   padding: 12px 0px;
}

.paging a {
	margin-left: 20px;
}
	
.kontentnavi{
   border: 1px solid #B80000;
   width: 202px;
   float: left;
   padding: 4px;
}

.kontentnavi ul li {
	background: url(../../media/images/pfeil_rot.gif) no-repeat left 3px;
	padding-left: 15px;
}

.kontaktcontnet{
   border: 1px solid #FFF;
   width: 100%;
   float: right;
}

.kontaktcontnet table {
	border: 1px solid #CCC;
}

.kontaktcontnet table td, .kontaktcontnet table th {
	border: 1px solid #CCC;
	padding: 2px 4px;
}

.kontaktcontnet table td.row2 {
	background-color: #F3F3F3;
}

.kontaktcontnet table th {
	background: url(../../media/images/tab_back.gif) repeat-x;
	text-align: left;
}

.kontakt_info_box{
   background-color: #FFF;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -240px;
   margin-left: -400px; 
   width: 810px;
   height: 570px;
   padding: 8px;
   z-index: 2000;
}

.kontaktBearbwrapper{
   margin-top: 10px;
   width: 100%;
   float: left;
}

.kontaktBearblinks{
   width: 250px;
   float: left;
}

.kontaktBearblinks table td {
	padding-bottom: 2px;
}

.kontaktBearbmitte{
   width:230px;
   float: left;
   margin-left: 20px;
   padding-left: 10px;
   border-left: 1px solid #ADADAD;
   height: 420px;
   overflow: auto;
}

.kontaktBearbrechts{
   width:230px;
   float: left;
   margin-left: 20px;
   padding-left: 10px;
   border-left: 1px solid #ADADAD;
   height: 420px;
}

.pagingselect{
   border: 1px solid #B80000;
   padding: 2px 4px;
}

.kontaktsuchselect{
   width: 200px !important;
}


table.kontaktBearb_interessen {
	margin-top: 4px;
}

table.kontaktBearb_interessen tr.rowTop td {
	border-top: 1px solid #ADADAD;
}

table.kontaktBearb_interessen tr.rowSub {
	/*display: none;*/
}

table.kontaktBearb_interessen td {
	padding: 2px 4px;
}

table.kontaktSuche td {
	padding: 0px 0px 4px;
}

/* HEADER 
-------------------------------------------------------------------------------- */

/* PORTLETS CONTENT
-------------------------------------------------------------------------------- */

/* FORMULAR
-------------------------------------------------------------------------------- */

.borderdiv{
/*   border: 1px solid #000; */
}


#content #kontakt_body .formular input.button{
	width:188px!important;
}

 
#content #kontakt_body .formular input,
#content #kontakt_body .formular select{
	width:388px!important;
}

#kontakt_body select .formular .textlang {
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	padding:3px 4px;
	width:388px;
}


#kontakt_body .formular label {
	width:90px;
	float: left;
}

#content #kontakt_body .formular input.freieSuche
{
	width:180px!important;
	float: left;
	margin-right: 10px;
}

#content #kontakt_body span.kontakteUebers {
	color:#333333;
	font-size:1.2em;
	margin-bottom:8px;
	font-weight: bold;
}

.layerCloseIcon{
	display: block;
	padding: 10px 10px 0px 0px;
	text-align: right;
}