
/* - - - - - - - - - - - - */
/* JÜRGEN CASPERS  		   */ 
/* 2009-17-04              */
/* mail@bytebetrieb.com    */
/*                         */
/* Allgemeine Stylesheets  */
/* - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* C S S   R E S E T 													           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* v1.0 | 20080212 */

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





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* A L L G E M E I N E S 														   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* {
	margin:				0;
	padding:			0;
} 

html {
	width:				100%;
	height:				100%;
}

body {
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
	background-color:	#fff;
	color:				#000;
	font-family:		Verdana, "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	font-size:			12px;
	line-height:		1.2em;
	letter-spacing:		0.3px;
}


a,
a:link 		{ text-decoration: none; color: #000; }
a:visited 	{ text-decoration: none; color: #333; }
a:hover 	{ text-decoration: none; color: #d00025; }
a:active 	{ text-decoration: none; color: #f60; }
a:focus 	{ text-decoration: none; color: #f60; }
a img, img,
a.bildlink 	{ border: none; }


.c { float:none; clear:both; }

#seitenblock {
	width: 					970px;
	margin:					0 auto;
	padding:				10px 0 0 0;
	}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* N A V I G A T I O N 														       */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#navigation {
	width: 					150px;
	float:					left;
	margin:					0 30px 0 0 ;
	}

#navigation li{
	display:				block;
	margin:					0 0 30px 0;
	}


#navigation a{
	display:				block;
	width:					150px;
	height:					23px;
	background:				#d00025;
	color:					#fff;
	text-decoration:		none;
	text-align:				center;
	padding:				7px 0 0 0; 
	margin:					0;
	}

#navigation a:visited 	{ }
#navigation a:hover		{ background:#a0001c; }
#navigation a:active	{ background:#a0001c; }
#navigation a:focus		{ background:#a0001c; }

#logo a{
	margin:					0 0 30px 0;
	display:				block;
	width:					150px;
	height:					124px;
	background:				#fff url(../_p/logo.gif) 0 0 no-repeat;
	text-indent:			-9999px;
	}
	
#logo a:visited		{ background:#fff url(../_p/logo.gif) 0 0 no-repeat; }		
#logo a:hover 		{ background:#fff url(../_p/logo.gif) 0 0 no-repeat; }		
#logo a:active 		{ background:#fff url(../_p/logo.gif) 0 0 no-repeat; }		
#logo a:focus 		{ background:#fff url(../_p/logo.gif) 0 0 no-repeat; }		
#navigation .aktiv a {  background:#999; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* K O P F														   			       */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#kopf{
	border-bottom:			2px solid #d00025;
	text-align:				left;
	font-size:				20px;
	float:					left;
	padding:				95px 0 10px 0; 
	height:					22px;
	line-height:			22px;
	width:					780px;
	}

#kopf p 		{ float:right; width:390px; }
#kopf-rechts	{ float:left; width:390px; text-align:right;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* S T A R T S E I T E  I N H A L T												   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#inhalt {
	width:					678px;
	float:left;
	padding: 33px 0 0 102px;
	min-height:	500px;
	}

#inhalt .startbild p 	{width:269px;}

#inhalt .startbild {
	display:inline;
	width:269px;
	margin: 0 0 30px 0; 
	float:left;
	}
#inhalt .startbildblocklinks {
	margin-right:38px;
}
#inhalt .startbildlinks {
	margin: 0 38px 25px 0; 
	float:left;
	width:auto;
	}
#inhalt .startbildrechts {
	margin: 0 0 30px 38px; 
	float:right;
	width:auto;
	}
	
h2 {
	margin:0 0 5px 0;
	color:#d00025;
}	


.inhaltsblock {
	margin:0 0 30px; 0;
	width:580px;
	overflow:hidden;
}
.bildblock {
	margin:0 0 30px; 0;
}
.newsblock {
	margin:0 0 30px; 0;
	width:700px;
	display:table;
}
.newsblock img.thumblink {
	float:				left;
	margin:				0 15px 5px 0;
}

#inhalt .newsblock p {
	width:				auto;
	margin-right:		130px;
}


#inhalt p.internerlink a {
	display:			inline-block;
	font-weight:		bold;
	margin:				5px 0 0 0;
	padding:			0 0 0 15px;
	background:			transparent url(/_p/icn-intlink.png) 0 2px no-repeat;
}


dl.blaetterliste { }
.blaetterliste dd {
	float:				left;
	margin:				0 37px 0 0;
}
.blaetterliste dd.first {
	margin-right:		38px;
}
.blaetterliste a { border:none; }









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* F U S S														   			       */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#fuss
{
	border-top: 2px solid #d00025;
	text-align: center;
	font-size: 12px;
	float: left;
	width: 780px;
	padding: 10px 0 0 0;
	height: 20px;
	margin: 30px 0 0 180px;
	display: inline;
	letter-spacing: 0.001em;
}
	




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* R E T U S C H E														   		   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.thumbnail 		{ margin: 30px 33px 0 0; }
.bild-gross		{ margin: 0 0 10px 0; }
#bilder-unterschrift {text-align:right; width:576px;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* B I L D E R G A L E R I E													   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#bildergalerie #inhalt	{ padding:33px 0 0 0; width:780px; }
#galerie 				{ width:618px;	float:left;	}

table.preisliste	{ width:574px;float:left;margin: 20px 0 0 0;text-align:center;}
th		{ font-weight: bold; text-align:center;	} 
td		{ text-align:center; } 
tr		{ height:25px;}

#inhalt .disclaimer {
	float:					left;
	width:					162px;
	margin: 				20px 22px 0 0;
	}





.bild {
	float:					left;
	width:					162px;
	margin:					0 44px 30px 0;
	text-align:				right;
	overflow:				hidden;
	}
	
.letztes {	margin:0 0 30px 0; }
.bild h2 {
	font-size: 				16px;
	font-weight:			normal;
	color:					#000;
	margin:					3px 0 0 0;
	}
.bild .titel {
	display:				block;
	font-weight:			bold;
	color:					#000;
	margin:					3px 0 0 0;
	border:					none;
	}
a:hover .titel {
	color:					#d00025;
	}

.tagcloud {
	width:					142px;
	font-size:				20px;
	text-align:				center;
	float:					right;
	line-height:			20px;
	padding: 				0 5px;
	margin:					0 0 10px 0;
	}	
	
#bildergalerie form {
	margin:					20px 0 5px 0;
	float:					left;
	}
#form_suche {width:100px; margin: 0 0 0 22px; }
.submitbutton { float:left;margin: 10px 0 10px 42px;}

#inhalt p.zurueck {
	float:					left;
	width:					162px;
	margin:					0 44px 30px 0;
	padding:				113px 0 0 0;
	text-align:				right;
	font-weight:			bold;
}


.tagcloud-wrapper {
	width:					155px;
	float:					left;
	border:					1px	dotted #000;
	margin:					0 0 30px 0;
	}	
	

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* K O N T A K T														   		   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	


#kontakt form {
	width:295px;
	margin: 0 0 30px 0;
	}

fieldset {}
	
.legende{
	color:#fff;
  	float:left;
  	width:285px;
  	height:22px;
	background:#d00025;
	padding: 8px 0 0 10px;
	margin:	0 0 10px 0;	
	}

.textfeld 			{ width:266px; 	margin: 0 0 15px 10px; padding:2px; }
label	 			{ width:270px; 	margin: 0 0 5px 10px; display:inline-block; }
#form_mitteilung	{ width:270px;	margin: 0 0 15px 10px; height:270px; }


.spalte {
	float:left;
	width:295px;
	height: 350px;
	}
#inhalt .spalte p {
	width:295px;
	}

.absenden { margin: 5px 0 10px 10px; }
.lang {	margin:0 20px 0 0 ; height:550px; }	
	
a.SBF {
	width:190px;
	height: 65px;
	background: transparent url(../_p/sbf.gif) 0 -3px no-repeat;
	text-indent:-9999px;
	display:block;
	margin:20px 0 0 0;
	}	

a.SBF:hover { }	

a.xing {
	width:190px;
	height: 65px;
	background: transparent url(../_p/xing.gif) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
	margin:	0 0 10px 0;
	}	
a.xing:hover { }	

#impressum #inhalt p { margin: 0 0 40px 0; }


.feedback {
	padding:			12px;
	margin:				0 0 12px;
	text-align:			center;
	border:				1px dotted #d00025;
	background:			#eee;
	color:				#d00025;
	font-weight:		bold;
}
.feedback.error { }




