/*
ID 492
Black'n Blue Template
Author: Nadja Macht
Rev: Yannick Kollega
Version: 2009, Dec
*/





/* Layout
----------------------------------------------- */


.body { 
	text-align:center; 
	padding:0px 0px;
}


div#cc-tp-container {
	width:752px;
	margin:0 auto; 
	text-align:left;
}


div#cc-tp-top {
	position:relative;
	width:752px;
	height:7px;
	background:url('http://www.flextons.com/s/img/top.png') no-repeat 0 0;
}

* html div#cc-tp-top {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.flextons.com/s/img/top.png');
}


div#cc-tp-btm {
	position:relative;
	width:752px;
	height:7px;
	clear:both;
	background:url('http://www.flextons.com/s/img/btm.png') no-repeat 0 0;	
}

* html div#cc-tp-btm {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.flextons.com/s/img/btm.png'); 
}


div#cc-tp-wrapper {
	padding:0 7px 0 7px;
	float:left;
	background:url('http://www.flextons.com/s/img/content.png') repeat-y 0 0;	
}

* html div#cc-tp-wrapper { 
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://www.flextons.com/s/img/content.png');
}


div#cc-tp-header {
	position:relative;
	border-bottom:1px solid #000000;
}


div#cc-tp-navigation {
	width:736px;
	background:url('http://www.flextons.com/s/img/menu_bg.png') repeat-x 0 0;
	border:1px solid #61B0D8;
	list-style:none;
	float:left !important;
	float:none;
}



div#cc-tp-emotion {
	position:relative;
	margin:0;
}

div#cc-tp-content-bg {
	width:738px;	
	background:url('http://www.flextons.com/s/img/content_bg.png') repeat-x 0 0;
}


div#cc-tp-content {
	position:relative;
	width:520px;
	float:right;
	margin:0;
}


div#cc-tp-sidebar {
	position:relative;
	width:180px;
	float:left;
	list-style:none;
}


div#cc-tp-sub-navigation {
	padding:0;
	margin:0 0 45px 0;
}







/*  Innenabstaende 
----------------------------------------------- */


div#cc-tp-sidebar .cc-tp-gutter { padding:25px 10px 10px 10px; }
div#cc-tp-content .cc-tp-gutter { padding:25px 20px; }
div#cc-tp-footer  .cc-tp-gutter { padding:50px 20px 10px 20px;  }








/*  Font 
----------------------------------------------- */


div#cc-tp-footer,
div#cc-tp-footer td,
div#cc-tp-footer p,
div#cc-tp-footer a, div#cc-tp-footer a:visited
{ 
	color:#666;
	text-decoration:none;
}







/*  Navigation
----------------------------------------------- */


ul.mainNav1,
ul.mainNav2,
ul.mainNav3 {
	text-align:left;
	margin:0;
	padding:0;
	line-height:100%;
	list-style:none;
}


ul.mainNav1 {
	width:100%;
	float:left;
}


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


ul.mainNav1 li a, ul.mainNav1 li a:visited {
	display:block;
	float:left;
	color:#DDEEF7;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
	padding:20px 9px 8px 9px;
	font-family: Arial, Tahoma, sans-serif;
}


ul.mainNav1 li a:hover {
	color:#DDEEF7;
	background:url('http://www.flextons.com/s/img/main_menu_bullet.gif') no-repeat 4px 25px;
}


ul.mainNav1 li a.current, ul.mainNav1 li a.current:visited,
ul.mainNav1 li a.parent,  ul.mainNav1 li a.parent:visited {
	padding:20px 9px 8px 9px;
	background:url('http://www.flextons.com/s/img/main_menu_bullet.gif') no-repeat 4px 25px;
}


ul.mainNav2 li a, ul.mainNav2 li a:visited {
	display:block;
	width:180px;
	color:#888888;
	background:url('http://www.flextons.com/s/img/dots.gif') repeat-x left bottom;
	text-decoration:none;
	font-size:11px;
	text-transform:none;
	padding:8px 0 8px 0;
}


ul.mainNav3 li a, ul.mainNav3 li a:visited {
	padding:8px 0 8px 20px;
	width:160px;
}


ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover {
	color:#61B0D8;
}


ul.mainNav2 li a.current, ul.mainNav2 li a.current:visited,
ul.mainNav2 li a.parent,  ul.mainNav2 li a.parent:visited,
ul.mainNav3 li a.current, ul.mainNav3 li a.current:visited {
	font-weight:bold;
	color:#61B0D8;
}




/*  Hack fuer NC Navi Admin Panel 
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2,
ul.mainNav3 { overflow:hidden; } 


* html ul.mainNav1,
* html ul.mainNav2,
* html ul.mainNav3 { height:1%; overflow:visible; }