/***************************************************
 * CONECTO Business Communication GmbH             *
 * Project: Oldtimermuseum V�tter's Sport Kristall *
 * Type: screen                                    *
 ***************************************************/

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: url(../img/layout/bg_body.gif) repeat top left;
}

.clearer {
	clear: both;
}

#containerSite {
	margin: 0 auto 0 auto;
	width: 968px;
}

#containerHeader {
	background: url(../img/layout/bg_header.jpg) no-repeat top left;
	height: 276px;
	width: 968px;
	overflow: hidden;
}


#containerContent {
	padding: 0 5px 32px 314px;
}

#contentWrap {
	background: #ced7df url(../img/layout/bg_content.jpg) repeat-x top left;
}

#contentNav {
	height: 27px;
	overflow: hidden;
	line-height: 27px;
	color: #fff;
	font-weight: bold;
	padding: 0 21px 40px 21px;
}
#contentNav a {
	line-height: 27px;
	color: #fff;
	text-decoration: none;
}
#contentNav a:hover {
	text-decoration: underline;
}


#content {
	min-height: 730px;
    height: auto !important;
	height: 730px;
	padding: 23px;
	padding-top: 0px;
}

#content h1 {
	font-size: 18px;
	font-weight: bold;
	color: #1e4679;
	margin: 0 0 20px 0;
}

#content h2 {
	font-size: 16px;
	font-weight: bold;
	color: #1e4679;
	padding: 0;
	margin: 0 0 10px 0;
}

#content a {
	color: #1e4679;
}
#content a:hover {
	color: #1e4679;
	text-decoration: none;
}

#content table.contentTable {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
#content table.contentTable td {
	text-align: center;
	padding: 4px;
	border-bottom: 1px solid #CED7DF;
	background: #f3f3f3;
}
#content table.contentTable td.first {
	text-align: left;
}
#content table.contentTable thead td {
	font-weight: bold;
	color: #fff;
	background: #3F5473;
}
#content table.contentTable tbody tr:hover td {
	background: #eaeaea;
}
#content table.contentTable p,
#content table.contenttable p {
	padding: 0;
	margin: 0;
	display: inline;
}

#content table.contenttable {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
#containerContent table.contenttable thead {
	font-weight: bold;
}
#containerContent table.contenttable thead th {
	padding: 4px;
	border-bottom: 1px solid #CED7DF;
	font-weight: bold;
	color: #fff;
	background: #3F5473;
	text-align: left;
}

dt img {
	border: 4px solid #ffffff !important;
}

#content table.contenttable td {
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px solid #CED7DF;
	background: #f3f3f3;
}
#content table.contenttable td:first-child {
	width: 20%;
}

#content img.imgBorder {
	padding: 3px;
	border: 3px solid #3d5271;
}

#content img.imgRight {
	padding: 3px;
	border: 3px solid #3d5271;
	float: right;
	margin: 0 0 15px 40px;
}

#content img.imgLeft {
	padding: 3px;
	border: 3px solid #3d5271;
	float: left;
	margin: 0 40px 15px 0;
}


#containerSidebar {
	position: absolute;
	z-index: 10;
	top: 272px;
	left: 50%;
	width: 287px;
	margin-left: -484px;
	background: url(../img/layout/bg_sidebar.jpg) repeat-y top left;
}

#containerNav {
	background: url(../img/layout/bg_nav_bottom.jpg) no-repeat bottom left;
	padding-bottom: 29px;
	margin-bottom: 20px;
}
/*#containerNav #containerNavInner {
	background: url(../img/layout/bg_nav.jpg) no-repeat top left;
	padding-top: 29px;
	min-height: 300px;
}*/
/* Vorab Onlinegang */
#containerNav #containerNavInner {
	background: url(../img/layout/bg_nav.jpg) no-repeat top left;
	padding-top: 29px;
	min-height: 200px;
}

#containerNavInner a {
	display: block;
	background: url(../img/layout/bg_mainNavLink.png) repeat top left;
	height: 28px;
	line-height: 28px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	margin: 1px 14px 1px 32px;
	padding: 0 0 0 14px;
	font-size: 14px;
	font-weight: bold;
}

#containerNavInner .subNav {
    padding: 15px 0 15px 14px;
    background-color: #8ea3bc;
	margin: 1px 14px 1px 32px;
}

#containerNavInner .subNav a {
	display: block;
	background: url(../img/layout/bullet_subNav_pas.gif) no-repeat left;
	height: 28px;
	line-height: 28px;
	color: #252e39;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 24px;
	font-size: 12px;
}
#containerNavInner .subNav a:hover,
#containerNavInner .subNav a.mainNavSubLinkActive {
	background-image: url(../img/layout/bullet_subNav_akt.gif);
}

#containerPauschalen {
	background: url(../img/layout/bg_pauschalenBox.jpg) no-repeat top left;
	height: 81px;
	overflow: hidden;
	padding: 67px 35px 30px 35px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}
#containerPauschalen table.pauschalenTable {
	width: 100%;
	margin-top: 10px;
}
#containerPauschalen .price {
	font-size: 14px;
	color: #ecde65;
	text-align: right;
}
a.pauschalenBtn {
	display: block;
	line-height: 18px;
	height: 18px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #2e4667;
	margin-top: 10px;
}

#containerFooter {
	background: url(../img/layout/bg_footer.jpg) no-repeat top left;
	height: 170px;
	width: 968px;
	clear: both;
	overflow: hidden;
}

#containerFooter #footerNav {
	margin: 53px 15px 0 0;
	text-align: right;
}
#containerFooter #footerNav a {
	padding: 40px 20px 6px 20px;
	background: #8e9bb0;
	font-size: 18px;
	color: #445262;
	font-weight: normal;
	text-decoration: none;
	margin-left: 1px;
}

#containerFooter #footerInfo {
	color: #c8ced4;
	padding: 10px 0 0 336px;
	font-size: 11px;
}
#containerFooter #footerInfo a {
	color: #c8ced4;
}
#containerFooter #footerInfo a:hover {
	text-decoration: none;
}

#containerFooter #footerInfo a img {
	border: none;
}

/*  Oldtimer Datenbank  */
div.oldtimerBox,
div.oldtimerBoxLast {
	float: left;
	width: 195px;
	height: 224px;
	margin-right: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}
/*div.oldtimerBoxLast {
	margin-right: 0px;
}*/

.oldtimerHeadline {
	background-color: #3d5271;
	padding: 3px;
	margin-bottom: 5px;
}
.oldtimerHeadline h4 {
	border: 2px solid #ced7df;
	padding: 5px;
	margin: 0;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.oldtimerImg {
	padding: 6px;
	background: #fff;
	text-align: center;
	margin-bottom: 5px;
}
.oldtimerImg a img {
	border: none;
}
.oldtimerBaujahr {
	background: #bac4cf;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1px;
}
.oldtimerBaujahr strong {
	text-transform: uppercase;
	color: #77879d;
}
.oldtimerLink a {
    display: block;
    line-height: 16px;
    background: #77879d;
    border: 2px solid #3d5271;
    color: #fff !important;
    font-weight: bold !important;
    text-decoration: none;
    text-align: center;
}
.oldtimerLink a:hover {
    background: #3d5271;
}






.oldDetHeadline {
	background-color: #3d5271;
	padding: 3px;
	margin-bottom: 10px;
}
.oldDetHeadline h3 {
	border: 2px solid #ced7df;
	padding: 5px;
	margin: 0;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
}

table.oldDetDataTable {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
table.oldDetDataTable td {
	background: #aab6c3;
	padding: 5px 10px;
	border: 1px solid #ced7df;
	color: #3d5271;
	width: 25%;
}
table.oldDetDataTable td.oldDetCellLabel {
	font-weight: bold;
	background: #8f9dae url(../img/layout/bg_oldDetDatenTableLabel.gif) repeat-y top left;
	color: #fff;
}
div.oldDetText {
	color: #3d5271;
}
div.oldDetImg {
	width: 302px;
	float: left;
	margin: 0 0 10px 0;
}
div.oldDetImg img {
	border: 10px solid #fff;
	margin-bottom: 5px;
}
div.oldDetTextInner {
	padding: 10px;
	margin-left: 302px;
	background: #b7c2cd;
	min-height: 179px;
	height: auto !important;
	height: 179px;
}

.oldDetBaujahrCont {
	color: #3d5271;
	margin-bottom: 10px;
}
.oldDetBaujahrCont h5 {
	font-size: 11px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

table.oldDetBaujahr {
	width: 100%;
	border-collapse: collapse;
}
table.oldDetBaujahr td {
	font-size: 10px;
	background: url(../img/layout/bg_oldDetBaujahrTable.gif) repeat-x top left;
}
table.oldDetBaujahr td.baujahrStart,
table.oldDetBaujahr td.baujahrEnd {
	width: 5%;
	padding-top: 10px;
}
table.oldDetBaujahr td.baujahrEnd {
	text-align: right;
}
table.oldDetBaujahr td.baujahrContent div {
	width: 70px;
	background: url(../img/layout/bg_oldDetBaujahrTable_selected.gif) no-repeat top;
	text-align: center;
	padding-top: 10px;
}
table.oldDetBaujahr td.baujahrContent div.bj_1910 {
	margin-left: 10px;
}
table.oldDetBaujahr td.baujahrContent div.bj_1920 {
	margin-left: 70px;
}
table.oldDetBaujahr td.baujahrContent div.bj_1930 {
	margin-left: 130px;
}
table.oldDetBaujahr td.baujahrContent div.bj_1940 {
	margin-left: 190px;
}
table.oldDetBaujahr td.baujahrContent div.bj_1950 {
	margin-left: 250px;
}
table.oldDetBaujahr td.baujahrContent div.bj_1960 {
	margin-left: 310px;
}
table.oldDetBaujahr td.baujahrContent div.bj_1970 {
	margin-left: 370px;
}
table.oldDetBaujahr td.baujahrContent div.bj_1980 {
	margin-left: 430px;
}

.oldDetBacklinkCont a {
    display: block;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../img/layout/bg_oldDetBackLink.jpg) no-repeat top left;
    width: 558px;
    height: 35px;
    padding: 21px 0 0 44px;
}


/* gallery */

div.tx-cngallery-pi1 {
	margin-bottom: 20px;
}

div.cn_gallery-albumlist div.cn_gallery-album {
	margin-bottom: 10px;
	height: 100px;
	padding: 3px; 
	overflow: hidden;
	background: #F3F3F3;
	width: 285px;
	float: left; 
	margin-right: 10px;
}

div.cn_gallery-albumlist div.cn_gallery-album p {
	padding-right: 10px;
}

div.cn_gallery-album div.pageBrowser,
div.cn_gallery-album div.pageBrowser a {
	font-size: 11px;
}

div.cn_gallery-image {
	margin-top: 20px;
}

div.cn_gallery-firstimage img {
	border: 3px solid #3D5271;
	padding: 3px;
}

div.cn_gallery-thumbs {
	padding-top: 5px;
}

div.cn_gallery-thumb {
	float: left; 
	/*width: 80px; */
	margin: 0 3px 3px 0;
	
}

div.cn_gallery-thumb.first {
	clear: left;
}

div.cn_gallery-thumb.last {
	margin-right: 0;
}

div.cn_gallery-album-thumb img,
div.cn_gallery-thumb img {
	border: 3px solid #3D5271;
	padding: 3px;
}

div.cn_gallery-thumbs div.cn_gallery-thumb img {
	border: 1px solid #fff;
}

div.cn_gallery-thumbs div.cn_gallery-thumb a:hover img {
	background: #fff;
}

div.cn_gallery-albumlist .cn_gallery-album-title,
div.cn_gallery-albumlist .cn_gallery-album-description,
div.cn_gallery-albumlist .cn_gallery-album-more {
	width: 600px;
	float: right;
}

div.cn_gallery-albumlist .cn_gallery-thumb {
	float: left;
	width: 86px;
	margin-right: 20px;
}

.cn_gallery-back {
	display: block;
	margin-bottom: 10px;
}

.cn_gallery-download-link {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cn_gallery-pages {
	margin-top: 5px;
}
