/**********************************************
 * CONECTO Business Communication GmbH        *
 * Project: Avenida                           *
 * Type: screen                               *
 **********************************************/

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: url(../img/layout/bg_body.gif) repeat-x top left;
}

.clearer {
	clear:both;
	display:block;
	float:none;
}

div#containerSite {
	margin: 0 auto 0 auto;
	width: 963px;
}

div#containerHeader {
	height: 221px;
	background: url(../img/layout/bg_header.jpg) no-repeat top left;;
}

div#wrapContent {
	background:  url(../img/layout/bg_wrapContent.gif) repeat-y top left;
	margin-top: 14px;
	padding: 0 4px 0 6px;
}

div#containerContent {
	margin-left: 200px;
	width: 515px;
	padding: 8px 0px 20px 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4e4e4e;
}

div#sidebarLeft {
	float: left;
	width: 169px;
	margin: 0px;
	padding: 12px;
	background: url(../img/layout/bg_sidebarLeft_top.gif) no-repeat top left;
	min-height: 400px;
}
div#sidebarRight {
	float: right;
	width: 163px;
	margin: 0;
	padding: 12px;
	background: url(../img/layout/bg_sidebarRight_top.gif) no-repeat top right;
	min-height: 400px;
}

div#containerFooter {
	clear: both;
	background: #2d286d;
	margin: 10px 4px 0 6px;
	padding: 8px 16px;
}

#footerCopyright {
	width: 67;
	float: right;
}
#footerCopyright img {
	border: none;
}

div#containerFooter #footerText {
	color: #8b87c1;
	font-size: 11px;
}
div#containerFooter #footerText a {
	color: #8b87c1;
	text-decoration: underline;
}
div#containerFooter #footerText a:hover {
	color: #8b87c1;
	text-decoration: none;
}

/*  Header START  */
div#containerHeader #header {
	width: 100%;
	border: none;
}
div#containerHeader #header #logo {
	height: 189px;
	text-align: center;
	vertical-align: middle;
}
div#containerHeader #header #logo a img {
    border: none;
}
div#containerHeader #header #flashImage {
	width: 570px;
}
div#containerHeader #header #quickNav {
	width: 192px;
}
div#containerHeader #header #topNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #b0b0b0;
	padding: 6px 0 0 19px;
}
div#containerHeader #header #topNav a {
	color: #6c6b7e;
	text-decoration: none;
}
div#containerHeader #header #langNav {
	text-align: center;
}
div#containerHeader #header #langNav a img {
	border: none;
	margin-right: 10px;
}
div#containerHeader #header #langNav a.nl img {
	margin-right: none;
}

#containerQuickNav {
	background: url(../img/layout/bg_quickNav.jpg) no-repeat top left;
	width: 150px;
	height: 83px;
	margin: 0 auto 0 auto;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 78px;
	overflow: hidden;
}
#containerQuickNav dl {
	padding: 0;
	margin: 0;
}
#containerQuickNav dt {
	background: #6c6999;
	font-weight: bold;
	color: #fff;
	padding: 2px 0 2px 14px;
	margin-bottom: 1px;
	cursor: pointer;
}

#containerQuickNav dd {
	color: #2d286d;
	background: #b6b4cc;
	padding: 4px 0 4px 14px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 1px;
}
#containerQuickNav dd a {
	text-decoration: none;
	color: #2d286d;
	padding-left: 15px;
	background: url(../img/layout/bullet_quickNav.gif) no-repeat 0px 4px;
}
#containerQuickNav dd a:hover {
	text-decoration: underline;
}
/*  Header END   */


/*  main nav start  */
#mainNav {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
}
#mainNav a {
	display: block;
	text-decoration: none;
}
#mainNav a.main,
#mainNav a.mainActive {
	color: #606060;
	border-bottom: 1px solid #b0b0b0;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 1px;
	background: url(../img/layout/bullet_mainNav_0.gif) no-repeat 6px 7px;
	padding-left: 17px;
}
#mainNav a.main:hover {
	background-color: #eaeaea;
}
#mainNav a.mainActive {
	background: none;
	color: #fff;
	padding: 0;
}
#mainNav a.mainActive span {
	background: #2d286d url(../img/layout/bullet_mainNav_1.gif) no-repeat 6px 7px;
	margin-bottom: 1px;
	padding-left: 17px;
	display: block;
}
.subNav {
	margin: 6px 0;
}
.subNav a.sub,
.subNav a.subActive {
	color: #4e4e4e;
	text-decoration: none;
	line-height: 17px;
	margin-bottom: 1px;
	padding-left: 17px;
}
.subNav a.sub:hover,
.subNav a.subActive {
	background: #d3d3d3;
}
/*  main nav end    */


#sidebarRight h1,
#sidebarLeft h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #606060;
	color: #2d286d;
	border-bottom: 1px solid #a2a0bc;
	padding-bottom: 4px;
	margin-bottom: 10px;
}

#sidebarRight .imgBox,
#sidebarLeft .imgBox {
	padding: 5px;
	background: #fff;
	text-align: center;
}
#sidebarRight .imgBox img,
#sidebarLeft .imgBox img {
	border: 1px solid #d3d3d3;
}
#sidebarRight a.btnLink,
#sidebarLeft a.btnLink {
	display: block;
	font-size: 10px;
	color: #4e4e4e;
	text-align: center;
	background: #c4c4c4;
	padding: 2px;
	text-decoration: none;
	margin: 3px 0;
}

#containerContent {
    line-height: 14px;
    background: #fff url(../img/layout/bg_content.gif) no-repeat 20px 95px;
}

#containerContent p {
	padding: 0;
	margin: 0px 0 20px 0;
}

#containerContent h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #135598;
	color: #2d286d;
	border-bottom: 1px solid #f0f0f0;
	padding: 0 0 5px 0;
	margin-bottom: 20px;
}
#containerContent h2 {
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 15px 0;
}
#containerContent h3 {
	font-weight: bold;
	font-size: 10px;
	color: #d82826;
	color: #2d286d;
	margin: 0 0 10px 0;
}

#containerContent .imgBorder {
	border: 1px solid #d3d3d3;
	padding: 3px;
	margin: 0px 18px 0px 0;
}

#containerContent .imgTable {
	width: 100%;
	border: none;
}
#containerContent .imgTable .cellImg {
	width: 39%;
	vertical-align: top;
}
#containerContent .imgTable .cellText {
	vertical-align: top;
}




.topsTable {
	margin-bottom: 20px;
}

td.first,
td.second,
td.third {
	padding: 4px 15px;
	vertical-align: top;
	text-align: left;
}
tr.head td.first,
tr.head td.second,
tr.head td.third {
	font-weight: bold;
}

td.first {
	background: #ffe8b2;
}
td.second {
	background: #ffead4;
}
td.third {
	background: #c8decf;
}


.imgFullBox {
	margin-bottom: 20px;
}








.priceBox {
	width: 37%;
	float: left;
	margin: 0 50px 20px 0;
	background: #f0f0f0;
}
.priceBox .headline {
	font-weight: bold;
	background: #5E8CB9;
	padding: 5px;
	color: #fff;
	display: block;
	font-size: 12px;
}
.priceBox .text {
	padding: 5px;
	height: 130px;
}
.priceBox .price {
	padding: 5px 20px;;
	display: block;
	text-align: right;
	font-weight: bold;
	border-top: 1px solid #999;
}

.priceBoxVerkauft {
	width: 37%;
	float: left;
	margin: 0 50px 20px 0;
	background: #f0f0f0;
}
.priceBoxVerkauft .headline {
	font-weight: bold;
	background: #f07b7b;
	padding: 5px;
	color: #fff;
	display: block;
	font-size: 12px;
}
.priceBoxVerkauft .text {
	padding: 5px;
	height: 130px;
}
.priceBoxVerkauft .price {
	padding: 5px 20px;;
	display: block;
	text-align: right;
	font-weight: bold;
	border-top: 1px solid #999;
}




form label.req {
	font-weight: bold;
}

form .formFieldText {
	font-size: 10px;
	padding: 2px;
	border: 1px solid #999;
	margin: 2px;
	width: 200px;
}

form .formFieldSelect {
	font-size: 10px;
	width: 205px;
	border: 1px solid #999;
	margin: 2px;
	padding: 2px;
}

form .formFieldTextarea {
	font-size: 10px;
	padding: 2px;
	border: 1px solid #999;
	margin: 2px;
	width: 307px;
	height: 150px;
}
/*
div.csc-textpic div.csc-textpic-imagerow {
    clear: none;
}


#containerContent dt,
#containerContent dl {
    margin: 0px !important;
    padding: 0px !important;
}

.csc-textpic-above {
    margin: 0px !important;
    padding: 0px !important;
}
div.csc-textpic-center,
div.csc-textpic-center,
div.csc-textpic-imagewrap {
    text-align: left;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
}

*/
.csc-textpic-image .imgBorder {
    margin: 0px !important;
}
#containerQuickNav {
	background: url(../img/layout/bg_quickNav_b.jpg) no-repeat top left;
}

/* ausklappbare nuggets */
#sidebarRight .expandableNugget {
	margin-bottom: 1px;
	overflow: hidden;
}

#sidebarRight .expandableNugget h1 {	
	width: 160px; 
	height: 20px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-weight: bold; 
	color: #fff;
	background: url(../img/layout/expandable_headline.gif) no-repeat left top;
	text-indent: 8px;	
	font-size: 10px;
	cursor: pointer;
}

#sidebarRight .expandableNugget div {
	display: none;
	height: 0;
	width: 160px;	
	padding: 0;
	background: #fff;	
}

#sidebarRight .expandableNugget div img {
	margin: 8px;
}

#sidebarRight .expandableNugget.open h1 {
	background-position: 0 -20px;
}

#sidebarRight .expandableNugget.expandableNuggetBlue h1 {
	background-position: 0 -40px;
}

#sidebarRight .expandableNugget.expandableNuggetBlue.open h1 {
	background-position: 0 -60px;
}