@charset "utf-8";
<!--
* {	margin: 0;
	padding: 0;
	text-align: justify;}

	html {
	height: 100%;
	width: 100%;}
	
	body {
    background-image:url('../gfx/bg.jpg');
	color: #262626;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0.5% 1.5%;
	overflow: visible;}

table {border-collapse: collapse; width: 100%;}
fieldset, table, textarea, select, input, tr, td {border: 0;}

textarea, select, input {background-color: #fbfbfb; text-align: left;}

a:link {color: #1f6d85;}
a:visited {color: #3333ff;}
a:hover {color: #ff6600; text-decoration: underline;}
a:active {color: #1f6d85;}

a {text-decoration: none;}
a img {border: 0 none;}
img {border: 0 none;}
p {padding: 0.5%;}

#wrapper {
	margin-left: auto;
	margin-right: auto;
}



/*** Head ***/
#head {
	vertical-align: bottom;
}
.adtop {
	float: right;
	height: 65pt;
}
.logo {
	float: left;
	height: 65pt;
	width: 35%;
}
.navi {
	padding-bottom: 0.75%;
	text-align: center;
}
.naviextra {
	padding-bottom: 0.75%;
	text-align: center;
}
.navi a, .naviextra a {padding: 5%;}

.navi li, .naviextra li {
	display: inline;
	list-style-type: none;
}
/* {display: inline} bewirkt, dass die Listenelemente (li) horizontal nebeneinander angeordnet werden. */

/* Blog-Kategorien Startseite */
.naviblog .categories, .naviblog .categories li {
	display: inline;
	list-style-type: none;
	padding: 0.75% 1.5% 0 0;
}



/*** Navigation ***/
.navilinks {
	float: left;
	padding-bottom: 2%;
	text-align: center;
	width: 100%;
}
.navilinks p {
	padding-top: 0.5%;
}
.search, .searchextra {
	background: #ffebcd;
	padding: 1%;
}
.search, .searchextra form {
	text-align: right;
}
.search .button {
	color: #1f6d85;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 85%;
	font-weight: 700;
	text-align: center;
}
.searchextra .button {
	color: #ff6600;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 85%;
	font-weight: 700;
	text-align: center;
}



/*** Content ***/
#main {
	float: left;
	width: 100%;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.content, .contentextra {
	float: left;
	width: 80%;
}
.ad {
	float: right;
	font-size: 90%;
	text-align: center;
	width: 20%;
}
.ad h2 {
	color: #1f6d85;
	font-size: 105%;
}
.ad p {
	padding: 0.25%;
	margin: 5%;
	text-align: center;
}
.content h1 {
	color: #1f6d85;
	font-size: 120%;
}
.content h2 {
	color: #1f6d85;
	font-size: 105%;
}
.contentextra h1 {
	color: #ff6600;
	font-size: 120%;
}
.contentextra h2 {
	color: #ff6600;
	font-size: 105%;
}
img.alignleft, div.alignleft {
	color: #808080;
	display: inline;
	font-size: 83%;
	margin: 0 2%;
}
img.alignright, div.alignright {
	color: #808080;
	display: inline;
	font-size: 83%;
	margin: 0 2%;
}



/*** Foot ***/
.imprint {
	color: #808080;
	float: left;
	font-size: 85%;
	text-align: center;
	width: 100%;
}
.imprint p {
	padding: 0.25%;
}



/*** Basic-Formats LAYOUTS***/
.center, .cdtip {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.p15 {
	width: 15%;
	text-align: center;
}
.p30 {
	width: 30%;
	text-align: left;
}
.p35 {
	width: 35%;
	text-align: right;
}
.p40 {
	width: 40%;
	text-align: center;
	vertical-align: top;
}
.p50, .cdtip {
	width: 50%;
}
.p60 {
	width: 60%;
	vertical-align: top;
}
.p65 {
	width: 65%;
}
.p70 {
	width: 70%;
	text-align: left;
}



/*** Basic-Formats FONTS & PICS***/
.imgright {
	color: #808080;
	font-size: 83%;
	font-style: italic;
	margin: 2%;
	text-align: right;
}
.imgleft {
	color: #808080;
	font-size: 83%;
	font-style: italic;
	margin: 2%;
	text-align: left;
}
.info {
	font-style: italic;
	background-color: #690;
	color: #fbfbfb;
	font-weight: 700;
}
.new {
	background-color: #f60;
	color: #fbfbfb;
	font-style: italic;
	font-weight: 700;
}
.price {
	color: #008000;
	font-weight: 700;
}
.date {
	color: #990033;
}
.deactivate {
	color: #666666;
}
.u {
	text-decoration: underline;
}
.zitat {
	font-size: 110%;
	font-weight: 700;
}
//-->