@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) draft for a central stylesheet
 * (de) Vorlage für ein zentrales Stylesheets
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision: 430 $
 * @lastmodified    $Date: 2009-10-27 21:15:57 +0100 (Di, 27. Okt 2009) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(/yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
/* @import url(/yaml/navigation/nav_shinybuttons.css);
  @import url(/css/screen/basemod.css);
  @import url(/css/screen/content.css); */

/* import print layout | Druck-Layout einbinden */
/* @import url(/css/print/print_003.css); */
body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	background-color: #7e7e7e;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: black;
	margin: 16px 0px 12px 0px;
}
#col2_content h1 {
	margin-left: 0px;
}

h2 {
	margin: 16px 0px 12px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #c22c2b;
}

h2.category {
	background-repeat: no-repeat;
	display: block;
	height: 42px;
	padding: 13px 0px 0px 50px;
	overflow: hidden;
}
#col2_content h2 {
	margin-left: 0px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #bb0b0d;
	margin: 16px 0px 12px 0px;
}
#col2_content h3 {
	margin-left: 0px;
}

label {
	color: #777777;
	/*font-weight: bold;*/
}

strong {
	text-decoration: none;
	font-weight: bold;
	color: #c22c2b;
}

p {
	line-height:150%;
	padding-bottom:12px;
}

*|*:-moz-any-link:focus {
	outline: none;
}

/* ----- YAML core elements ------- */
.page_margins {
	position: absolute;
	left: 50%;
	width: 968px;
	margin-left: -484px;
}
.page{
	background-image: url(/images/main_body.jpg);
	background-repeat: repeat-y;
}

#header {
	
}
#logo {
	margin-left: 30px;
	margin-top: 5px;
}
#nav{}
#main{}

#col1{
	display: none;
}
#col1_content{}

#col2{
	width: 240px;


}
#col2_content{
	background-image: url(/images/col_body.jpg);
	background-repeat: repeat-y; 
}
#col3 {
	margin-left: 20px;
	width: 700px;
	
}

/* List */
#col3_content ul.list {
	list-style-type: none;
	margin: 0px;
	color: #777777;
	font-weight: bold;
}
#col3_content ul.list li.row_even {
	background-color: #f9f9f9;
	width: 670px;
	padding: 4px 0px 4px 15px;
	margin: 0px;
	overflow: hidden;
}
#col3_content ul.list li.row_odd {
	background-color: white;
	width: 670px;
	padding: 4px 0px 4px 15px;
	margin: 0px;
	overflow: hidden;
}

#col3_content ul.list li.row_even a:link, #col3_content ul.list li.row_even a:visited, 
	#col3_content ul.list li.row_odd a:link, #col3_content ul.list li.row_odd a:visited {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
	
}

/* Contract list */
#col3_content ul.contracts {
	margin: 0px;
	list-style-type: none;
}

#col3_content ul.contracts li {
	background-color: #f9f9f9;
	margin: 0px 0px 15px 0px;
	width: 680px;
	display: block;
}
#col3_content ul.contracts li .content {
	display: block;
	margin: 0px;
	padding: 15px 0px 15px 15px;
	width: 660px;
}

#col3_content ul.contracts li .footer {
	display: block;
	background-color: #fcf7f7;
	margin: 0px;
	padding: 3px 15px 3px 15px;
}
#col3_content ul.contracts li .footer img {
	padding-top: 3px;
}


#col3_content ul.contracts li a:link, #col3_content ul.contracts li a:visited {
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
#col3_content ul.contracts li p {
	color: #868686;
	margin-left: 0px;
}
#col3_content ul.contracts li .footer span, #col3_content ul.contracts li .footer p  {
	float: left;
	color: #c22c2b;
	margin-left: 5px;
}

/* ---- Icons ----- */
 
span.icon_pdf {
	display: block;
	background-image: url(/images/page_white_acrobat.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-left: 5px;

}
span.icon_word {
	display: block;
	background-image: url(/images/page_white_word.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-left: 5px;
}

li.category_link {
	display: block;
	height: 42px;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
li.category_link p {
	display: block;
	margin: 10px 0px 0px 50px;		
}

/* ------- Buttons ------- */

.back_link:link, .back_link:visited {
	float: right; 
	margin-top: 18px; 
	margin-right: 15px;
}

.button_add_to_cart:link, .button_add_to_cart:visited {
	background-image: url(/images/button_add_to_cart.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 136px;
	height: 20px;
}
.button_add_to_cart:hover {
	background-image: url(/images/button_add_to_cart_hover.jpg);	
}

.button_cart:link, .button_cart:visited {
	background-image: url(/pics/shop/warenkorb.gif);
	background-repeat: no-repeat;
	display: block;
	width: 186px;
	height: 24px;
}

.button_cart_update:link, .button_cart_update:visited {
	background-image: url(/images/button_cart_update.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 157px;
	height: 24px;	
}
.button_cart_update:hover {
	background-image: url(/images/button_cart_update_hover.jpg);
}

.button_continue:link, .button_continue:visited {
	background-image: url(/images/button_continue.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 96px;
	height: 24px;	
}
.button_continue:hover {
	background-image: url(/images/button_continue_hover.jpg);
}


/* ------ topnav ------ */
#topnav {
	margin-right: 20px;
	margin-top: 5px;
}
#topnav a:link, #topnav a:visited {
	color: #868686;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
#topnav a:hover {
	text-decoration: underline;
}
#topnav ul li {
	display: block;
	float: left;
}

/* ------ search box ------ */
#searchbox {
	display: block;
	background-image: url(/images/search_box.jpg);
	background-repeat: no-repeat;
	width: 550px;
	height: 48px;
	float: right;
	margin: 50px 20px 25px 0px;
}
#searchbox #searchbox_content {
	margin-top: 12px;
	margin-left: 10px;
}
#searchbox #search_query {
	width: 342px;
	height: 20px;
	line-height: 20px;
	padding: 0px;
	margin: 0px 4px 0px 15px;
	float: left;
	border: 1px solid #7e7e7e; 
}
#searchbox label {
	color: #c22c2b;
	font-size: 14px;
	font-weight: bold;
	float: left;
}
#searchbox #search_button {
	float: right;
	margin-right: 20px;
}


/* ------ navigation ------- */
#box_nav {
	height: 288px;
}
#box_nav_small {
	height: 220px;
}
#box_nav p, #box_nav_small p {
	position: absolute;
	top: 195px;
	left: 15px;
	display: block;
	width: 200px;
}
#box_nav ul, #box_nav_small ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#box_nav ul li, #box_nav_small ul li {
	margin: 0px;
}
.box {
	display: block;
	width: 233px;
	height: 288px;
	float: left; 
	color: #676767;
	text-decoration: none;
		
}
.box_small {
	display: block;
	width: 233px;
	height: 220px;
	float: left; 
	color: #676767;
	text-decoration: none;
		
}

li.menu_item {
	line-height: 0.5em;
	width: 400px;
}

#menu_item_1, #menu_item_2, #menu_item_3 {
	border: none;
	background: none;
	display: block; width: 230px; height: 280px;
}
#menu_item_1_small, #menu_item_2_small, #menu_item_3_small {
	border: none;
	background: none;
	display: block; width: 230px; height: 220px;
}
#menu_item_1 .sf-sub-indicator, #menu_item_1_small .sf-sub-indicator {
	display: none;
}



#box1 {
	background-image: url(/images/box1.jpg);
	background-repeat: no-repeat;
}

#box1_small {
	background-image: url(/images/box1_small.jpg);
	background-repeat: no-repeat;
}

#box2 {
	background-image: url(/images/box2.jpg);
	background-repeat: no-repeat;
}

#box2_small {
	background-image: url(/images/box2_small.jpg);
	background-repeat: no-repeat;
}

#box3 {
	background-image: url(/images/box3.jpg);
	background-repeat: no-repeat;
}

#box3_small {
	background-image: url(/images/box3_small.jpg);
	background-repeat: no-repeat;
}

.sf-menu li, .sf-menu li li, .sf-menu li li li {
	background-color: #f9f9f9;
}
.sf-menu a {
	border:		1px solid #d6d6d6;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-weight: bold;
	color: #777777;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #c22c2b;
	background-color: #f9f9f9;
}

/* ------- main content --------- */
#col3_content{}
#col3_content .content {
	display: block;
	width: 675px;
	height: auto;
	margin-left:15px;
	margin-top:20px;
}

#col3_content .content p {
	margin-bottom: 4px;
}

#col3_content .content a:link, #col3_content .content a:visited {
	color: #bb0b0d;
	text-decoration: underline;
	font-weight: bold;
}
#col3_content .content a:hover {
	text-decoration: underline;
}

#col3_content .content ol {
	list-style:decimal;
	}

/* -------- footer -------- */
#footer {
	background-color: #7e7e7e;
	color: white;
	text-align: right;
	padding-right: 30px;
}
#footer a:link, #footer a:visited {
	color: white;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* ------- Teaserbox  ------ */
.teaserbox_50 {
	margin-left: 0px;
}
.teaserbox_50 .header {
	background-image: url(/images/teaser_header.jpg);
	background-repeat: no-repeat;
	width: 321px;
	height: 24px;
	color: white;
}
.teaserbox_50 .header h3 {
	display: block;
	padding-top: 4px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
	color: white;
}

.teaserbox_50 p {
	margin-left:0px;
	}
	
.teaserbox_50 .body {
	background-image: url(/images/teaser_body.jpg);
	background-repeat: repeat-y;
	width: 321px;
}

.teaserbox_50 .body_content {
	padding: 10px 20px;	
}

.teaserbox_50 .body_content li {
	background: url(/images/check.png) no-repeat 0px -2px;
	list-style: none;
	padding-left:30px;
	margin-left:0px;
	padding-bottom:8px;
	position:relative; /* Footer should not overlap */
	}

.teaserbox_50 .body_content .separator {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 280px;
	height: 1px;
	border-top: 1px dashed #777777;
}

.teaserbox_50 .footer {
	background: url(/images/teaser_footer.jpg) no-repeat left bottom;
	width: 321px;
	height: 98px;
	margin-top:-98px;
}

/* ------ Column ------- */
#col2_content {
	padding-left: 15px;
	padding-right: 15px;
}

#col2_content .separator {
	display: block;
	width: 219px;
	height: 3px;
	background-color: #d0d0d0;
	margin: 10px 0px 10px -15px;
		
}

/* ------ login box ------ */
#box_login {
	display: block;
}
#box_login #button_register {
	display: block;
	width: 186px;
	height: 24px;
	background-image: url(/images/button_register.jpg);
	background-repeat: no-repeat;
}
#box_login #button_register:hover {
	background-image: url(/images/button_register_hover.jpg);
}

#box_login .InputField {
	border: 1px solid #777777;
	width: 130px;
}
#box_login a:link, #box_login a:visited {
	color: #777777;
	font-weight: normal;
	text-decoration: none;
}
#box_login a:hover {
	text-decoration: underline;
}

/* ----- box logout --------- */
#logout_box {

}

#logout_box #button_logout {
	display: block;
	width: 58px;
	height: 19px;
	background-image: url('/images/button_logout.jpg');
	background-repeat: no-repeat;
	margin-left: 130px;
}
#logout_box #button_logout:hover {
	background-image: url(/images/button_logout_hover.jpg);
}

/* ----- box cart -------- */
#box_cart {
}
#box_cart .cart_preview {
	display: block;
	width: 193px;
	overflow: hidden;
	background-image: url(/images/cart_box_body.jpg);
	background-repeat: repeat-y;         
}

#box_cart .cart_preview ul {
	margin: 0px;
	list-style-type: none;
	color: white;
	font-weight: bold;
}
#box_cart table.TTShop_Cart {
	width: 193px;
	color: white;
	background-image: url(/images/cart_box_body.jpg);
	background-repeat: repeat-y;
}
#box_cart .cart_preview ul li {
	margin: 0px;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid white;
}
#box_cart .cart_preview strong {
	margin: 0px 10px 0px 10px;
	font-weight: bold;
	text-decoration: none;
	color: #c22c2b;
}
#box_cart .cart_preview p {
	margin: 0px 10px 0px 10px;
	color: white;
	
}

/* ----- box member ------ */
#box_member {
	display: block;
}
#box_member ul {
	margin: 0px;
	list-style-type: none;
}
#box_member ul li {
	margin: 0px 0px 8px 0px;
}
#box_member ul li a, #box_member ul li a:visited, #box_member ul li a:link  {
	color: #777777;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
}
#box_member ul li a:hover {
	text-decoration: underline;
}
#box_member ul li a.active {
	color: #c22c2b;
}

/* ----- box contract ----- */
#box_contract {
	background-image: url(/images/contract_box_body.jpg);
	background-repeat: repeat-y;
	
}
#box_contract table {
	border-collapse: collapse;
	margin: 0px;
	width: 674px;
}
#box_contract table tr {
}

#box_contract tr.append_separator td, #box_contract tr.append_separator th {
	border-bottom: 1px solid #858585;
}
#box_contract table th {
	text-align: left;
	vertical-align: top;
	width: 130px;
	color: black;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 10px 10px 15px;
}
#box_contract table td {
	vertical-align: top;
	text-align: left;
	color: #858585;
	padding: 10px 10px 10px 15px;
}

/* --------- paginator -------- */
.TTView_Paginator {
	display: block;
	padding: 10px 0px 20px 0px;
}

/* -------- cart steps -------- */
#cart_step_1,
#cart_step_2,
#cart_step_3,
#cart_step_4,
#cart_step_5,
#cart_step_6 {
	display: block;
	width: 109px;
	height: 39px;
	backgroun-repeat: no-repeat;
	float: left;
	margin-left: 7.5px;
	margin-bottom: 5px;
}
	
#cart_step_1 {background-image: url(/images/cart_step1.jpg); margin-left: 0px}
#cart_step_1.active {background-image: url(/images/cart_step1_active.jpg); margin-left: 0px}
#cart_step_2 {background-image: url(/images/cart_step2.jpg)}
#cart_step_2.active {background-image: url(/images/cart_step2_active.jpg)}
#cart_step_3 {background-image: url(/images/cart_step3.jpg)}
#cart_step_3.active {background-image: url(/images/cart_step3_active.jpg)}
#cart_step_4 {background-image: url(/images/cart_step4.jpg)}
#cart_step_4.active {background-image: url(/images/cart_step4_active.jpg)}
#cart_step_5 {background-image: url(/images/cart_step5.jpg)}
#cart_step_5.active {background-image: url(/images/cart_step5_active.jpg)}
#cart_step_6 {background-image: url(/images/cart_step6.jpg)}
#cart_step_6.active {background-image: url(/images/cart_step6_active.jpg)}


/* ------ list for memper page -------- */
#col3_content ul.member_list li.row_odd a:visited, 
	#col3_content ul.member_list li.row_odd a:link,
	#col3_content ul.member_list li.row_even a:visited, 
	#col3_content ul.member_list li.row_even a:link
			 {
			color: black;
}
#col3_content ul.member_list li {
	font-weight: normal;
	color: black;
}
#col3_content ul.member_list li p {
	margin-left: 0px;
}
#col3_content ul.member_list li h3 {
	margin: 0px;
	padding: 0px;
}

.Abc {
	}

	
.TTShop_Cart_StepHot {
	background-image: url(/images/cart_step_active.jpg);
	background-repeat: no-repeat;
	color: white;	
	width: 109px;
	height: 39px;
	font-weight: bold;
	overflow: hidden;
	padding: 0px 0px 0px 10px;
}
.TTShop_Cart_StepDisabled {
	background-image: url(/images/cart_step.jpg);
	background-repeat: no-repeat;
	color: #c0c0c0;
	width: 109px;
	height: 39px;
	font-weight: bold;
	overflow: hidden;
	padding: 0px 0px 0px 10px;
}
#col3 .content .TTShop_Cart_Step a:link, .TTShop_Cart_Step a:visited {
	color: white;
}
.TTShop_Cart_Step {
	background-image: url(/images/cart_step.jpg);
	background-repeat: no-repeat;
	color: white;	
	width: 109px;
	height: 39px;
	font-weight: bold;
	overflow: hidden;
	padding: 0px 0px 0px 10px;
}

/* ------ Forms -------- */

.TTForm_Table {
	text-align:center;
	margin:0 auto;
}
.TTForm_Table td {
	text-align: left;
	vertical-align: top;
}

.TTForm_Required label {
	font-weight:bold;
	} 
	
.TTForm_Error {
	color:#BB0B0D;
	padding-top: 5px;
}

.TTForm_Submit {
	text-align:right !important;
	}
	
.TTForm_SubmitButton {
	border:1px solid #777777;
	}
	
.TTForm_SubmitImg {
	margin: 15px 0px 15px 0px;	
}
	
.TTForm_InputText, .TTForm_InputPass, .TTForm_InputArea  {
	border:1px solid #777777;
	width:300px;
	}
	
.TTForm_Input {
	padding-left:20px;
	width: 300px;
	}

.TTForm_Required .TTForm_InputText, .TTForm_Required .TTForm_InputPass, .TTForm_Required .TTForm_InputArea 
{
	border-left:8px solid #BB0B0D;
	width:293px;
	}
	
.TTForm_InputCheckbox {
	width:auto;
	}

.TTForm_Required .TTForm_InputTextPlz, .TTForm_Input .TTForm_InputTextPlz {
	width:80px;
	}
	
.TTForm_Required .TTForm_InputTextOrt, .TTForm_Input .TTForm_InputTextOrt {
	width:200px;
	}
	
.TTForm_Label {
	text-align: left;
	width: 200px;
}

	
/* ----- cart ------- */

#col3 table.TTShop_Cart_StepTab {
	margin-bottom:8px;
	}


.TTShop_Cart {
	width: 693px;
	border-collapse: collapse;
	background-image: url(/images/cart_body.jpg);
	background-repeat: repeat-y;
	margin-bottom: 0px;
	margin-left: -10px;
}

.TTShop_Cart tr.TTShop_Cart_Header {
	height: 31px;
	background-image: url(/images/cart_header.jpg);
	background-repeat: no-repeat;
}

.TTShop_Cart tr.TTShop_Cart_Header th {
	height: 31px;
	color: #7c7c7c;
	text-align: left;
	padding: 0px 10px 0px 10px;
}

.TTShop_Cart tr td {
	padding: 10px;
	border-bottom: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
}

.TTShop_Cart tr.TTShop_Cart_Footer td {
	height:0px;
	padding:0px;
}
	
.TTShop_Cart_Buttons {
	width: 693px;
	border-collapse: collapse;
	margin-bottom: 20px;
	margin-left: -10px;
	}
	
.TTShop_Cart_Buttons tr {
	height: 31px;
	background-image: url(/images/cart_footer.jpg);
	background-repeat: no-repeat;
}

.TTShop_Cart_Buttons tr td {
	padding: 0px 10px 0px 10px; 
	margin: 0px; 
	border: none;
	vertical-align:middle;
}
.TTShop_Cart_Buttons input {
	margin: 0px;
}
input[name=update_pay] {
	margin: 0px;
}
       

/* ----- cart old ------- */
.cart {
	width: 693px;
	border-collapse: collapse;
	background-image: url(/images/cart_body.jpg);
	background-repeat: repeat-y;
	margin-bottom: 20px;
	margin-left: -10px;
}

.cart tr.header {
	height: 31px;
	background-image: url(/images/cart_header.jpg);
	background-repeat: no-repeat;
	
}
.cart tr.header th {
	height: 31px;
	color: #7c7c7c;
	text-align: left;
	padding: 0px 10px 0px 10px;
}

.cart tr td {
	padding: 10px;
	border-bottom: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	
}
.cart tr.footer {
	height: 31px;
	background-image: url(/images/cart_footer.jpg);
	background-repeat: no-repeat;
}
.cart tr.footer td {
	padding: 2px 10px 0px 10px; margin: 0px; border: none;
	
}	


/* ------------- Forms ------------- */
.Form input[type=text], textarea {
	border: 1px solid #777777;
}

.Form td {
	vertical-align: top;
}

.Form .FormError {
	color: #C22C2B;
}

.Form .button, .TTForm_SubmitButton {
	background-color: #C22C2B;
	margin-top: 20px;
	color: white;
	font-weight: bold;
	width: 200px;
}


/* ----------- Breadcrumbs ----------- */
#breadcrumbs {
	margin: 10px 0px 0px 15px;
}
#breadcrumbs a {
	color: gray;

	text-decoration: none;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}

#breadcrumbs .breadCrumbLast {
	color: #C22C2B;
}

/* ----------- Vorschau ----------- */
.Vorschau {
	margin-bottom:4px;
	}
	
.TTUser_Welcome {
	padding-top:12px;
	}
	
.TTUser_Welcome li {
	padding-bottom:12px;
	}
	
/* ----------- Backend ------------ */
.mceContentBody {	
	background-color:#ffffff;
}

.TTCms_Message {
	border:1px solid #bb0b0d;
	padding:4px;
	}
	
.TTCms_Message p {
	padding:0px;
	margin:0px;
	}