/*
CSS für Vorlage "Bokeh"
*/
html, body, div, p, h1, h2, h3, ol,
span, a, table, td, form, img {
   margin: 0;
   padding: 0;
   border: none;
}

/* Sauberes Schriftbild > all! */

h1 {
	color:#db9e25;
	font-size:16px;
	font-weight:bold;
}

h2 {
	color:#db9e25;
	font-size:16px;
}

p {
	padding-left: 10px;
}

.small {
	font-size: 10px;
}

div {
	border: 0;
	padding: 0 3px;	
}

/* Listeneinstellungen allgemein */

ul, li, ol {
	font-size: 13px;
	margin-left: 15px;
    border: none;
	margin-bottom:0px;
	line-height:18px;
}

ul, ol {
	padding-bottom: 20px;
	padding-left: 10px;
}

/* Listeneinstellungen für Header-"Service"-Werbebereich */

.ccc ul, li, ol {
	font-size: 13px;
	margin-left: 15px;
    border: none;
	padding: 0;
}

/* Tabellen: Basiseinstellungen */

#base {
	font-family: "Trebuchet MS", "Segoe UI", Verdana, Arial, sans-serif;
    font-style:normal;
	font-size: 13px;
	text-align: left;
	color:#000;
}

/* Tabellen: Ersatz für Body-Tag für Hintergrunddefinition */

.haupt {
	background:url(gfx/back.png) repeat;
}

/* Header: Einstellung für Seitenhintergrund */

.top {
	background:url(gfx/back.png) repeat;
}

/* Einstellungen Headerbereich */

.header {
	background:url(gfx/header_back.jpg) no-repeat 0 48px;
	text-decoration:none;
}

.logo {
	font-size: 24px;
	line-height: 28px;
	font-weight:bold;
	padding-left: 20px; 
}

.welcome {
	font-size:13px;
	padding-left: 10px; 
}

.ccc {
	color:#fff;
	text-shadow: 1px 1px 0px #000;
}

.service ul, li {
	padding:0;
}

.service p { 
	padding: 10px 0 0 10px;
}


/* Einstellungen für Navigationsbereich */

#navi1337 {
	background:url(gfx/navi_back.png) no-repeat; 
	width:100%; 
	height:48px; 
    font-size:15px;
	text-shadow: 1px 1px 0px #000;
}

.navi1337 a {
	display: block;
	height: 33px;
	width: auto;
	text-decoration: none;
	color: #FF9900;
	padding: 15px 20px 0;
}

.navi1337 a:hover {
	text-decoration:underline;
	color:#fff;
	background-image:url(gfx/navi_hover.png);
	background-repeat:repeat-x;
}

/* Contentbereich: Übergeordnete Einstellungen */

.inhalte {
	background:#fff;
	font-size:13px;
	line-height: 16px;
	padding: 5px;
	text-align: left;
}

.rahmen-1 { /* Content 1. Tabelle Galerie+Beschr. */
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	border-top: 1px solid #a8a8a8;
}

.rahmen-2 { /* Content 2. Tabelle */
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
}

.rahmen-3 { /* Content mit Hintergrundbild */
	background:url(gfx/cback.png) repeat-y;

}

.inhalte a:hover { 
	text-decoration:underline;
	color:#536e79;
}

.inhalte a {
	font-weight:bold;
	text-decoration:none;
	color:#536e79;
}

/* Contentbereich Einstellungen für Textfelder */

.e8e8e8 {
	font-size:13px;
	line-height: 16px;
	padding: 5px 20px 25px 0;
}

/* Contentbereich Themenüberschriften-Einstellungen und Nach-Oben-Pfeil */

.beschr {
	background:url(gfx/beschr_back.png) no-repeat 10px; 
	padding-left: 40px;	
	font-weight: bold;
	line-height: 25px;
	font-size: 16px;	
}

.bilder {
	background:url(gfx/bilder_back.png) no-repeat 10px; 
	padding-left: 40px;	
	font-weight: bold;
	line-height: 25px;
	font-size: 16px;	
}

.impressum {
	background:url(gfx/impressum_back.png) no-repeat 10px; 
	padding-left: 40px;	
	font-weight: bold;
	line-height: 25px;
	font-size: 16px;	
}

.zahlung {
	background:url(gfx/zahlung_back.png) no-repeat 10px; 
	padding-left: 40px;	
	font-weight: bold;
	line-height: 25px;
	font-size: 16px;	
}

.liefer {
	background:url(gfx/liefer_back.png) no-repeat 10px; 
	padding-left: 40px;	
	font-weight: bold;
	line-height: 25px;
	font-size: 16px;	
}

.optional {
	background:url(gfx/optional_back.png) no-repeat 10px; 
	padding-left: 40px;	
	font-weight: bold;
	line-height: 25px;
	font-size: 16px;	
}

/* Einstellungen für Fußzeile */

#footer1337 {
	background:url(gfx/back.png) repeat;
}

.footer1337 {
	background:url(gfx/footer_back.jpg) no-repeat; 
	height:100px;
	padding-top: 17px;	
	font-size:11px;
	font-weight:bold;
}

/* Einstellungen für Copyright-Schrift */

.copyright {
	font-weight:bold;
	color:#eff2f1;
	font-size:11px;
}

.copyright a {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}

.copyright a:hover { 
	text-decoration:underline;
	color:#fff;
}

/* Galerie-Einstellungen */

.galerie {
	width:478px;
	margin:0 0 0 7px;
	padding:0;
}

.galerie #vollbild {
	padding-bottom: 10px;
	text-align:center;
}

#vollbild {
	background-color: #FFFFFF;
	border: 1px solid #e4e5e5;
}

.galerie #vollbild img {
	margin-top: 15px;
	max-height: 500px;
	max-width: 450px;
	width: 450px;
}

.galerie #vorschaubilder {
	float: left;
	width: 478px;
}

.galerie ul {
	margin: 0;
	padding: 0;
}

.galerie #vorschaubilder ul li {
	display: inline;
}

.galerie li {
	text-align:center;
	border-bottom: solid 1px #e4e5e5;
	float: left;
	width:100px;
	max-height:100px;
	display:block;
	margin: 0;
	padding: 9px;
}


.galerie #vorschaubilder ul li a img {
	height: 70px;
	width: auto;
	margin: 7px 0;
} 

.galerie li:hover {
	text-decoration: none;
	background-color: #FF9900;
}

.aufwischen {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}