/**
 * ################################################################################
 * ########## SMD Country Index - Globals und CSS-Import
 * ##########
 * ########## @author		Trans Ident Line GmbH / vls
 * ########## @update		16.02.2009
 * ################################################################################
 *
 *
 * Benutzte Farben:
 *
 *			#f5f4f4 Grau hell		(Seitenhintergrund, Textkästen, Textfelder)
 *			#efefef Grau hell		(Aufgeklappte Textkästen)
 *			#e3e3e3 Grau hell		(Linien hell)
 *			#b2b2b2 Grau mittel		(Linien dunkel)
 *			#666666 Grau dunkel		(Standard-Textfarbe)
 *			#999999 Grau dunkel		(Hellere Texte, Außenspalten)
 *			#009999 Grün dunkel		(Outline Buttons, Links, Tooltipps)
 *			#b9e3e3 Grün hell		(Innerer Rand Buttons)
 *			#f5dede Rot hell		(Pflichtfelder)
 *
 */


@import url(smd_shop_layout.css);
@import url(smd_shop_navigation.css);
@import url(smd_shop_formulare.css);


html {
	overflow-y: scroll;
}


body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-color: #f5f4f4;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #666666;
}


a {
	outline: none;
	color: #666666;
	text-decoration: underline;
}


a:hover {
	color: #478820;
}


p, ul, ol, li {
	margin-top: 0px;
	margin-bottom: 0px;
}


ul {
	position: relative;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

ul li {
	margin-left: 0px;
	padding-left: 15px;
	background: url(li_pfeil_gruen.png) no-repeat 0px 2px;
}

ol {
	position: relative;
	padding-left: 0px;
	margin-left: 0px;
	list-style-position: inside;
}


img {
	border: 0px;
}


object {
	display: block;
	outline: none;
}


table {
	border-collapse: collapse;
}



/**
 * ################################################################################
 * ########## Verschiedene Elemente
 * ########## contentbox_small  = Boxen für die Spalten links und rechts
 * ########## contentbox_small-login  = Login-Box für die rechte Spalte
 * ########## contentbox_medium = Textboxen in der Hauptspalte
 * ########## contentbox_large  = Nimmt die gesamte Hauptspalte ein
 * ########## dropinbox         = Ist ausgeblendet und erscheint nur bei Bedarf
 */


div.contentbox_small {
	padding: 10px;
	width: 160px;
	font-size: 10px;
	line-height: 16px;
	color: #999999;
	position: relative;
	z-index:4;
}

div.quickfinder {
	padding: 10px;
	width: 160px;
	font-size: 10px;
	line-height: 16px;
	color: #999999;
	position: relative;
	z-index:5;
}

div.contentbox_small-login {
	padding: 10px;
	width: 160px;
	font-size: 10px;
	line-height: 16px;
	color: #999999;
}


div.contentbox_medium {
	padding: 10px;
	width: 265px;
}


div.contentbox_large {
	padding: 10px;
	width: auto;
}

div.min_box_height {
	min-height:600px;
	}

div.contentbox_message {
	padding: 0px 10px;
	height: 22px;
	line-height: 22px;
	background-color: #F5DEDE;
	border: solid 1px #B2B2B2;
	width: auto;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

div.dropinbox {
	position: absolute;
	width: 260px;
	top: -5000px;
	left: -5000px;
	color: #999999;
	background-color: white;
}


div.linie {
	position: relative;
	width: 100%;
	height: 1px;
	line-height: 0px;
	border-bottom: 1px dotted #b2b2b2;
	padding-top: 15px;
	margin-bottom: 14px;
}


.trenner {
    margin: 0px 2px;
}


table.linien td {
	border-bottom: 1px dotted #b2b2b2;
	padding: 4px 0px;
}

table.linien_form td {
	padding: 2px 0px 2px 0px;
}

table.linien td.ohne_linie {
	border-bottom: 0px;
	padding: 4px 0px;
}

table.linien td.header {
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px;
	background-color: #478820;
	padding: 0px 0px;
	font-weight: bold;
	color: #FFFFFF;
}

table.linien td.footer 
{
	background-color: #f5f9f3;
	border-bottom: 1px solid #b2b2b2;
	padding: 4px 0px;
}

table.linien td.footer_subtotal 
{
	background-color: #f5f9f3;
	border-bottom: 1px solid #478820;
	padding: 4px 0px;
}

table.linien td.footer_total 
{
	background-color: #f5f9f3;
	border-bottom: 2px solid #478820;
	padding: 4px 0px;
}

table.linien tr:hover {
	background-color: #f5f4f4;
}

table.linien tr.footer 
{
	background-color: #f5f9f3;
	border-bottom: 1px solid #b2b2b2;
	padding: 4px 0px;
}

table.linien td.grid 
{
	border-top: 0px;
	border-left: 0px;
	border-bottom: 1px dotted #b2b2b2;
	border-right: 0px;
	padding: 4px 2px;
}

table.linien th.grid {
	border-top: 0px;
	border-left: 0px;
	border-bottom: 1px dotted #b2b2b2;
	border-right: 0px;
	background-color: #f5f9f3;
	padding: 4px 2px;
	font-weight: bold;
	color: #478820;
}

table.linien th.grid a {
	color: #478820;
}

table.linien tr.grid_footer td {
	background-color: #f5f9f3;
	border-bottom: 1px solid #478820;
	padding: 4px 2px;
	font-size: 11px;
	font-weight: bold;
	color: #478820;
	text-align:right;
}

table.linien tr.grid_footer td table td {
	border-bottom: 0px;
}

table.ohne_linien td {
	border-bottom: 0px;
	padding: 1px 1px;
}

a.warenkorb {
	min-width: 14px;
	min-height: 11px;
	padding-right: 19px;
	background: url(icon_warenkorb_sprite.png) no-repeat right -4px;
	text-decoration: none;
}

a.warenkorb:hover {
	background: url(icon_warenkorb_sprite.png) no-repeat right -38px;
}


div#flaggen_16 img {
	margin-left: -2px;
	float: left;
}

div#flaggen_16 a {
	white-space: nowrap;
	overflow: hidden;
	text-indent: 4px;
	display: block;
}

img.flagge_16 {
	margin-left: -2px;
	margin-top: 2px;
	float: left;
}

img.flagge_32 {
	padding: 2px 10px 0px 0px;
	float: left;
}

div.klassen {
	position: absolute;
	width: 380px;
	top: -5000px;
	left: -5000px;
	font-size: 11px;
	line-height: 18px;
	color: #999999;
	background-color: white;
}


/**
 * ################################################################################
 * ########## Texte
 */


.headline {
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	margin: 0px;
}

.text-farbig {
	color: #478820;
}

.text-rot {
	color: #FF0000;
}

.text-login 
{
	font-size: 11px;
	font-weight: bold;
	color: #478820;
}

a.text-login
{
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

.text-aktiv {
	color: #478820;
}

.text-besucht {
	color: #939393;
}

.text-tobedone {
	color: #C5C5C5;
}


/**
 * ################################################################################
 * ########## Ausrichtungen
 */


.links {
	float: left;
}


.rechts {
	float: right;
}


.mitte {
	margin: 0px auto;
}


.zentriert {
	text-align: center;
}



/**
 * ################################################################################
 * ########## Zustände und Farben
 */


.fett {
	font-weight: bold;
}


.hellgrau {
	background-color: #f5f4f4;
}


.unsichtbar {
	display: none;
}


.sichtbar {
	display: block;
}


.hidden {
	visibility: hidden;
}


.debug,
.debug1 {
	background-color: #FA5A5A;
}


.debug2 {
	background-color: #5AFA5A;
}


.debug3 {
	background-color: #5A5AFA;
}


.debug4 {
	background-color: black;
}


.debug5 {
	background-color: white;
}



/**
 * ################################################################################
 * ########## Abstände nach oben
 * ########## Macht nur Sinn wenn Objekte keinen Inline-Stil haben.
 */


.abstand_oben_1 {
	margin-top: 1px;
}

.abstand_oben_2 {
	margin-top: 2px;
}

.abstand_oben_5 {
	margin-top: 5px;
}

.abstand_oben_10 {
	margin-top: 10px;
}

.abstand_oben_15 {
	margin-top: 15px;
}

.abstand_oben_20 {
	margin-top: 20px;
}



/**
 * ################################################################################
 * ########## Abstände nach unten
 */


.abstand_unten_1 {
	margin-bottom: 1px;
}

.abstand_unten_2 {
	margin-bottom: 2px;
}

.abstand_unten_5 {
	margin-bottom: 5px;
}

.abstand_unten_10 {
	margin-bottom: 10px;
}

.abstand_unten_15 {
	margin-bottom: 15px;
}

.abstand_unten_20 {
	margin-bottom: 20px;
}



/**
 * ################################################################################
 * ########## Abstände nach links
 */


.abstand_links_1 {
	margin-left: 1px;
}

.abstand_links_2 {
	margin-left: 2px;
}

.abstand_links_5 {
	margin-left: 5px;
}

.abstand_links_10 {
	margin-left: 10px;
}

.abstand_links_15 {
	margin-left: 15px;
}

.abstand_links_20 {
	margin-left: 20px;
}



/**
 * ################################################################################
 * ########## Abstände nach links und rechts
 */


.abstand_horizontal_1 {
	margin-left: 1px;
	margin-right: 1px;
}

.abstand_horizontal_2 {
	margin-left: 2px;
	margin-right: 2px;
}

.abstand_horizontal_5 {
	margin-left: 5px;
	margin-right: 5px;
}

.abstand_horizontal_10 {
	margin-left: 10px;
	margin-right: 10px;
}

.abstand_horizontal_15 {
	margin-left: 15px;
	margin-right: 15px;
}

.abstand_horizontal_20 {
	margin-left: 20px;
	margin-right: 20px;
}



/**
 * ################################################################################
 * ########## Abstände nach oben und unten
 */


.abstand_vertikal_1 {
	margin-top: 1px;
	margin-bottom: 1px;
}

.abstand_vertikal_2 {
	margin-top: 2px;
	margin-bottom: 2px;
}

.abstand_vertikal_5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.abstand_vertikal_10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.abstand_vertikal_15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.abstand_vertikal_20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

@media print {


	html {
		height: auto;
		overflow: auto;
		margin-bottom: 0px;
	}


	body {
		background-color: white !important;
		color: black !important;
	}


	div#topmenu, div#header, div#footer {
		display: none;
	}


	div#printfooter {
		display: block;
		width: auto;
		height: 100%;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
	}


	div#spalte_1, div#spalte_2 {
		display: none;
	}
	
	div#spalte_3 
	{
		margin: 5px 5px 5px 5px;
		width: 100%;
		overflow: visible;
	}

	div.flash {
		display: none;
	}

	div#up-to-date {
		display: none;
	}

	.submit {
		display: none;
	}


	div.linie {
		border-bottom: 1px solid #666666 !important;
	}


	div.doppelspalte {
		overflow: visible;
	}


	div.dreierspalte {
		overflow: visible;
		display: table;
	}

	div.dreierspalte_einzelspalte {
		overflow: visible;
		margin: 0px;
		padding: 0px;
	}

	div.dreierspalte div.spaltentrenner {
		display: none;
	}


	table.linien td {
		border: 0px !important;
	}
	
	.toggler-c-closed {
		display: block !important;
	}

	a.toggler {
		page-break-after: avoid !important;
	}

	.toggler {
		page-break-inside: avoid !important;
	}