@import url(smd_ci_r2_layout.css);
@import url(smd_ci_r2_navigation.css);
@import url(smd_ci_r2_formulare.css);


html {
	overflow-y: scroll;
}


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


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


a:hover {
	color: #00AEAE;
  text-decoration: none;
}

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


a.countrynews:hover {
	color: #00aeae;
  text-decoration: none;
}

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

h1 {
font-size: 18px;
font-weight: normal;
line-height: 24px;
color: #666666;
margin: 0px 0px 10px 0px;
}

h2 {
font-size: 24px;
font-weight: 300;
line-height: 30px;
color: #666666;
margin: 0px 0px 0px 0px;
}



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

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

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

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

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

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

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_medium = Textboxen in der Hauptspalte
 * ########## contentbox_large  = Nimmt die gesamte Hauptspalte ein
 */


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


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


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

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


div#loginbox {
	position: absolute;
	width: 260px;
	top: -5000px;
	left: -5000px;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	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 3px;
}


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

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

table.linien td.grid 
{
	border-top: 0px;
	border-left: 0px;
	border-bottom: 1px dotted #b2b2b2;
	border-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 2px;
	padding-left: 2px;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;	
}

table.linien td.grid a
{
	font-size: 12px;
	color: #000000;	
	text-decoration: underline;
}

table.linien td.grid a:hover
{
	color: #00AEAE;
  text-decoration: none;
}

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

table.linien th.grid a
{
	color: #000000;	
	text-decoration: underline;
}

table.linien th.grid a:hover
{
	color: #00AEAE;
	text-decoration: none;
}

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

table.linien tr.grid_footer td {
	border-bottom: 0px;
	padding: 4px 2px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	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;
  margin-top: 3px;
	float: left;
}

div#flaggen_16 a {
	white-space: nowrap;
	overflow: hidden;
	text-indent: 4px;
	display: block;
	font-size: 11px;
	line-height: 20px;
	color: #000000;
	text-decoration: underline;
}

div#flaggen_16 a:hover {
	color: #00aeae;
	text-decoration: none;
}

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

div.contributor_list a {
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	text-decoration: underline;
}

div.contributor_list a:hover {
	color: #00aeae;
	text-decoration: none;
}


div.address {
	font-size: 11px;
	line-height: 18px;
	color: #666666;
}

div.organization {
	position: absolute;
	width: 300px;
	top: -5000px;
	left: -5000px;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
	background-color: #ffffff;
}

div.member_list a {
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	text-decoration: underline;
}

div.member_list a:hover {
	text-decoration: underline;
  	color: #00aeae;
	text-decoration: none;
}

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


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

.text-farbig {
	color: #000000;
}



/**
 * ################################################################################
 * ########## 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: #f4f4f4;
}


.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_7 {
	margin-bottom: 7px;
}

.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;
		display: table;
	}


	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;
	}