@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Allgemeine Einstellungen und Bereichsfarben */

.clear {
	clear: both;
	}
	
body {
	background: #393939;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Geneva, Verdana;
	font-size: 10px;
	line-height: 1.5;
}



/* Grundlayout */

.mainsite {
	width: 880px;
	margin: 20px auto 20px auto;
	padding: 20px 20px 20px 100px;
	background: #FFF url(../images/abb_logo.png) no-repeat left top;
}

.header {
	background-color: #DDD;
	width: 629px;
	height: 200px;
	float: left;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.navi_main {
	width: 250px;
	float: left;
	background-color: #666;
	padding: 95px 0 0 0;
}

.content {
	float: left;
	background: #E5E5E5;
	clear:both;
	margin: 1px 0 1px 0;
	width: 100%;
}

.main_col {
	background: #FFF;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	width: 530px;
	float: left;
	border-right: 1px #FFF solid;
	background-image: url(../images/abb_head_verlauf.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 50px 49px 10px 50px;
}
.main_col galthmb{
	margin-right: 0px;
}

.side_col {
	float: left;
	padding: 150px 0 0 0;
	width: 250px;
}

.footer_left {
	clear: both;
	float: left;
	width: 629px;
	border-right: 1px #FFF solid;
	background: #E5E5E5;
}

.footer_right {
	float: left;
	width: 250px;
	background: #E5E5E5;
}


/* Navigation */

.navi_main li a {
	background-image: url(../images/nav_main_p.png);
	background-repeat:no-repeat;
	display: block;
	width: 250px;
	height: 21px;
	text-indent: -10000px;
}

.navi_main li a:hover,
.navi_main li.aktiv a {
	background-image: url(../images/nav_main_a.png);	
}

.navi_main li.dt_collection a {
	background-position: 0 0;
}

.navi_main li.dori_tscherwinka a {
	background-position: 0 -21px;
}

.navi_main li.aktuelles a {
	background-position: 0 -42px;
}

.navi_main li.kollektion a {
	background-position: 0 -63px;
}

.navi_main li.kontakt a {
	background-position: 0 -84px;
}



/* Footer */

.footer_left img {
	float: left;
	}

.footer_left a,
.footer_right a {
	display: block;
	float: left;
	text-indent: -10000px;
	background-position: left top;
	background-repeat: no-repeat;
}
	
.footer_left a.impressum {
	background-image: url(../images/b_footer_impressum_p.png);
	width: 66px;
	height: 20px;
}	
	
.footer_left a.impressum:hover {
	background-image: url(../images/b_footer_impressum_a.png);
}	
	
.footer_left a.disclaimer {
	background-image: url(../images/b_footer_disclaimer_p.png);
	width: 116px;
	height: 20px;
}	
	
.footer_left a.disclaimer:hover {
	background-image: url(../images/b_footer_disclaimer_a.png);
}	
	
.footer_right a.top {
	background-image: url(../images/b_nachoben_p.png);
	width: 250px;
	height: 20px;
}	

.footer_right a.top:hover {
	background-image: url(../images/b_nachoben_a.png);
}


/* Content */

	
h1 {
	color: #004970;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Geneva, Verdana;
	font-size: 16px;
	font-weight: normal;
}

h2 {
	color: #999;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Geneva, Verdana;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 50px 0px;
}

h3 {
	color: #004970;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Geneva, Verdana;
	font-size: 11px;
	margin: 25px 0px 10px 0px;
	font-weight: bold;
}

a {
	color: #666;
}

strong {
	font-weight: bold;
}

.main_col p {
	margin: 0px 0px 10px 0px;
	}
	
.main_col a {
	text-decoration: none;
}

.main_col a:hover {
	color: #004970;
}


/* Randspalte */

/* Ebene 2 */


.side_col ul {
	border-top: 1px #FFF solid;
	margin: 0 0 40px 0;
}


.side_col li {
	display: inline;
}

	.side_col li a {
		border-bottom: 1px #FFF solid;
		display: block;
		padding: 3px 10px 2px 10px;
		text-decoration: none;
		text-transform: uppercase;
	}

.side_col a:hover,
.side_col li.aktiv a {
	color: #FFF;	
}

.side_col p {
	color: #333;
	margin: 0 10px 10px 10px;
}

	.side_col strong {
		font-weight: normal;
		text-transform: uppercase;	
	}


.side_col form,
.side_col .form {
	border-bottom: 1px #FFF solid;
	border-top: 1px #FFF solid;
	color: #333;
	margin: 0 0 4px 0;
	padding: 3px 10px 5px 10px;
}

	.side_col form label,
	.side_col .form label {
		display: block;
		margin: 0 0 2px 0;
		text-transform: uppercase;
	}
		
	.side_col form input,
	.side_col .form input {
		border: none;
		color: #333;
		font-size: 10px;
		padding: 2px;
		width: 150px;
	}

	.side_col form input.submit,
	.side_col .form input.submit {
		background: none;
		border: none;
		cursor: pointer;
		margin: 0 0 0 5px;
		width: auto;
	}



/* Farbschemata Shopkategorien */

/* Kinder */

.kinder {
	background: #CD4B82;
	}

	.kinder h1,
	.kinder h3,
	.kinder .main_col a {
		color: #CD4B82;
	}

	.kinder .side_col a {
	color: #E39CBA;
	text-decoration: none;
	}

	.kinder .main_col a:hover {
	color: #666;
	}

	.kinder .side_col a:hover {
	color: #FFF;
	}
	
	.kinder .side_col form,
	.kinder .side_col form input.submit,
	.kinder .side_col .form,
	.kinder .side_col .form input.submit,
	.kinder .side_col p {
		color: #FFF;
	}
	
/* Kochen */

.kochen {
	background: #F0AB00;
	}

	.kochen h1,
	.kochen h3,
	.kochen .main_col a {
		color: #F0AB00;
	}

	.kochen .side_col a {
		color: #F9D594;
		text-decoration: none;
	}
	
	.kochen .main_col a:hover {
		color: #666;
	}
	
	.kochen .side_col a:hover {
		color: #FFF;
	}
	
	.kochen .side_col form,
	.kochen .side_col form input.submit,
	.kochen .side_col .form,
	.kochen .side_col .form input.submit,
	.kochen .side_col p {
		color: #FFF;
	}	

/* Sport */

.sport {
	background: #005C7F;
	}

	.sport h1,
	.sport h3,
	.sport .main_col a {
		color: #005C7F;
	}

	.sport .side_col a {
	color: #8BA2B8;
	text-decoration: none;
	}
	
	.sport .main_col a:hover {
		color: #666;
	}
	
	.sport .side_col a:hover {
	color: #FFF;
	}
	
	.sport .side_col form,
	.sport .side_col form input.submit,
	.sport .side_col .form,
	.sport .side_col .form input.submit,
	.sport .side_col p {
		color: #FFF;
	}
	
/* Wohnen */

.wohnen {
	background: #334B1D;
	}

	.wohnen h1,
	.wohnen h3,
	.wohnen .main_col a {
		color: #334B1D;
	}

	.wohnen .side_col a {
		color: #99A58E;
		text-decoration: none;
	}
	
	.wohnen .main_col a:hover {
		color: #666;
	}

	.wohnen .side_col a:hover {
	color: #FFF;
	}
	
	.wohnen .side_col form,
	.wohnen .side_col form input.submit,
	.wohnen .side_col .form,
	.wohnen .side_col .form input.submit,
	.wohnen .side_col p {
		color: #FFF;
	}

/* Architektur */

.architektur {
	background: #D5772F;
	}

	.architektur h1,
	.architektur h3,
	.architektur .main_col a {
		color: #D5772F;
	}

	.architektur .side_col a {
		color: #EABB97;
		text-decoration: none;
	}
	
	.architektur .main_col a:hover {
		color: #666;
	}
	
	.architektur .side_col a:hover {
		color: #FFF;
	}
	
	.architektur .side_col form,
	.architektur .side_col form input.submit,
	.architektur .side_col .form,
	.architektur .side_col .form input.submit,
	.architektur .side_col p {
		color: #FFF;
	}

/* Saisonales */

.saisonales {
	background-color: #748501;
	}

	.saisonales h1,
	.saisonales h3,
	.saisonales .main_col a {
		color: #748501;
	}

	.saisonales .side_col a {
	color: #AAB86A;
	text-decoration: none;
	}
	
	.saisonales .main_col a:hover {
		color: #748501;
	}	
	
	.saisonales .side_col a:hover {
		color: #FFF;
	}
	
	.saisonales .side_col form,
	.saisonales .side_col form input.submit,
	.saisonales .side_col .form,
	.saisonales .side_col .form input.submit,
	.saisonales .side_col p {
		color: #FFF;
	}

/* Diaries */

.diaries {
	background: #70123D;
	}

	.diaries h1,
	.diaries h3,
	.diaries .main_col a {
		color: #70123D;
	}

	.diaries .side_col a {
		color: #B7889E;
		text-decoration: none;
	}

	.diaries .main_col a:hover {
		color: #666;
	}
	
	.diaries .side_col a:hover {
		color: #FFF;
	}
	
	.diaries .side_col form,
	.diaries .side_col form input.submit,
	.diaries .side_col .form,
	.diaries .side_col .form input.submit,
	.diaries .side_col p {
		color: #FFF;
	}

/* CD */

.cd {
	background: #780C16;
	}

	.cd h1,
	.cd h3,
	.cd .main_col a {
		color: #780C16;
	}

	.cd .side_col a {
		color: #BB898C;
		text-decoration: none;
	}
	
	.cd .main_col a:hover {
		color: #666;
	}	
	
	.cd .side_col a:hover {
		color: #FFF;
	}
	
	.cd .side_col form,
	.cd .side_col form input.submit,
	.cd .side_col .form,
	.cd .side_col .form input.submit,
	.cd .side_col p {
		color: #FFF;
	}

/* Blumen */

.blumen {
	background: #6F9C20;
	}

	.blumen h1,
	.blumen h3,
	.blumen .main_col a {
		color: #6F9C20;
	}

	.blumen .side_col a {
		color: #BECC93;
		text-decoration: none;
	}
	
	.blumen .main_col a:hover {
		color: #666;
	}
	
	.blumen .side_col a:hover {
		color: #FFF;
	}
	
	.blumen .side_col form,
	.blumen .side_col form input.submit,
	.blumen .side_col .form,
	.blumen .side_col .form input.submit,
	.blumen .side_col p {
		color: #FFF;
	}

/* Feste */

.feste {
	background: #D10119;
	}

	.feste h1,
	.feste h3,
	.feste .main_col a {
		color: #D10119;
	}

	.feste .side_col a {
		color: #E89677;
		text-decoration: none;
	}

	.feste .main_col a:hover {
		color: #666;
	}
	
	.feste .side_col a:hover {
		color: #FFF;
	}
	
	.feste .side_col form,
	.feste .side_col form input.submit,
	.feste .side_col .form,
	.feste .side_col .form input.submit,	
	.feste .side_col p {
		color: #FFF;
	}

/* Reisen */

.reisen {
	background: #AA954E;
	}

	.reisen h1,
	.reisen h3,
	.reisen .main_col a {
		color: #AA954E;
	}

	.reisen .side_col a {
		color: #D4C7A3;
		text-decoration: none;
	}
	
	.reisen .main_col a:hover {
		color: #666;
	}	
	
	.reisen .side_col a:hover {
	color: #FFF;
	}
	
	.reisen .side_col form,
	.reisen .side_col form input.submit,
	.reisen .side_col .form,
	.reisen .side_col .form input.submit,
	.reisen .side_col p {
		color: #FFF;
	}

/* Aktuelles */

.article {
	background-color: #F3F3F3;
	margin-bottom: 15px;
}

.article_top{
	background-color: #004970;
	font-weight: bold;
	color: #FFF;
	padding-top: 3px;
	padding-right: 25px;
	padding-bottom: 3px;
	padding-left: 10px;
}	

.article_headline {
	font-weight: bold;
	color: #FFF;
}

.article_content_txt {
	font-weight: normal;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.article_content_img {
}

.article_bottom{
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 10px;
	clear: left;
	margin-bottom: 25px;
}

.article_top_kochen {
	background-color: #F0AB00;
	font-weight: bold;
	color: #FFF;
	padding-top: 3px;
	padding-right: 25px;
	padding-bottom: 3px;
	padding-left: 10px;
}


td {
	vertical-align: top;
}

.main_col_img  {
	padding-right: 10px;
	padding-bottom: 10px;
}


/* Shop */

/* erweiterte Suche */


.suche {
	border-collapse: collapse;
	margin: 0 0 60px 0;
}

	.suche td {
		padding: 0 10px 10px 0;
	}
	
		.suche td input {
			background: #EEE;
			border: none;
			padding: 2px;
		}
		
		.suche td input.begriff {
			width: 295px;	
		}
		
		.suche td select.kategorie {
			width: 300px;	
		}
		
		.suche td input.preis_von,
		.suche td input.preis_bis {
			width: 132px;	
		}
		
		.suche td input.submit {
			background: #FFF;
			cursor: pointer;
		}
		
		
/* Paginierung */

.paginierung-top {
	float: left;
	padding: 0 0 5px 0;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.paginierung-bottom {
	float: left;
	padding: 0 0 5px 0;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

	.paginierung-top .links, .paginierung-bottom .links {
		float: left;
		width: 33%;
	}
	
	.paginierung-top .mitte, .paginierung-bottom .mitte {
		float: left;
		width: 44%;
	}
	
	
	.paginierung-top .rechts, .paginierung-bottom .rechts {
		float: left;
		width: 23%;
	}
	
.sortierung {
	float: left;
	padding: 5px 0 20px 0;
	width: 100%;
}

	.sortierung .text {
		float: left;
		width: 33%;		
	}

	.sortierung .titel {
		float: left;
		width: 22%;
	}
	
	.sortierung .isbn {
		float: left;
		width: 22%;
	}
	
	.sortierung .autor {
		float: left;
		width: 23%;
	}
	
	
	.paginierung-top img, .paginierung-bottom img {
		vertical-align: middle;
	}
	
	.sortierung img {
		margin: 0 0 0 5px;
		vertical-align: middle;
	}
	
	
	
/* Artikeluebersicht */

.uebersicht {
	border-collapse: collapse;
	clear: both;
	width: 100%;
}

	.uebersicht td {
		padding: 10px;
		width: 150px;
	}

		.uebersicht td div {
			height: 150px;
			margin: 0 0 10px;
			overflow: hidden;
			text-align: center;
			width: 150px;
			border: #CCC solid 1px
		}
	
		.uebersicht td p {
			margin: 0;
		}
		
.stoerer {
	width: 240px;
	font-weight: bold;
	color: #FFF;
	float: left;
	margin-top: 20px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/stoerer_facebook.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
}
.stoerer img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
.stoerer_aktuelles img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
.stoerer_aktuelles {
	width: 240px;
	font-weight: bold;
	color: #FFF;
	float: left;
	margin-top: -20px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/stoerer_facebook.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
}

.galerie {
	width: 555px;
	float: left;
	margin-bottom: 30px;
	color: #004970;
}
.galerie img {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
	padding: 0px;
}