/*-----------------------------------------------
NorthClick Relaunch 2009
Author:   Nadja Macht
Version:  1, August 2009
----------------------------------------------- */

/*  CSS Layout
----------------------------------------------- */
.body { 
	margin:0;
	padding:0;
	text-align:center;
	background: repeat-x #B1D7D8 url('http://www.northclick.de/img/bg.png')  ; 
}

/*----------------------------------------------*/
/* SPECIAL CLASSES                              */
/*----------------------------------------------*/
ul.features {
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
}

ul.features li {
	padding:0 0 8px 20px;
	background:url('http://www.northclick.de/img/haken.gif') 0 2px no-repeat;
	font-weight:bold;
}

div#container {
	position:relative;
	width:980px;
	margin:0 auto; 
	padding:0;	
	text-align:left;
}

h3 {
	color:#999;
	margin:0 0 15px 0;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

/*----- EXTRAS -----------------------------------------*/

div.custom_textbox { 
	background: #FBFBFB; 
	border: 1px solid #E4E4E4;
	padding:20px;
}

img.imgeffect { 
	background: white; 
	border: 1px solid #EEE; 
	padding:5px;
}

div#container .imgright {
	margin: 0px 15px 6px 15px;
}

/*----------------------------------------------*/
/* TABLE (Pakete)                               */
/*----------------------------------------------*/

table.cc-compare-proposals-all {
	border-collapse:collapse;
	width:100%;
}

table.cc-compare-proposals-all tr,
table.cc-compare-proposals-all td {
	border:1px solid #E6E6E6;
}

table.cc-compare-proposals-all tr.cc-compare-proposals-top,
table.cc-compare-proposals-all th,
table.cc-compare-proposals-all th a {
	border:none;
	font: normal 22px Georgia;
	text-align:center;
	color:#999999;
	padding:0 0 10px 0;
	text-decoration:none;
}


table.cc-compare-proposals-all th span {
	display:block;
	padding:6px 0 0 0;
	font: normal 11px Georgia;
	color:#91CBCF;	
}

table.cc-compare-proposals-all td {
	padding:6px;
}

table.cc-compare-proposals-all tr.cc-compare-proposals-odd {
	background:#F4F4F4;
}

table.cc-compare-proposals-all tr.cc-compare-proposals-even {
	background:#FFFFFF;
}

td.cc-compare-proposals-feature {
	width:27%;
}

td.cc-compare-proposals-classic,
td.cc-compare-proposals-plus,
td.cc-compare-proposals-design {
	width:21%;
	text-align:center;
	color:#999999;
}

span.cc-compare-proposals-feature-title {
	font:bold 12px Georgia ;
}

span.cc-compare-proposals-no {
	display:block;
	text-indent:-5000px;
	background:url('http://www.northclick.de/img/table_no.gif') center top no-repeat;
	margin:auto;
	text-align:center;
}

span.cc-compare-proposals-yes {
	display:block;
	text-indent:-5000px;
	background:url('http://www.northclick.de/img/table_yes.gif') center top no-repeat;
	margin:0 auto;
}

a.cc-compare-order-btn-top {
	display:block;
	width:305px;
	height:97px;
	background:url('http://www.northclick.de/img/demoseite_btn.gif') center top no-repeat;
}

a.cc-compare-order-btn {
	display:block;
	width:196px;
	height:29px;
	background:url('http://www.northclick.de/img/demoseite_btn_small.gif') center top no-repeat;
}

a.cc-compare-order-btn span, 
a.cc-compare-order-btn-top span {
	display:block;
	text-indent:-5000px;
}


/* Hover */


td.cc-compare-proposals-feature a,
td.cc-compare-proposals-feature a:visited
{
	position:relative;
	color:#49494B;
	text-decoration:none;
}


td.cc-compare-proposals-feature a span {
	position:absolute;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	left:10px;
	top:15px;
	display:none;
	width:350px;
	padding:3px 10px;
	background-color:black;
	opacity:0.8;
	border:3px white solid;
	color:white !important;
}


td.cc-compare-proposals-feature a:hover span {
	display:block;
}

/*----------------------------------------------*/
/* TABLE (Designs)                              */
/*----------------------------------------------*/

table.cc-compare-design-all {
	border-collapse:collapse;
	width:255px;
	/*border:1px solid #E6E6E6;*/
	/*border-left:2px solid #E6E6E6;*/
}

table.cc-compare-design-all tr,
table.cc-compare-design-all td {
	/*border:1px solid #E6E6E6;*/
}

table.cc-compare-design-all td {
	padding:3px;
}

table.cc-compare-design-all tr.cc-compare-design-odd {
	/*background:#F4F4F4;*/
}

table.cc-compare-design-all tr.cc-compare-design-even {
	background:#FFFFFF;
}

td.cc-compare-design-feature {
	width:70%;
}

td.cc-compare-design-value {
	width:30%;
	text-align:center;
	color:#999999;
}

span.cc-compare-design-no {
	display:block;
	text-indent:-5000px;
	background:url('http://www.northclick.de/img/table_no.gif') center top no-repeat;
	margin:auto;
	text-align:center;
}

span.cc-compare-design-yes {
	display:block;
	text-indent:-5000px;
	background:url('http://www.northclick.de/img/table_yes.gif') center top no-repeat;
	margin:0 auto;
}


/*----------------------------------------------*/
div#wrapper {
	float:left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://www.northclick.de/img/page_bg.png');
	background:none;
	background-repeat:repeat-y;
	padding:0 5px 0 5px;
	}
	
html > body div#wrapper {background:url('http://www.northclick.de/img/page_bg.png') repeat-y 0 0;}


div#btm {
	width:980px;
	height:9px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.northclick.de/img/page_btm.png');
	background:none;
	float:left;
}

html > body div#btm {background:url('http://www.northclick.de/img/page_btm.png') no-repeat 0 0;}
	
div#header {
	width:970px;
	position:relative;
	border-bottom:1px solid #333333;
}

div#header div.n {
	padding:0;
}
/*--------------------------------------*/
/* LOGO                                 */
/*--------------------------------------*/
h1#logo  {
	display:block;
	position:absolute;
	z-index:10;
	top:25px;
	left:35px;
	width:277px;
	height:56px;
}

h1#logo a {
	display:block;
	width:277px;
	height:56px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.northclick.de/img/northclick_logo.png');
	background:none;
}

html > body h1#logo a {background:url('http://www.northclick.de/img/northclick_logo.png') no-repeat 0 0;}

h1#logo span {
	display:none;
}
/*--------------------------------------*/
/* SEARCH                               */
/*--------------------------------------*/
div#search  {
	z-index:10;
	display:block;
	display:none;
	position:absolute;
	top:40px;
	right:0;
	width:277px;
	height:56px;
	line-height:100%
}

div#search div.n {
	padding:0;
}

div#search input.search_submit {
	color:transparent;
	border:none;
	background:url('http://www.northclick.de/img/search_btn.gif') 0 0 no-repeat;
	width:13px;
	height:14px;
	font-size:11px;
}

div#search input.search_input {
	border:auto;
	font-size:11px;
	width:160px;
}

div#search div  {
	float:left;
}

div#search p {
	color:#999999;
	padding:2px 4px 0 0;
}

/*--------------------------------------*/
/* GOOGLE SEARCH                        */
/*--------------------------------------*/

table.gsc-branding td.gsc-branding-text, table.gsc-branding td.gsc-branding-img
{
display:none;
}

table.gsc-search-box td.gsc-input input.gsc-input  
{
background-image:none !important;
size:5 !important;
}

table.gsc-search-box  
{
width:50% !important;
}

/*--------------------------------------*/
div#content div.gutter {
	float:left;
	padding:15px 15px 0 15px;
}

/*--------------------------------------*/
/* BAR                              */
/*--------------------------------------*/
div#bar  {
	display:block;
	z-index:10;
	position:absolute;
	left:0;
	top:285px;
	width:970px;
	height:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://www.northclick.de/img/emotion_overlay.png');
	background:none;
}

html > body div#bar  {background:url('http://www.northclick.de/img/emotion_overlay.png') repeat-x 0 0;}

/*--------------------------------------*/
/* ONE COLUMN LAYOUT                    */
/*--------------------------------------*/

div#one_column_layout {
	width:940px;
	float:left;
	margin:0 0 20px 0;
	padding:0;
}

/*--------------------------------------*/
/* TWO COLUMN LAYOUT                    */
/*--------------------------------------*/

div#two_column_layout {
	width:940px;
	float:left;
	margin:0 0 20px 0;
	padding:0;
}

div#two_column_layout div.left {
	width:296px;
	float:left;
}

div#two_column_layout div.right {
	width:620px;
	float:right;
}

/*--------------------------------------*/
/* THREE COLUMN LAYOUT                  */
/*--------------------------------------*/

div#three_column_layout {
	width:940px;
	float:left;
	margin:0 0 20px 0;
	padding:0;
}

div#three_column_layout div.left,
div#three_column_layout div.center,
div#three_column_layout div.right {
	width:296px;
	float:left;
	margin:0 20px 0 0;
}

div#three_column_layout div.right {
	margin:0;
	float:right;
}

/*--------------------------------------*/
/* Ein- und Ausblenden der zwei oder    */
/* dreispaltigen Elemente               */
/*--------------------------------------*/

/* Default ist das ein- und dreispaltige Layout ausgeschaltet */
div#three_column_layout,
div#one_column_layout {
	display:none;
}

body#page-9035201 div#three_column_layout /* STARTSEITE */ {display:block;}

body#page-9036701 div#one_column_layout /* PAKETE */,
body#page-9039301 div#one_column_layout /* AGB */,
body#page-9115101 div#one_column_layout /* DATENSCHUTZ */{
	display:block;
}

body#page-9036701 div#two_column_layout /* PAKETE */,
body#page-9039301 div#two_column_layout /* AGB */,
body#page-9115101 div#two_column_layout /* DATENSCHUTZ */,
body#page-9035201 div#two_column_layout /* STARTSEITE */{
	display:none;
}

/*--------------------------------------*/
/* PROPOSAL (ANGEBOTE)                  */
/*--------------------------------------*/

div#proposal {
	width:940px;
}

div#proposal div.left,
div#proposal div.center,
div#proposal div.right {
	width:282px;
	float:left;
	margin:0 20px 0 0;
	background:url('http://www.northclick.de/img/proposal_bg.png') no-repeat 0 0;
	padding:8px;
}

div#proposal div.right {
	margin:0;
	float:right;
}

div#proposal h1 {
	color:#9D9DA1;
	margin:0 0 4px 0;
	line-height:100%;
	font: bold 14px sans-serif;
}

div#proposal p {
	color:#9D9DA1;
}

div#proposal p a{
	color:#91CBCF;
	font-weight:bold;
	text-decoration:none;
}

div#proposal div.n {padding:0;}

/*--------------------------------------*/
/* QUICKLINKS                           */
/*--------------------------------------*/

div#quicklinks {
	float:left;
	width:940px;
	margin:0;
	padding:4px 0 6px 0;
	border-top:1px solid #E1DED7;	
	border-bottom:1px solid #E1DED7;
}

div#quicklinks h1 {
	color:#9D9DA1;
	font:bold 16px sans-serif;
	border-bottom:1px solid #E1DED7;
	background:url('http://www.northclick.de/img/logo_small.gif') no-repeat 0 0;
	padding:0 0 4px 25px;
}

div#quicklinks div.quicklinkbar {
	width:145px;
	float:left;
	margin:0 12px 0 0;
	padding:6px 0 0 0;
}

div#quicklinks div.quicklinkbar p {
	color:#9D9DA1;
	line-height:160%;
}

div#quicklinks div.last {
	float:right;
	margin:0;
}

div#quicklinks div.quicklinkbar a {
	color:#9D9DA1;
	text-decoration:none;
}

/*--------------------------------------*/
/* FOOTER                               */
/*--------------------------------------*/
div#footer {
	clear:both; 
	margin:0 auto;
	width:970px;
}
div#footer div.gutter {color:#ffffff; padding:0;}
div#footer div.gutter a {color:#ffffff; text-decoration:none;}

/*--------------------------------------*/
/* FOOTER TESTIMONIALS                  */
/*--------------------------------------*/
div#footer_testimonial {
	position:relative;
	width:500px;
	float:right;
	background:url('http://www.northclick.de/img/quote_left_btm.gif') no-repeat 0 8px;
}

div#footer_testimonial div.gutter {	
	padding:0 30px 0 30px;
	min-height:60px;
}

div#footer_testimonial p {color:#9D9DA1; font-style:italic;}
/*--------------------------------------*/
/* ANFRAGE FORMULAR  LINKS              */
/*--------------------------------------*/

div#two_column_layout div.left div.cc-order-demo-form,
div#three_column_layout div.left div.cc-order-demo-form {
	background:url('http://www.northclick.de/img/form_bg.png') no-repeat 0 0;
	float:left;
	color:#333333;
	padding:40px 24px;
	margin:0 0 15px 0;
	line-height:100%;
}

div#two_column_layout div.left div.cc-order-demo-form h1,
div#three_column_layout div.left div.cc-order-demo-form h1 {
	color:#333333;
	margin:0 0 8px 0;
}

div#two_column_layout div.left div.cc-order-demo-form p,
div#three_column_layout div.left div.cc-order-demo-form p {
	margin:0 0 8px 0;
	clear:both;
}

div#two_column_layout div.left div.cc-order-demo-form p.note,
div#three_column_layout div.left div.cc-order-demo-form p.note {
	background:url('http://www.northclick.de/img/form_note.gif') no-repeat 0 -1px;
	margin:0 0 18px 0;
	padding:0 0 0 22px;
	border:none;
}

div#two_column_layout div.left div.cc-order-demo-form label,
div#three_column_layout div.left div.cc-order-demo-form label {
	display:block;
	font-weight:normal;
	float:left;
	width:65px;
	font-weight:bold;
	color:#333333;
}

div#two_column_layout div.left div.cc-order-demo-form input,
div#three_column_layout div.left div.cc-order-demo-form input {
	display:block;
	font-weight:normal;
	width:180px;
	border:none;
	float:left;
	margin:0 0 9px 0;
}

div#two_column_layout div.left div.cc-order-demo-form input.input_submit,
div#three_column_layout div.left div.cc-order-demo-form input.input_submit {
	float:right;
	width:66px;
	background:url('http://www.northclick.de/img/send_btn.png') no-repeat 0 0;
	color:#666666;
	margin:0 0 10px 0;
	padding:4px 0 4px 0;
	font-size:11px;
	line-height:100%;
}

div#two_column_layout div.left div.n,
div#three_column_layout div.left div.n {
	padding:0;
}

div#three_column_layout div.left div.cc-order-demo-form br,
div#two_column_layout div.left div.cc-order-demo-form br {
	line-height:5px;
}
/*--------------------------------------*/
/* ANFRAGE FORMULAR  MAIN CONTENT       */
/*--------------------------------------*/
div#two_column_layout div.right div.cc-order-demo-form {
	width:370px;
	color:#333333;
	margin:0 0 15px 0;
	line-height:100%;
}

div#two_column_layout div.left div.cc-order-demo-form h1 {
	color:#333333;
}

div#two_column_layout div.left div.cc-order-demo-form p {
	clear:both;
}

div#two_column_layout div.right div.cc-order-demo-form label {
	display:block;
	font-weight:normal;
	float:left;
	width:65px;
	font-weight:bold;
	color:#333333;
	margin:0 0 8px 0;
}

div#two_column_layout div.right div.cc-order-demo-form input {
	display:block;
	font-weight:normal;
	width:300px;
	margin:0 0 8px 0;
	float:left;
}

div#two_column_layout div.right div.cc-order-demo-form input.input_submit {
	float:right;
	width:66px;
	height:22px;
	margin:0 0 8px 0;
}

div#two_column_layout div.right div.cc-order-demo-form br {
	clear:both;
	margin:0 0 8px 0;
}

/*--------------------------------------*/
/* NAVIGATION                           */
/*--------------------------------------*/

div#navigation {
	width:970px;
	position:relative;
	overflow:visible;
	background:url('http://www.northclick.de/img/main_menu_bg.gif') repeat-x 0 0;
}

div#sub_navigation {
	width:970px;
	height:28px;
	position:relative;
	overflow:visible;
	background:url('http://www.northclick.de/img/sub_menu_bg.gif') repeat-x 0 0;
}

ul.mainNav1,
ul.mainNav2,
ul.mainNav3 {
	margin:0;
	list-style:none;
	padding:0;
	float:left;
}

ul.mainNav1 {
	padding:6px 0 6px 15px;
}

ul.mainNav2 {
	padding:0 0 0 15px;
	background:url('http://www.northclick.de/img/arrow.gif') no-repeat 3px 0;
}

ul.mainNav3 {
	padding:0 0 15px 0;
}

div#container div#sub_navigation ul.mainNav3 li,
div#container div#sub_navigation li,
div.left li {
	list-style:none !important;
}

ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li {
	display:inline;
	margin:0;	
	padding:0;
	list-style:none;
}

ul.mainNav1 li a {
	display:block;
	float:left;
	font-weight:bold;
	color:#8B8B8F;
	text-decoration:none;
	padding:10px 15px 10px 10px;
	background:url('http://www.northclick.de/img/dots_menu.gif') repeat-y 0 0;
}

ul.mainNav1 li a:hover,
ul.mainNav1 li a.current {
	color:#333333;
}

ul.mainNav2 li a,
ul.mainNav2 li a:visited {
	display:block;
	float:left;
	color:#3C7777;
	font-weight:bold;
	text-decoration:none;
	padding:5px 30px 0 0;
}

ul.mainNav2 li a:hover,
ul.mainNav2 li a.current {
	color:#ffffff;
}

ul.mainNav3 li a,
ul.mainNav3 li a:visited {
	color:#8B8B8F;
	font-weight:bold;
	display:block;
	text-decoration:none;
	padding:0 18px 12px 0;
	background:url('http://www.northclick.de/img/menu_btn.png') no-repeat right 4px;
}

ul.mainNav3 li a:hover,
ul.mainNav3 li a.current {
	color:#9FCECF;
	background:url('http://www.northclick.de/img/menu_btn_current.png') no-repeat right 4px;
}

/* CURRENT PAKETE */
body#page-9037201 ul.mainNav1 a#kat9036701,
body#page-9037401 ul.mainNav1 a#kat9036701,
body#page-9037501 ul.mainNav1 a#kat9036701,
body#page-9118401 ul.mainNav1 a#kat9036701 {
	color:#333333;
}

/* CURRENT ANBGEBOTE & RAHMENVERTRÄGE */
body#page-9037601 ul.mainNav1 a#kat9036601,
body#page-9037701 ul.mainNav1 a#kat9036601,
body#page-9117101 ul.mainNav1 a#kat9036601,
body#page-9036401 ul.mainNav1 a#kat9036601,
body#page-9036501 ul.mainNav1 a#kat9036601,
body#page-9473101 ul.mainNav1 a#kat9036601,
body#page-9037801 ul.mainNav1 a#kat9036601 {
	color:#333333;
}

/* CURRENT PARTNER WERDEN */
body#page-9116901 ul.mainNav1 a#kat9037901,
body#page-9038001 ul.mainNav1 a#kat9037901 {
	color:#333333;
}

/* CURRENT REFERENZEN*/
body#page-9038101 ul.mainNav1 a#kat9038201,
body#page-9038301 ul.mainNav1 a#kat9038201 {
	color:#333333;
}

/* CURRENT KONTAKT */
body#page-9039201 ul.mainNav1 a#kat9035701,
body#page-9036301 ul.mainNav1 a#kat9035701 {
	color:#333333;
}
/*--------------------------------------*/
/* SLIDER KUNDENMEINUNGEN               */
/*--------------------------------------*/
.x-slider-wrapper {	overflow: hidden !important; }
.x-slider-wrapper .x-slider-scroll-sections { width: 10000px; }
.x-slider-wrapper .x-slider-scroll-sections .x-slider { float: left; overflow: auto; }
.x-slider-wrapper.x-slider-sliding .x-slider-scroll-sections .x-slider { overflow: hidden; }

div#pressglider {
	width:400px;
    height:120px;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:160%;
	color:#999;
    overflow:hidden;
}

div#pressglider div.section {
	float:left;
}

div.section em {
	display:block;
	padding:10px 30px 10px 0;
	background:url('http://www.northclick.de/img/quote_right_btm.gif') no-repeat right top;
	color:#999;
}

a.bu_next {
	position:absolute;
	top:50px;
	right:0;
	display:block;
	width:29px;
	height:25px;
    background:url(http://www.northclick.de/img/next_button_1.gif) top left no-repeat;
	outline:none;
}

a.bu_next:hover {
	background:url(http://www.northclick.de/img/next_button_2.gif) top left no-repeat;
}

a.bu_next span {
	display:none;
}

/*--------------------------------------*/
/* REFERENZEN IMPORTIERT                */
/*--------------------------------------*/
div.img_referenzen {
	float:right;
	width:250px;
	margin:15px 0 8px 8px;
	text-align:left;
}

div.textbox220 {
	width:330px;
	float:left;
	padding:15px 0 8px 0;
}

div.referenzen_clear {
	border-top:1px dotted #ccc;
	clear:both;
	margin:0 0 25px 0;
}
