/**
 * Stylesheet fuer http://www.die-tauchbasis.de/
 *
 * Standard-Stylesheet
 *
 * @author    K. Schneiders / C. Conrad
 * @link      http://www.die-tauchbasis.de/
 * @copyright Copyright 2008, silvertab
 * @license   private
 */


/**
 * Page-Layout behvaior styling
 *
 * @author		K.Schneiders <katrin@silvertab.de> / C.Conrad <christian@silvertab.de>
 * @package		Tauchbasis
 * @version    1.0
 */
HTML {
  height: 100%;
}
BODY {
  height: 100%;
	color: #000;
	background-color: #9999FF;
	font-family: Verdana, Arial;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}

TABLE#layoutTable {
	width: 953px;
	height: 100%;
	background-color: #E7E7FC;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
TR {
	vertical-align: top;
}
TD.header {
	width: 953px;
	height: 141px;
	color: #FFF;
	font-family: Verdana, Arial;
	font-size: 12px;
	text-align: left;
	background: #000099 url('images/header_background2.jpg') no-repeat;
}
TD.left {
	width: 176px;
	height: 100%;
	color: #FFF;
	background: #000099 url('images/left_background-bottom.jpg') center bottom no-repeat;
	font-family: Verdana, Arial;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}
TD.content {
	width: 575px;
	height: 100%;
	color: #333;
	background-color: #E7E7FC;
	font-family: Verdana, Arial;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
}
TD.bigcontent {
	width: 777px;
	height: 100%;
	color: #333;
	background-color: #E7E7FC;
	font-family: Verdana, Arial;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
}
TD.right {
	width: 202px;
	height: 100%;
	color: #333;
	background-color: #E7E7FC;
	font-family: Verdana, Arial;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
}


/**
 * Header and Column-Layout behvaior styling
 *
 * @author		K.Schneiders <katrin@silvertab.de> / C.Conrad <christian@silvertab.de>
 * @package		Tauchbasis
 * @version    1.0
 */
DIV.nav_meta {
	width: 200px;
	position: relative;
	top: 121px;
	left: 10px;
	text-transform: uppercase;
}
DIV.searchField_top {
	width: 170px;
	position: relative;
	top: 105px;
	left: 235px;
	text-transform: uppercase;
}

DIV.left {
  overflow: hidden;
}

DIV.contentFrame {
	background: #FFF url('images/content_frame-lr.jpg') left top repeat-y;
	margin: 20px auto;
	width: 525px;
	overflow: hidden;
}
DIV.bigcontentFrame {
	background: #FFF url('images/bigcontent_frame-lr.jpg') left top repeat-y;
	margin: 20px auto;
	width: 777px;
	overflow: hidden;
}
DIV.contentFrame DIV.header {
	width: 525px;
	height: 10px;
	background: #FFF url('images/content_frame-top.jpg') no-repeat;
}
DIV.bigcontentFrame DIV.header {
	width: 777px;
	height: 10px;
	background: #FFF url('images/bigcontent_frame-top.jpg') no-repeat;
}
DIV.contentFrame DIV.body {
	padding: 8px;
	width: 509px;
	text-align: left;
}
DIV.bigcontentFrame DIV.body {
	padding: 8px;
	width: 761px;
	text-align: left;
}
DIV.contentFrame DIV.bottom {
	float: none;
	clear: both;
	width: 525px;
	height: 10px;
	background: #FFF url('images/content_frame-bottom.jpg') no-repeat;
}
DIV.bigcontentFrame DIV.bottom {
	float: none;
	clear: both;
	width: 777px;
	height: 10px;
	background: #FFF url('images/bigcontent_frame-bottom.jpg') no-repeat;
}

/**
 * News Box
 */
DIV.newsBox {
	margin: 20px auto;
	width: 165px;
	background: #0000FF center top repeat-y;
	overflow: hidden;
}
DIV.newsBox DIV.header {
	width: 165px;
	height: 26px;
	background: #000099 url('images/boxes_top.jpg') no-repeat;
	font-size: 11px;
	line-height: 24px;
	color: #FFF;
	text-indent: 10px;
	text-align: left;
	text-transform: uppercase;
}
DIV.newsBox DIV.body {
	padding: 4px 8px 2px;
	color: #FFF;
	font-weight: normal;
	text-align: left;
}
DIV.newsBox DIV.bottom {
	width: 165px;
	height: 10px;
	background: #0000FF url('images/boxes_bottom.jpg') no-repeat;
}


/**
 * Calendar Box
 */
DIV.calendarBox {
	margin: 20px auto;
	width: 165px;
	background: #0000FF center top repeat-y;
	overflow: hidden;
}
DIV.calendarBox DIV.header {
	width: 165px;
	height: 26px;
	background: #000099 url('images/boxes_top.jpg') no-repeat;
	font-size: 11px;
	line-height: 24px;
	color: #FFF;
	text-indent: 10px;
	text-align: left;
	text-transform: uppercase;
}
DIV.calendarBox DIV.body {
	padding: 4px 8px 2px;
	color: #FFF;
	font-weight: normal;
	text-align: left;
}
DIV.calendarBox DIV.bottom {
	width: 165px;
	height: 10px;
	background: #0000FF url('images/boxes_bottom.jpg') no-repeat;
}


/**
 * Affiliate Box
 */
DIV.affiliateBox {
	margin: 20px auto;
	width: 165px;
	background: #0000FF center top repeat-y;
	overflow: hidden;
}
DIV.affiliateBox DIV.header {
	width: 165px;
	height: 10px;
	background: #000099 url('images/boxes_affiliate_top.jpg') no-repeat;
}
DIV.affiliateBox DIV.body {
	padding: 4px 8px 4px;
	color: #FFF;
	font-weight: normal;
	text-align: left;
}
DIV.affiliateBox DIV.bottom {
	width: 165px;
	height: 10px;
	background: #0000FF url('images/boxes_bottom.jpg') no-repeat;
}


/**
 * Shop-Offers Box
 */
DIV.shopBox {
	margin: 20px auto;
	width: 165px;
	background: #0000FF center top repeat-y;
	overflow: hidden;
}
DIV.shopBox DIV.header {
	width: 165px;
	height: 26px;
	background: #000099 url('images/boxes_top.jpg') no-repeat;
	font-size: 11px;
	line-height: 24px;
	color: #FFF;
	text-indent: 10px;
	text-align: left;
	text-transform: uppercase;
}
DIV.shopBox DIV.body {
	padding: 4px 8px 2px;
	color: #FFF;
	font-weight: normal;
	text-align: left;
}
DIV.shopBox DIV.bottom {
	width: 165px;
	height: 10px;
	background: #0000FF url('images/boxes_bottom.jpg') no-repeat;
}


/**
 * Link behvaior styling
 *
 * @author		K.Schneiders <katrin@silvertab.de> / C.Conrad <christian@silvertab.de>
 * @package		Tauchbasis
 * @version    1.0
 */
DIV.headline_commerce {
	color: #000099;
	background-color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 28px;
	margin: 25px 0px 10px 0px;
	padding-left: 10px;
}
DIV.headline_content {
	color: #000099;
	background-color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 28px;
	margin: 25px 0px 10px 0px;
	padding-left: 10px;
}
DIV.left_spacer {
	font-size: 2px;
	width: 1px;
	height: 0px;
}
/**
 * Meta Navigation
 */
TD.header DIV.nav_meta A.nav_meta:active,
TD.header DIV.nav_meta A.nav_meta:link,
TD.header DIV.nav_meta A.nav_meta:visited {
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}
TD.header DIV.nav_meta A.nav_meta:hover {
	color: #B0B0B0;
	text-decoration: underline;
}
TD.header DIV.nav_meta A.nav_meta_active:active,
TD.header DIV.nav_meta A.nav_meta_active:link,
TD.header DIV.nav_meta A.nav_meta_active:visited {
	color: #B0B0B0;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: underline;
}
TD.header DIV.nav_meta A.nav_meta_active:hover {
	color: #B0B0B0;
	text-decoration: underline;
}
/**
 * Commerce Link-Menu
 */
DIV.left DIV.nav_main A.commerce:active,
DIV.left DIV.nav_main A.commerce:link,
DIV.left DIV.nav_main A.commerce:visited {
	display: block;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	line-height: 28px;
	height: 28px;
	text-transform: uppercase;
	text-indent: 8px;
	background: url('images/nav_main_background.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 10px;
	
}
DIV.left DIV.nav_main A.commerce:hover {
	color: #FFF;
	text-decoration: none;
	background: url('images/nav_main_background.gif');
	background-repeat: no-repeat;
	background-position: 0px -28px;
}
DIV.left DIV.nav_main A.commerce_active:active,
DIV.left DIV.nav_main A.commerce_active:link,
DIV.left DIV.nav_main A.commerce_active:visited {
	display: block;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	line-height: 28px;
	height: 28px;
	text-transform: uppercase;
	text-indent: 8px;
	background: url('images/nav_main_background.gif');
	background-repeat: no-repeat;
	background-position: 0px -28px;
	margin-bottom: 10px;
	
}
DIV.left DIV.nav_main A.commerce_active:hover {
	color: #FFF;
	text-decoration: none;
	background: url('images/nav_main_background.gif');
	background-repeat: no-repeat;
	background-position: 0px -28px;
}


/**
 * Content Link-Menu
 */
DIV.left DIV.nav_info A.content:active,
DIV.left DIV.nav_info A.content:link,
DIV.left DIV.nav_info A.content:visited {
	display: block;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	text-transform: uppercase;
	text-indent: 18px;
	background: url('images/icon_arrow-left_white.gif') left center no-repeat;
	margin-left: 10px;
}
DIV.left DIV.nav_info A.content:hover {
	color: #B0B0B0;
	text-decoration: underline;
}
DIV.left DIV.nav_info A.content_active:active,
DIV.left DIV.nav_info A.content_active:link,
DIV.left DIV.nav_info A.content_active:visited {
	display: block;
	color: #B0B0B0;
	font-size: 11px;
	text-decoration: underline;
	line-height: 20px;
	height: 20px;
	text-transform: uppercase;
	text-indent: 18px;
	background: url('images/icon_arrow-left_white.gif') left center no-repeat;
	margin-left: 10px;
}
DIV.left DIV.nav_info A.content_active:hover {
	color: #B0B0B0;
	text-decoration: underline;
}

/**
 * Meta Navigation
 */
DIV.breadcrumb {
	width: 550px;
	color: #555;
	background-color: #E7E7FC;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin: 10px 10px;
}
DIV.breadcrumb A:active,
DIV.breadcrumb A:link,
DIV.breadcrumb A:visited {
	color: #555;
	font-weight: normal;
	text-decoration: underline;
}
DIV.breadcrumb A:hover {
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}
	


/**
 * MailFormPlus behvaior styling
 *
 * @author		K.Schneiders <katrin@silvertab.de> / C.Conrad <christian@silvertab.de>
 * @package		Tauchbasis
 * @version    1.0
 */
#mailformplus TABLE TD {
	line-height: 30px;
}
.mailform_redtext {
	color: #FF0000;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
}
.mailform_boldtext {
	color: #9B2D05;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
}
.mailform_input {
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
}
INPUT.mailform_input {
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	width: 200px;
}
.mailform_smalltext {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
}

/**
 * Content / Image behvaior styling
 *
 * @author		K.Schneiders <katrin@silvertab.de> / C.Conrad <christian@silvertab.de>
 * @package		Tauchbasis
 * @version    1.0
 */
.content P, .content TD, .content TH
{
	color: #333;
	font-family: Verdana, Arial;
	font-size: 12px;
	text-align: left;
}

P.align-center {
	text-align: center;
}

.content A:active,
.content A:link,
.content A:visited {
	color: #000;
	text-decoration: undeline;
}
.content A:hover {
	color: #0000FF;
	text-decoration: undeline;
}

H1 {
	color: #0000FF;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	width: 75%;
	padding-bottom: 2px;
	border-bottom: 1px solid #000099;
}
H2 {
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	text-transform: uppercase;
}
H3 {
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}


.csc-textpic-caption {
	font-size: 10px;
	padding-top: 4px;
}
.csc-textpic-text {
}


/**
 * FORM behvaior styling
 *
 * @author		K.Schneiders <katrin@silvertab.de> / C.Conrad <christian@silvertab.de>
 * @package		Tauchbasis
 * @version    1.0
 */
TABLE#header_search INPUT.search_input {
	color: #FFF;
	background: #000099 center center no-repeat;
	font-size: 12px;
	border: 1px solid #FFF;
	padding: 0px 0px 0px 5px;
	line-height: 16px;
	height: 16px;
	width: 125px;
}

TABLE#header_search INPUT.search_button {
	margin: 3px 0px 0px 0px;
}

/**
 * SR_FEUSER_REGISTER behvaior styling
 *
 * @author		K.Schneiders <katrin@silvertab.de> / C.Conrad <christian@silvertab.de>
 * @package		Tauchbasis
 * @version    1.0
 */
.tx-srfeuserregister-pi1 textarea {
	width: 300px;
}

.dmail_newsletter_select INPUT {
	margin-left: 10px;
}


DIV.wt_showxtcommerce_products_name H1 {
	color: #FFF;
	border: 0 none;
}


DIV.wt_showxtcommerce_products_name,
DIV.wt_showxtcommerce_products_name A:active,
DIV.wt_showxtcommerce_products_name A:link,
DIV.wt_showxtcommerce_products_name A:visited {
	color: #FFF;
	text-decoration: underline;
}

DIV.wt_showxtcommerce_products_image IMG
{
	border: 0 none;
	margin-bottom: 10px;
}

DIV.wt_showxtcommerce_products_description {
	color: #FFF;
	margin-bottom: 10px;
}

DIV.wt_showxtcommerce_products_model A:active,
DIV.wt_showxtcommerce_products_model A:link,
DIV.wt_showxtcommerce_products_model A:visited  {
	color: #FFF;
	line-height: 20px;
}
DIV.wt_showxtcommerce_products_price A:active,
DIV.wt_showxtcommerce_products_price A:link,
DIV.wt_showxtcommerce_products_price A:visited {
	color: #FFF;
	line-height: 20px;
	font-weight: bold;
}


DIV.wt_showxtcommerce_products_add1,
DIV.wt_showxtcommerce_products_add2 {
	color: #FFF;
	font-size: 10px;
}
