/* CSS Document */
/* Detailed - Anpassungen */
noscript { color: #ad0022; font-size: 1.5em; }
#important {
	background: #f0f0f0;
	color: #555;
	padding: 15px;
	margin: 13px 0 0;
}
#important .inner { padding: 10px; }
#important p { font-size: .875em; }
#important p span { font-size: 1.25em; font-weight: bold; color: #ad0022; }
#important b { font-weight: bold; color: #ad0022; }
h1#detailueberschrift { color: #006111; font-size: 1.3125em; margin-top: 15px; }
#anzeige {
	clear: both;
	float: left;
	width: 50%;
	color: #555;
	margin-top: -30px;
}
#anzeige #foto-container {
	clear: left;
	width: 90%;
	padding: 10px;
	margin: 10px auto 0;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
}
#anzeige #popup, #anzeige #zustand, .closeandswitch {
	text-align: center;
	margin: -32px -15px 0 auto;
	padding: 5px;
	background-color: #d6d6d6;
	border: 1px solid #bcbcbc;
	width: 30%;
	font-weight: bold;
}
.closeandswitch { cursor: pointer; }
.closeandswitch:hover { color: #333; }
#anzeige #zustand { margin: -15px auto 0 -15px; }
.closeandswitch { margin: 20px 0 10px; }
/** Tabbed Content **/
#anzeige-aside, .aside-inhalt {
	width: 45%;
	padding: 15px 20px;
	margin: -30px 0 0 auto;
	float: right;
	background-color: #f0f0f0;
}
.aside-content .gray { color: #333; }
ul.tabs {
	list-style-type: none;
	height: 32px;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin-right: 6px;
	cursor: pointer;
	padding: 0 8px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	background-color: #d6d6d6;
	position: relative;
	border: 1px solid #bcbcbc;
	border-bottom: none;
	font-size: .875em;
	color: #333;
}
ul.tabs li:hover { text-decoration: underline; }	
ul.tabs li.active{
	height: 31px;
	line-height: 31px;
	background-color: #fff;
	text-decoration: none;
	cursor: text;
}
ul.tabs li[rel="tab4"] { color: #ad0022; }
.tab_container {
	clear: both;
	float: left; 
	background: #fff;
	width: 92%;
	padding: 10px 4%;
	margin: -1px 0 30px;
	border: 1px solid #bcbcbc;
}
.tab_content {
	padding: 0;
	display: none;
	color: #555;
}
#tab1 {
	text-align: center;
} /* Logocontainer */
#tab1 img {
	border: 1px solid #ccc;
	padding: 5px;
}
.tab_content p.large {
	font-size: 1.125em;
	font-weight: bold;
	color: #006111;
	margin-bottom: 10px;
}
#tab3 * { line-height: 1.4em; }
.form-container p { margin: 0 0 5px; }
.form-container label { margin: 8px 0 2px; display: block; font-weight: bold; font-size: .875em; }
.form-container p b, .form-container label b { color: #ad0022; }
.form-container input[type="text"],
.form-container input[type="email"],
.form-container input[type="phone"] {
	width: 48%;
	height: 24px;
	border: 1px solid #bcbcbc;
	color: #333;
}
.form-container textarea {
	padding: 2px 0;
	width: 96%;
	margin-bottom: 10px;
	color: #333;
	border: 1px solid #bcbcbc;
}
.form-container input[type="email"] { width: 96%; }
.form-container input[type="text"]:focus,
.form-container input[type="email"]:focus,
.form-container input[type="phone"]:focus,
.form-container textarea:focus { border-color: #006111; }
.form-container input[type="submit"] {
	border: 1px solid #bcbcbc;
	height: 32px;
	font-weight: bold;
	padding: 0 10px;
	color: #555;
	background-color: #d6d6d6;
}
.form-container input[type="submit"]:hover { color: #333; }
.form-container input[type="submit"]:focus, .form-container input[type="submit"]:active { color: #fff; background: #ad0022; }
.datenschutzhinweis { margin: 20px 0; }
.tab_content ul { list-style-type: none; }
.tab_content ul { margin-bottom: 10px; }
.anbieterdaten li { margin: 0 0 6px; }
.artikelbeschreibung { line-height: 1.2em; overflow: hidden; }
.artikelbeschreibung p { padding: 10px 0 0; }
.artikelbeschreibung strong, .artikelbeschreibung b, #tab3 strong, #tab3 b, .pricing b { font-weight: bold; }
.artikelbeschreibung ul li { float: none; width: auto; margin: 0 0 .5em; }
.pricing { margin: 10px 0; }
#anzeige .pricing { margin: 10px 0 0; }
p.large {
	font-size: 1.3125em;
	font-weight: bold;
	color: #006111;
	margin-bottom: 5px;
	text-align: left;
}
ul.details { list-style-type: none; margin: 8px 0 0; }
ul.details li { float: none; width: 100%; margin: 0 0 4px; }
ul.details b, .anbieterdaten b, #anzeige .location b { font-weight: bold; }
.neue { padding-bottom: 20px; }
.main-content { clear: both; width: 100%; margin: 20px 0; }
.main-content p { width: 66.6666%; }
.main-content .inner form { margin-top: 10px; width: 50%; }
.main-content .inner form label { font-size: .8125em; color: #555; text-align: left; }
.main-content .inner form fieldset { border: none; font-size: 13px; }
.main-content .inner input[type="text"] {
	border: 1px solid #bcbcbc;
	border-right: none;
	width: 60%;
	height: 24px;
	margin: 2px 0 8px;
}
.main-content .inner input[type="submit"] {
	border: 1px solid #bcbcbc;
	border-left: none;
	width: 40%;
	margin: 0 0 0 -6px;
	height: 26px;
	font-weight: bold;
	color: #555;
	background-color: #d6d6d6;
}
.main-content .inner input[type="submit"]:hover { color: #000; }
.main-content .inner input[type="submit"]:focus, .main-content .inner input[type="submit"]:active {
	color: #fff;
	background: #ad0022;
}
.main-content .grafik-container { margin: 0 -20px 0 0; }
.logo { float: right; width: 33.3333%; padding: 2px; border: 1px solid #bcbcbc; text-align: center; }
/* Tooltip */
a.tooltip {
	outline: none;
	cursor: help;
	position: relative;
	color: #555;
	border-bottom: 2px dotted #333;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover { text-decoration: none; }
.tooltip:hover span {
	position: absolute;
	left: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
	width: 250px;
}
.tooltip:hover img {
	border: 0;
	margin: -30px 0 0 -50px;
	float: left;
	position: absolute;
}
.tooltip:hover em {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
	color: #ad0022;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
.info { background-color: #e7e7e7; border: 2px solid #ad0022; color: #333; font-size: 13px; }
/* Anzeigen melden */
.anzeigenmarkt-bereiche .show-melden, .anzeigenmarkt-bereiche .hide-melden, .tab_content .show-melden, .tab_content .hide-melden {
	background-color: #d6d6d6;
	border: 1px solid #bcbcbc;
	padding: 5px;
	width: 30%;
	font-size: 14px;
	color: #555;
	text-align: center;
	font-weight: bold;
}
.show-melden:hover, .hide-melden:hover { color: #333; }
.hide-melden { margin-top: 20px; }
.melden-ul { list-style-type: none; }
.melden-ul li { float: none; width: 100%; margin: 3px 0; }
.melden-ul b { font-weight: bold; }
@media (max-width: 1000px) {
	#anzeige-aside, .aside-inhalt { padding: 10px 2%; }
	ul.tabs li { margin-right: 1px; font-size: .75em; padding: 0 6px; }
	#anzeige #popup, #anzeige #zustand, .closeandswitch, .anzeigenmarkt-bereiche .show-melden, .anzeigenmarkt-bereiche .hide-melden, .tab_content .show-melden, .tab_content .hide-melden { font-size: .875em; width: 40%; }
	#anzeige #popup { margin-top: -28px; }
}
@media print {
	* { border: none; }
	 a, a:visited, a[href]:after, .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	.do-not-print { display: none; width: 0%; }
	#anzeige, #main-content p, .breadcrumbs { width: 90%; }
	#anzeige #foto-container img { margin: 0 auto; }
	.anzeigenmarkt-bereiche { padding: 5px 10px; }
	img { display: block; }
}