* { font-family:Arial, Helvetica, sans-serif; font-size: 13px;}

body {background-image:url(/assets/backgrounds/bg_body.gif); background-repeat: repeat-x; margin: 0;  line-height: 17px; color: #606062;}

#container {background-image:url(/assets/backgrounds/bg_body.jpg); background-repeat:no-repeat; background-position: top center; }

  #containerContent {width: 961px; position:relative; margin: auto;}
  
    #top {position: relative;}
      #top img.logo {margin-top: 30px; margin-left: 25px; margin-bottom: 10px;}
      #topLinks {position: absolute; width: 500px; right: 10px; top: 115px; font-size: 12px; text-align:right; }
        #topLinks a {margin-left: 5px; margin-right: 5px; color: #8E9495; text-decoration: none;}
        #topLinks a:hover {margin-left: 5px; margin-right: 5px; color: #0067B3; text-decoration: underline;}
        #searchField {float: left; width: 150px;}
          input.search {border: 1px solid #8E9495; padding: 4px 4px 4px 20px; background-image: url(/assets/buttons/btn_suche.gif); background-position: 3px; background-repeat:no-repeat; }
      
      #bannerTop {position: absolute; top: 20px; right: 10px; border: 1px solid #DBE1EF; width: 468px; height: 60px; overflow:hidden;}
      #bannerMarginal {margin-bottom: 25px; padding: 0px 20px;}
      #bannerRight {position: absolute; width: 120px; height: 600px; right: -135px; top: 230px; border: 1px solid #DBE1EF;}

    #navi {background-image: url(/assets/box/box_header_fullsize-menu.png); background-repeat:no-repeat; height: 45px; margin-top: 15px; width: 961px; padding-left: 15px; }
      
      div.naviItem {float: left; height: 44px; }
        div.naviItem > a {padding-left: 15px; padding-right: 15px; padding-top: 13px; display:block; height: 26px; margin-top: 2px;}
      div.naviItem > a.active {background-image: url(/assets/backgrounds/active_menu_bg.png); background-repeat: repeat-x;}
      
      div.naviSub {position: absolute; width: 930px; left: 15px; margin-top: 1px; z-index: 10000; display:none; }
      div.naviSubContent {background-image:url(/assets/backgrounds/bg_navi.gif); padding: 25px 25px 0px 25px; color: #FFFFFF; overflow: visible; float: left; clear: both; width: 880px;}

      div.naviSubItem {width: 170px; float: left; margin-right: 50px; margin-bottom: 30px; height: 210px;}
        div.naviSubItem img.naviTeaser {margin-bottom: 10px;}
        div.naviSubItem img.groupHeader {margin-left: 5px;}
        div.naviSubItem a {color: #FFFFFF; text-decoration: none; font-size: 12px; margin-left: 5px; }
        div.naviSubItem a:hover {text-decoration: underline;}
    
    #content {padding: 15px; margin-top: 15px;}
        #contentLeft {width: 620px; float: left;}
        #contentRight {width: 275px; margin-right: 0px; float: right;}
		#contentFull {}

        div.contentImageContainer { position: relative; width: 620px; height: 240px; margin-bottom: 20px;}

    #contentRight div.boxRight {background-image: url(/assets/box/box_header_small.gif); background-repeat: no-repeat; margin-bottom: 0px;}
        div.boxRight img.boxRightHeadline {margin-top: 9px; margin-left: 20px; }
        div.boxRight div.boxRightContent {padding: 30px;}
		
	#contentRight div.boxRightBusinessMatching {background-image: url(../assets/teaser/teaser_business_matching.gif); background-repeat: no-repeat; margin-bottom: 0px; border: ; margin-bottom: 10px;}
		div.boxRightBusinessMatching img.boxRightHeadline {margin-top: 9px; margin-left: 20px; }
		div.boxRightBusinessMatching div.boxRightContent {padding: 30px; padding-bottom: 15px; margin-top: 100px; }
    
    #footer {padding: 15px; float: left; clear: both; margin-top: 50px; border-top: 1px solid #DBE1EF; width: 901px;}
        #footer * {color: #0067B3; font-size: 11px;}
        #footer table tr td {padding-right: 50px; padding-bottom: 30px;}
	 
    /*Logolaufleiste*/
	#logoLaufleisteContainer {border-top: 1px solid #DBE1EF; border-bottom: 1px solid #DBE1EF; padding-top: 15px; padding-bottom: 15px; margin-top: 35px; float:left; clear: both;}
	#logoLaufleisteMQ {position:relative; overflow:hidden; width: 610px; height:100px;  height: 95px; }
	#logoLaufleisteContainer img {margin-right: 20px; margin-right: 20px;}
	
/*Textformatierungen*/
.label {font-size: 11px;}
.text_small {font-size: 11px;}
h1, h2, h3, h4, h5, h6 {font-size: 14px; color:#0067B3; line-height: 14px; margin: 0;}
.large_blue {font-size: 16px; color:#0067B3; line-height: 14px; font-weight: bold;}
.sitemap_headline {font-size: 12px; color:#00067B3; font-weight:bold;}
.text_error {color: #C40000; font-size: 11px;}
.text_inactive {color: #999;}
.rounded_box {padding: 1px 5px 1px 5px; background-color: #04529C; font-weight: bold; color: #FFFFFF; }

/*Links*/
a {color:#0067B3; text-decoration:none;}
a:hover {color:#0067B3; text-decoration: underline;}

a.button { padding: 4px 10px; color: #FFFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color:#0067B3; margin-top: 10px; margin-bottom: 10px; text-decoration:none;}

/*Trenner*/
hr {height: 1px; border: 0px none; border-top: 1px solid #DBE1EF; clear:both;}

/*Formulare*/
.textinput {background-color:#F9F9F9; border-top: 2px solid #E5E9F1; border-right:2px solid #E5E9F1; border-left: 0px none; border-bottom: 0px none; padding: 3px; color: #666;}
.textinput_error {background-color:#F9F9F9; border-top: 2px solid #E5E9F1; border-right:2px solid #E5E9F1; border-left: 2px solid #C40000; padding: 2px; color: #666;}
.submit_button {border: 0px none; background-color: transparent; cursor:pointer; color: transparent; color: #666;}

/*Tabellen*/
table.detailview {}
	table.detailview thead tr td {padding: 10px 25px 10px 0px; text-align:left;}
	table.detailview tbody tr td {padding: 10px 25px 10px 0px; border-bottom: 1px solid #DBE1EF; text-align:left; }
	table.detailview tfoot tr td {padding: 10px 25px 10px 0px; text-align:left;}
	table.detailview tr td li {margin-left: -10px; }
	
	
table.listview {padding-top: 15px; margin-bottom: 5px;}
	table.listview tr.bottom td {padding:0;}
	table.listview tr td {padding: 15px 10px 10px 0px; border-top: 1px solid #DBE1EF; }
		table.listview tr td img {padding-left: 10px;}
		
table.listview_plain {padding-top: 5px; margin-bottom: 5px;}
	table.listview_plain tr td {padding: 5px 10px 5px 0px; border-top: 1px solid #DBE1EF;}
		table.listview_plain tr td img {}
		
table.form_container { margin-bottom: 10px;}
	table.form_container tr.bottom td { padding: 0px; badding-bottom: 20px; }
	table.form_container tr td {padding: 15px 20px 10px 20px;}
	table.form_container thead tr td {padding: 20px 20px 10px 20px;}
		
table.datalist {padding-top: 10px; margin-bottom: 20px;}
	table.datalist tr.bottom td { padding:0; padding-bottom: 10px;}
	table.datalist tr td {padding: 15px 10px 10px 0px; border-bottom: 1px solid #DBE1EF;}
	table.datalist tr td.col_left_right, table.datalist tr.bottom td {border: 0px none;}
	table.datalist tr td.col_left_right {width: 15px; padding: 0px;}
	
table.form_table {}
	table.form_table tr td {padding: 5px 5px 5px 0px;}

table.sitemap {}
	table.sitemap tr td {padding: 0px 35px 15px 15px;}
	
table.matrix_table {}
	table.matrix_table tr.group_header td {border-bottom: 1px solid #E5E9F1; background-color:#EFF2F7;}
	table.matrix_table tr td {border-bottom: 1px solid #E5E9F1;}
	.feature_dot {font-size: 20px; font-weight: bold; color: #004997;}
	
td p {margin-top: 0px;}
td ul {}

	
/*Reiter*/
div.reiter {clear: both; border-bottom: 1px solid #DBE1EF;}

a.reiter {position: relative; padding: 6px 13px 4px 13px; height: 16px; float:left; background-image: url(../assets/reiter/reiter_inaktive_oben.gif); background-repeat: repeat-x; margin-right: 6px; }
	a.reiter .rounded_left {position: absolute; left: 0px; top: 0px; height: 26px; width: 6px; background-image: url(../assets/reiter/reiter_inaktive_links.gif); background-repeat:no-repeat;}
	a.reiter .rounded_right {position: absolute; right: 0px; top: 0px; margin-right: 0px; height: 26px; width: 6px; background-image: url(../assets/reiter/reiter_inaktive_rechts.gif); background-repeat:no-repeat;}

a.reiter_active {position: relative; padding: 6px 13px 4px 13px; height: 16px; float:left; background-image: url(../assets/reiter/reiter_aktive_oben.gif); background-repeat: repeat-x; margin-right: 6px; }
	a.reiter_active .rounded_left {position: absolute; left: 0px; top: 0px; height: 26px; width: 6px; background-image: url(../assets/reiter/reiter_aktive_links.gif); background-repeat:no-repeat;}
	a.reiter_active .rounded_right {position: absolute; right: 0px; top: 0px; margin-right: 0px; height: 26px; width: 6px; background-image: url(../assets/reiter/reiter_aktive_rechts.gif); background-repeat:no-repeat;}

div.tab_panel {clear:both; padding-top: 15px; }

/*Kategorie-Übersicht*/
div.category_group {position: relative; float: left; width: 260px; margin-right: 20px; margin-bottom: 10px; }

/*Headlines*/
img.sub_headline {margin-top: 10px;}

/*History*/ 
div.history_item {border-top: 1px solid #DBE1EF; padding: 10px 0px 10px 0px; font-size: 11px;}
	div.history_item a {font-size: 11px;}
	div.history_item img {float: right; margin-left: 10px; margin-bottom: 10px; margin-right: 10px;}

/*Aufzählungen*/
ul {}

/*Home*/
#members_random {margin-top: 10px; margin-bottom: 10px; float:left; clear:both;}
	#members_random div.member_item {width: 100px; border-left: 1px solid #DBE1EF; border-top: 1px solid #DBE1EF; float:left; height: 145px; padding: 5px; }
	#members_random div.member_item:hover { background-color: #DBE1EF;}
	
		#members_random div.member_item div.member_image {float: left; clear: both; width: 101px; height: 101px; overflow:hidden; margin:auto; vertical-align:middle; text-align:center; padding-bottom: 5px; }
			#members_random div.member_item div.member_image img {margin:auto;}
		
		#members_random div.member_item div.member_title {border-top: 1px dotted #DBE1EF; margin-top: 8px; clear:both; font-size: 11px;}
		
#companies_random {margin-top: 10px; float:left; clear:both;}
	#companies_random div.company_item {width: 129px; border-left: 1px solid #DBE1EF; border-top: 1px solid #DBE1EF; float:left; height: 101px; padding: 5px; overflow:hidden; display:table-cell; vertical-align:middle;}
			#companies_random div.company_item span {display: inline-block; height: 86px; width:1px;}
			#companies_random div.company_item img { }
	
/*Gruppen*/
table.group_overview {}
	table.group_overview tr td {width: 33%; padding: 8px 24px 8px 0px;  }
	table.group_overview tr td img {margin-left: 10px; margin-bottom: 10px; float: right;}

div.scrollContainerGroups {position:relative; overflow:hidden;}
	div.scrollItemContainer {position:absolute; height:20000em; width: 100%;}
		div.scrollItem {padding: 5px 5px 5px 0px; border-top: 1px solid #DBE1EF; clear:both;}
		
div.group_member {float: left; width: 165px; height: 60px; padding-right: 20px; padding-top: 10px; overflow:hidden;}
	div.group_member img {float:left; margin-right: 10px;}
	
/*Visitenkarten*/
#vcardLeft {width: 710px; float:left;}
#vcardRight {width: 200px; float:right;}	
	#vcardRight a {display: block; border-top: 1px solid #DBE1EF; padding: 5px;}
	
	/*Einzelkarte Vorder- und Rückseite */
	div.vCardWrapper { width: 326px; height: 264px; float:left; margin-right: 25px; margin-bottom: 25px; position:relative; }
		div.vCardInnerWrapper {padding: 20px 30px 20px 25px;}

	div.vCard {width: 326px; height: 219px; position: relative; font-size: 12px}
		
		div.vCardFront {background-image: url(../assets/backgrounds/vcard_front.png); background-repeat: no-repeat; width: 326px; height: 219px; }
		div.vCardBack {background-image: url(../assets/backgrounds/vcard_back.png); background-repeat: no-repeat; width: 326px; height: 219px; }
		div.vCardNoFlip {background-image: url(../assets/backgrounds/vcard_front_noflip.png); background-repeat: no-repeat; width: 326px; height: 219px; }
	
		div.flipButton {width: 20px; height: 40px; right: 0px; top: 160px; position: absolute; cursor: pointer;}
		
	div.vCardFunctions {position: absolute; bottom: 4px; font-size: 11px; width: 260px; height: 35px; padding: 0px 30px 0px 25px;}
		div.vCardFunctions * {font-size: 11px;}

	div.vCard img.logo {float: right; padding: 5px; background-color:#FFF;}
	div.vCard .small {font-size: 11px;}
	
/*Kalender*/
#calendarNavi {clear: both; margin-bottom: 20px;}

#containerWeekdays {clear: both;}
	div.weekDay {display: block; width: 122px; float: left; padding: 5px; color: #FFFFFF; background-color: #0067B3; text-align:center; border-right: 1px solid #FFFFFF;}
	
#containerDays {clear: both;}
	a.day {display: block; width: 122px; float: left; padding: 5px; background-color: #F9F9F9; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; height: 150px; overflow:hidden; font-size: 11px; cursor:pointer;}
		a.day:hover {text-decoration: none; background-color: #E8E8E8;}
		
	div.day {display: block; width: 122px; float: left; padding: 5px; background-color: #F9F9F9; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; height: 150px; overflow:hidden}
	a.day .dayNo, div.day .dayNo {font-size: 15px; font-weight: bold; color: #666;}
	
/*Private Messages*/
table.messages {padding-top: 10px; margin-bottom: 20px;}
	table.messages thead tr td {font-size: 11px;}
	table.messages tbody tr.bottom td {padding:0; padding-bottom: 10px;}
	table.messages tbody tr td {padding: 15px 20px 10px 0px; border-top: 1px solid #DBE1EF;}
	table.messages tbody tr td .subject_unread {font-weight: bold;}
	
#chooseRecipientContainer {position: absolute; top:65px; width: 402px; height: 250px; border: 2px solid #DBE1EF; border-top: 0px none; border-left: 0px none; left: 0px; overflow:auto; background-color:#F9F9F9; }
 	#chooseRecipientContainer div.chooseRecipient {padding: 10px; width: 170px; height: 60px; overflow: hidden; float:left;}
	#chooseRecipientContainer div.chooseRecipient:hover {background-color: #DBE1EF; cursor:pointer;}
	
/*Members*/
#searchMemberContainer {position: absolute; margin-top:0px; width: 560px; height: 260px; border: 2px solid #DBE1EF; border-top: 0px none; border-left: 0px none; overflow:auto; background-color:#F9F9F9; }
 	#searchMemberContainer a.searchMember {padding: 10px; width: 155px; height: 60px; overflow: hidden; float:left; color: #666;}
	#searchMemberContainer a.searchMember:hover {background-color: #DBE1EF; cursor:pointer; text-decoration:none;}
	
/*Unternehmen*/
div.dropDownIcon {position: relative; padding: 3px 8px 4px 8px; margin-top: 0px; color: #FFFFFF; font-weight: bold; font-size: 16px; dbackground-color: #004997;}