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

/* Reset - Browser Default Styles deaktivieren
-------------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/*h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}*/

ol, ul {
	list-style: none;
}

address, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}

#adr_insert_div table, #kontakt_body table {
	border-collapse: collapse;
	border-spacing: 0;
}

#adr_insert_div td, th {
	vertical-align: top;
}

#kontakt_body td, th {
	vertical-align: top;
}

#adr_insert_div td.vMiddle, #kontakt_body td.vMiddle {
	vertical-align: middle;
}

#adr_insert_div td.extraText, #kontakt_body td.extraText {
	padding-top: 4px;
	color: #999999;
}

.BrowserHiddenDiv {
   position: absolute;
   left: 0;
   top: 0;   
   width: 100%;
   height: 100%;
   z-index: 900;
   background-color: #333333;
   opacity: 0.8;
   filter: Alpha(opacity=80, finishopacity=0, style=0);
}

.BrowserHiddenDiv_Layer {
   position: absolute;
   left: 0;
   top: 0;   
   width: 100%;
   height: 100%;
   z-index: 1000;
}

/* Typo - Schrift- und Absatzformatierungen (Basis fuer Font und Color)
-------------------------------------------------------------------------------- */
html{
	width: 100%;
	height: 100%;
}

body {
	/*font: 10px Verdana, Arial, Helvetica, sans-serif;  Schriftgroesse auf 10px setzen - besser zum Rechnen */
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 8pt;*/
	color: #444444;
	/*background: none;*/
	width: 100%;
	height: 100%;
}

#adr_insert_div input, #adr_insert_div select, #adr_insert_div textarea {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	width: 99%;
}

#kontakt_body input, #kontakt_body select, #kontakt_body textarea {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	width: 99%;
}

#kontaktinfobox input, #kontaktinfobox select, #kontaktinfobox textarea {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	width: 99%;
}

input {
	border: 1px solid #B80000;
}

input.radio{
	border: none;
}

.no-border {
	border: none;
}

#adr_insert_div input.input160, .input160 {
	width: 160px;
}

#kontakt_body input.input160, .input160 {
	width: 160px;
}

#kontaktinfobox input.input160, .input160 {
	width: 160px;
}

#adr_insert_div input.input140, #kontakt_body input.input140, #kontaktinfobox input.input140 {
	width: 140px;
}

#adr_insert_div input.input180, #kontakt_body input.input180, #kontaktinfobox input.input180 {
	width: 180px;
}

#adr_insert_div select.select200, #kontakt_body select.select200, #kontaktinfobox select.select200 {
	width: 200px;
}

#adr_insert_div select.select160, #kontakt_body select.select160, #kontaktinfobox select.select160 {
	width: 150px;
}

input.button {
	background-color:#B80000;
	color:#FFFFFF;
	margin: 0;
	padding: 0 5px;
	border: 1px solid #B80000;
}

#adr_insert_div .button_fix_220 {
	background-color:#B80000;
	color:#FFFFFF;
	margin: 0;
	padding: 0 5px;
	width:220px; !important;
	border: 1px solid #B80000;
}

.button_fix_180 {
	background-color:#B80000;
	color:#FFFFFF;
	margin: 0;
	width:180px; !important;
	border: 1px solid #B80000;
}

#adr_insert_div input.buttonBig, #kontakt_body input.buttonBig, #kontaktinfobox input.buttonBig {
	font-size: 10pt !important;
	font-weight: bold;
}

#adr_insert_div select, #adr_insert_div textarea {
	border: 1px solid #CCCCCC;
	color: #444444;
}

#kontakt_body select, #kontakt_body textarea {
	border: 1px solid #CCCCCC;
	color: #444444;
}

#kontaktinfobox select, #kontaktinfobox textarea {
	border: 1px solid #CCCCCC;
	color: #444444;
}

#adr_insert_div textarea, #kontakt_body textarea, #kontaktinfobox textarea {
	height: 150px;
	padding: 4px;
}

#adr_insert_div .button, #kontakt_body .button, #kontaktinfobox .button{
	width: auto; 
}

#kontaktinfobox input.button_fix_150
{
	background-color:#B80000;
	color:#FFFFFF;
	margin: 0;
	padding: 0 5px;
	width:140px; !important;
	border: 1px solid #B80000;
}

#kontaktinfobox input.button_fix_65
{
	background-color:#B80000;
	color:#FFFFFF;
	margin: 0;
	padding: 0 5px;
	width:65px; !important;
	border: 1px solid #B80000;
}

.clearer{
	clear: both;
}

.clear_bg{
	background: none;
}


p {
	margin-bottom: 0.5em;
}

#adr_insert_div h2, #kontakt_body h2, #kontaktinfobox h2 {
	/*height: 26px;*/
	padding: 0 0 4px 0px;
	font-size: 14px;
}

#adr_insert_div h3, #kontakt_body h2, #kontaktinfobox h3 {
	/*height: 26px;*/
	padding: 0 0 4px 0px;
	font-size: 12px;
}

#adr_insert_div a, #kontakt_body a, #kontaktinfobox a, #freemail_adr_content a, #freemail_adr_content a, #iframe_csv_imp a, a.redCol {
	color: #B80000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	/*padding-left: 7px;*/
	background: none;
}

#adr_insert_div a:hover, #kontakt_body a:hover, #kontaktinfobox a:hover, #freemail_adr_content a:hover, #freemail_adr_content a:hover, #iframe_csv_imp a:hover, a.redCol:hover {
	/*color: #721b00;*/
	text-decoration: underline;
}

a.keinPfeil {
	background-image: none;
	padding-left: 0;
}

.fehlertext{
   background-color: red;
}

.bg_userIn_list{
   background-color: #B5E6B3;
}


/* Layout - Formatierungen des Basislayout
-------------------------------------------------------------------------------- */

/* PORTLETS CONTENT
-------------------------------------------------------------------------------- */
#adressbook {
	/*font-size: 120%;*/
	font-size: 8pt;
}

.adressbookWrapper  {
	position: absolute;
	width: 1000px;
	height: 600px;
	top: 50%;
	left: 50%;
	margin-left: -500px;
	margin-top: -275px;
	background-color: #FFF;
	display: none;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
    z-index: 1000;
}

#adressbook_header {
	/*width: 100% - 12px;
	padding: 4px 0 0 12px; */
	width: 976px;
	padding: 4px 12px;
	border-bottom: 2px solid #B2B2B2;
}

#adressbook_header h1 {
	margin: 7px 0 0 0;
}

#adressbook_header p {
	margin: 0;
	font-size: 8pt;
}

.adressbookWrapper h1 {
	background: none;
	height: 31px;
	padding: 10px 0 0 17px;
	font-size: 20px;
}

.adressbookWrapper_import h1 {
	background: none;
	height: 31px;
	padding: 10px 0 0 17px;
	font-size: 20px;
}

.adressbookWrapper h2 {
	/*height: 26px;*/
	padding: 0 0 4px 0px;
	font-size: 14px;
}


.adressbookWrapper .adressbookContent {
	background: none;
	margin: 8px 0 20px 0;
	float: left;
	width: 1000px;
}


.adressbookWrapper .adressbookContent p {
	/*padding: 0 10px;*/
}

.adressbookWrapper .adressbookContent input, select, textarea {
	font-size: 12px;
}

.adressbookFrameWrapper {
	float: left;
	width: 1000px;
}

.adressbook_leftframe {
   width: 400px;
   float: left;
   margin-left: 8px;
   display: inline;
   /*border: 1px solid blue;*/
}

.adressbook_leftframe #empfdiv {
	padding-top: 10px;
}

.adressbook_rightframe {
   width: 560px;
   margin-right: 10px;
   float: right;
   display: inline;
  /* border: 1px solid blue;*/
}

#einladungCheck p {
	font-size: 13px;
}

.adressbookFrameWrapper table,
.adressbookFrameWrapper table tr,
.adressbookFrameWrapper table td {
border: none;
}


.clear {
	clear: both;
}

#logo_small {
	float: left;
	margin-right: 16px;
	margin-bottom: 8px;
}


.teilnehmerlistediv {
   height: 172px;
   overflow: auto;
   border-color: #CCCCCC;
   border-width: 1px;
   border-style: solid;
   padding: 6px;
}


.spacer{
   width: 100%;
   height: 20px;
}

.adr_top_navi {
   /*border-bottom: 1px solid #000;*/
   float: left;  
}

ul#adrTopNaviList {
	 width: 560px;
	 float: left;
}

ul#adrTopNaviList li {
	background: url(../../media/images/tab_back.gif) repeat-x;
}

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

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

.adr_navi a {
   position: relative;
   top: 1px;
   border: 1px solid #CCCCCC;
   padding: 5px;
   display: block;
}

.adr_navi a:hover{
   /*background-color: #FFFFC0;*/
}

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


.adr_navi_info{
   float: right;
   height: 20px;
   padding-top: 6px;
}


.adr_content{
   border: 1px solid #CCCCCC;
   height: 210px;
   overflow: auto;
   clear: both;
   padding: 6px;
}


.send_tielnlistDiv{
   height: 255px;
   width: 560px;
   overflow: auto;
   border-color: #CCCCCC;
   border-width: 1px;
   border-style: solid;
}


.repot_mailtext_area{
   height: 260px;
}

.abstand_div
{
   width: 100%;
   height: 10px;
}


#adr_insert_div .input_110, #kontakt_body .input_110, #kontaktinfobox .input_110 {
	width: 110px;
}

#adr_insert_div .textarea_450, #kontakt_body .textarea_450, #kontaktinfobox .textarea_450 {
	width: 450px;
	height: 300px;
}


.freemail_imp_select{
   float: left;
}

.freemail_imp_img{
   border: 1px solid #FFFFFF;
   padding: 2px;
}


.new_userdat_box{
   position: absolute;
   background-color: #FFF;
   border: 4px solid #B80000;
   top:50%;
   left:50%;
   margin-left: -200px;
   margin-top: -100px;
   width: 400px;
   z-index: 1100;
   padding: 8px;
}

.new_userdat_box input {
	width: 200px;
}


.einladung_list_safe_box{
   position: absolute;
   background-color: #FFF;
   border: 4px solid #B80000;
   top:50%;
   left:50%;
   margin-left: -200px;
   margin-top: -100px;
   width: 400px;
   z-index: 1100;
   padding: 8px;
}

.einladung_list_safe_box input {
	width: 200px;
}


#adr_insert_div table.adressSuche {
	border-bottom: 1px solid #ADADAD;
	margin-bottom: 4px;
	width: 96%;
}

#adr_insert_div table.adressSuche td {
	padding: 0px 0px 4px;
}


.ajaxloadimg{
   position: relative;
   top: 45%;
   left: 45%;
   width: 35px;
   height: 35px;
   background-image: url(../../media/ajax/uhr.gif);
   
}



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


#adr_insert_div input.textfield_120, #kontakt_body input.textfield_120, #kontaktinfobox input.textfield_120 {
	width: 120px;
}

#adr_insert_div input.textfield_150, #kontakt_body input.textfield_150, #kontaktinfobox input.textfield_150 {
	width: 150px;
}

#adr_insert_div input.textfield_220, #kontakt_body input.textfield_220, #kontaktinfobox input.textfield_220 {
	width: 220px;
}

#adr_insert_div input.checkbox, #kontakt_body input.checkbox, #kontaktinfobox input.checkbox {
	width: 20px;
}	
	

#adr_insert_div input.checkbox_vc, #kontakt_body input.checkbox_vc, #kontaktinfobox input.checkbox_vc {
   padding: 0px;
	width: 14px;
	height: 14px;
   border: 0px;
}	
	


.noBorder {
	border: 0px;
}

#adr_insert_div #vc_user_einl_view {
   /*border: 1px solid red;*/ 
   overflow: auto; 
   width:96%; 
   height:140px;
}

*html #adr_insert_div #vc_user_einl_view,
*+html #adr_insert_div #vc_user_einl_view {
   height:130px;
}


*:focus { outline-style:none; }


/* fuer import*/
.adressbookWrapper_import  {
	position: absolute;
	width: 1000px;
	height: 570px;
	top: 50%;
	left: 50%;
	margin-left: -500px;
	margin-top: -275px;
	background-color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
   z-index: 1000;
}


.adressbook_import_leftframe {
   width: 550px;
   margin-right: 10px;
   margin-left: 10px;
   float: left;
   display: inline;
   /*border: 1px solid blue;*/
}

.adressbook_import_rightframe {
   width: 400px;
   float: right;
   margin-left: 8px;
   display: inline;
   /*border: 1px solid blue;*/
}


.adr_import_content{
   border: 1px solid #CCCCCC;
   height: 390px;
   overflow: auto;
   clear: both;
   padding: 6px;
}

.adressbook_import_hilfe{
   /*border: 1px solid blue;*/
   margin-top: 25px;
   padding: 10px;
   height: 355px;
}

/* ende*/

/* anpassung fuer den reminder*/

#adr_insert_div .mailtext_reminder textarea {
   height: 400px;
}

#reminder_button_pos{
   height: 380px;
}
/* ende reminder*/

#einladerSafebot{
   width: auto;
}

#einladerSafeClose{
   width: auto;
}

.buttonRed{
   width: auto;
   background-color:#B80000;
	border:1px solid #B80000;
	color:#FFFFFF;
	margin:0 5px 0 0;
	padding:0 5px;
}

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