table.rahmen {
  	border:				0px;
  	border-collapse:	collapse;
  	width: 				530px;
  	background-image: 	url(http://www.budspencer.de/images/template/standard/content_headline_back.gif);
	background-repeat: 	no-repeat;
}

table.contentRahmen {
  	border:				0px;
  	border-collapse:	collapse;
  	width: 				530px;
  	height:				24px;
  	background-image: 	url(http://www.budspencer.de/images/template/standard/content_table_back.gif);
	background-repeat: 	no-repeat;
	margin-bottom:		5px;
}

table.vollBreite {
	width: 530px;
}


th {
 	height:				21px;
 	border-bottom: 		2px solid #F37D02;
	text-align: 		left;
	text-indent:		7px;
	font-size:			11px;
	font-weight:		bold;
	vertical-align:		middle;
	color:				#403D38;
}

th.thleftTitel {
	width: 				25%;
	background-color: 	#E8E4D9;
	text-align: 		left;
	color:				#403D38;
	font-weight:		normal;
	border:				0px;
	vertical-align:		top;
}

td.wichtig {
	background-color:	#9D856F;
	color:				#ffffff;
}

td.wichtig a {
	color:				#ffffff;
}

td {
  	color:				#403D38;
	font-size:			11px;
	font-family:		verdana,arial,helvetica,sans serif;
	vertical-align:		top;
	padding:			3px;
	background-color:	#E8E4D9;
}

td.secondRow {
	background-color:	#F1F0EC;
	color:				#89867E;
}


td.bildContent {
	width: 15%;
	vertical-align: top;
}

td.tdcenter {
	text-align: center;
	background-color:	transparent;
}


/********************** Hintergrund Farben Formatierung ******************/

/* Spalten Formatierung */
.tdHeadline { background-color: #e0e0e0; }
.tdRow { background-color: #eaeaea; }
.tdSecondRow { background-color: #f7f7f7; }

/* Rahmen und Hintergrund Formatierung */
.tdBorder { background-color: #EEEEEE; }
.tdSecondBorder { background-color: #F8F8F8; }






/*************************** Text Formatierung ***************************/

/* Ueberschriften / Fliesstext */

h1 {
	font-size:			17px;
}

p {
	line-height:		14px;
}

h1.contentHeadline {
	color:				#ffffff;
	font-weight:		bold;
	font-size:			12px;
	line-height:		20px;
	background-color:	#FF994F;
	text-indent:		3px;
	margin-top:			10px;
	background-image: 	url(http://www.budspencer.de/images/template/standard/content_headline_back.gif);
	background-repeat: 	no-repeat;
}

h2.contentHeadline {
	color:				#403D38;
	font-weight:		bold;
	font-size:			11px;
	line-height:		21px;
	height:				21px;
	text-indent:		3px;
	margin-top:			10px;
	text-align:			left;
	text-indent:		7px;
	background-image: 	url(http://www.budspencer.de/images/template/standard/content_headline_back.gif);
	background-repeat: 	no-repeat;
	border-bottom: 		2px solid #F37D02;
}

h2.contentHeadline a {
	color:				#403D38;
}

h2.contentSubHeadline {
	font-weight:		bold;
	font-size:			11px;
	line-height:		21px;
	height:				21px;
	text-indent:		3px;
	margin-top:			10px;
	text-align:			left;
	text-indent:		7px;
	background-image: 	url(http://www.budspencer.de/images/template/standard/content_headline_back.gif);
	background-repeat: 	no-repeat;
	border-bottom: 		2px solid #F37D02;
}

.contentText {
	position:			relative;
	display:			block;
	background-color:	#E8E4D9;
	margin-bottom:		10px;
	padding:			5px;
}

span.contentText img {
	margin-right:		10px;
}

.contentTextBold {
	display:			block;
	background-color:	#FDF4E7;
	margin-bottom:		10px;
	margin-top:			10px;
}

.contentTextRow {
	display:			block;
	background-color:	#F1F0EC;
	color:				#89867E;
	padding:			5px;
}


/* Die Headlineinfo Box */
.contentHeadBox {
	width:				530px;
	height:				100px;
}

div.contentBox, h1 {
	border-bottom:		1px solid #F37D02;
	color:				#89867E;
}

div.contentBox, p {
	color:				#89867E;
	margin-top:			4px;
}

.imageHeadPosition {
	float:				left;
	margin-right:		8px;
	margin-top:			3px;
}

.center {
	margin-top:			10px;
	display:			block;
	text-align:			center;
}

img.fliesstextBildFormat {
	float:				left;
	padding-right:		10px;
	padding-bottom:		5px;
	padding-top:		5px;
}

.bold {
	font-weight:		bold;
}

.contentListStyle {
	display:			block;
	width:				100%;
	line-height:		15px;
	margin-bottom:		3px;
}

.contentListStyleRow {
	display:			block;
	width:				100%;
	line-height:		20px;
	margin-bottom:		3px;
}

.cleaner {
	clear:				both;
}

/**************************** Linkdefinition *******************************/
a {
	font-size:			11px;
	color:				#F37D02;
	text-decoration:	none;
}
a.navi { color:	#545570; }
a.naviTopLinks { color:	 #909090; }
a.seitenZaehler { color:	#c9c9c9; }
a.noneLink {color: #403D38; }



.klein { font-size: 10px; }
.copyright { color: #cfcfcf; font-size: 10px; }





/********************************* Messages Formatierung **********************/
.messageOk { color: #009900; font-size: 14px; }
.messageFehler { color: #545570; }
.formFehler { 
	background-color:	Red; 
	color:				#ffffff;
	font-weight:		bold;
	display:			block;
	min-height:			18px;
	line-height:		18px;
	text-indent:		3px;
}
.formFehlerText { color: red; font-weight: bold; font-size: 14px; }





/********************************* Formular Formatierung **********************/

fieldset.contentForm {
	border:				1px solid #CFCBC2;
	background-color:	#E8E4D9;
	padding:			5px;
	margin-top:			5px;
	margin-bottom:		5px;
}

.label_content {
	float:				left;
	width:				170px;
}

input.input_content, select.input_content {
	width:				290px;
	height:				19px;
	font-size:			12px;
	border:				1px solid #CFCBC2;
	margin:				3px;
}

input.klein_input, select.klein_input {
	width:				120px;
	height:				19px;
	font-size:			12px;
	border:				1px solid #CFCBC2;
	margin:				3px;
}

textarea.input_content {
	width:				290px;
	height:				60px;
	font-size:			11px;
	font-family:		verdana, arial, sans serif;
	border:				1px solid #CFCBC2;
	margin:				3px;
}

textarea.input_content_hoch {
	width:				290px;
	height:				150px;
	font-size:			11px;
	font-family:		verdana, arial, sans serif;
	border:				1px solid #CFCBC2;
	margin:				3px;
}

#submit {
	display:			block;
	width:				100px;
	height:				21px;
	line-height:		21px;
	font-size:			11px;
	border:				1px solid #CFCBC2;
	margin:				3px;
	font-weight:		bold;
	margin-bottom:		10px;
	float:				right;
	color:				#F37D02;
}




/***************************** Meldungen ********************************/
.form_erfolg {
	display:			block;
	color:				green;
	font-weight: 		bold;
	text-align: 		center;
	margin-bottom:		10px;
	font-size:			14px;
}

.form_fehler {
	display:			block;
	color: 				red;
	font-weight: 		bold;
	text-align: 		center;
	padding:			5px;
	border:				5px solid #CFCBC2;
	background-color:	#ffffff; 
}


/***************************** Sonstige Contentformatierungen ******************************/

.seitenZaehler {
	text-align:				center;
	margin-top:				8px;
	margin-bottom:			8px;
}

/* Box fuer die Auswahl, entweder Select oder Bilder */
.auswahlBox {
	text-align:				center;
	clear:					both;
	padding-top:			15px;
}

div.auswahlBox select {
	width:					170px;
	height:					17px;
	line-height:			17px;
	border:					1px solid #9D856F;
}



/***************************** Bilder Galerie ******************************/

#gallery {
   position: relative;
   width: 525px;
   height: 405px;
}

#gallery img {
   width: 524px;
   height: 700px;
   margin: 5px;
}

#gallery a, #gallery a:visited {
   display: block;
   float: left;
   width: 80px;
   height: 60px;
   margin: 3px;
   text-decoration: none;   
}

#gallery a span, #gallery a strong { /* loading-Block */
   display: none;
}

#gallery a span em {
   display: block;
   width: 524px;
   height: 700px;
   margin: 0;

}

#gallery a:focus, #gallery a:active  {
   border: 1px solid #CFCBC2;
}

#gallery a:focus span, #gallery a:active span  {
   position: absolute;
   display: block;
   left: 1px;
   top: 1px;
   width: 524px;
   z-index:1;
   font-size: 0.8em;
   color: #000000;
}


#gallery a:focus strong, #gallery a:active strong  { /* loading-Block */
   position: absolute;
   display: block;
   left: 1px;
   top: 1px;
   width: 524px;
   height: 400px;
   color: #000000;
   font-size: 12px;   
   background-color:	#ffffff;
}


/***************************** Galerie Uebersicht ******************************/

#galerieUebersichtBox {
	width:				530px;
}

.galerieUebersichtFormat {
   display: 			block;
   float: 				left;
   width: 				120px;
   height: 				135px;
   margin: 				5px;
   border: 				1px solid #CFCBC2;
   text-decoration: 	none;   
   text-align:			center;
}

.galerieUebersichtBild {
	display:			block;
	margin-top:			3px;
}



/**************************** Tool Tip *****************************/

a.tooltip {
	position:				relative;
	
}

a.tooltip span {
	display:				none;
}

a.tooltip:hover span {
	position:				relative;
	top:					10px;
	display:				block;
	position:				absolute;
	border:					1px solid #ffffff;
	background-color:		#F37490;
	z-index:				1;
	width:					134px;
	height:					76px;
	padding:				2px;
	color:					#5F0000;
	font-size:				10px;
}

/************************* Grusskarten ***************************/

.grusskartenKategorieBox {
	float:				left;
	width:				150px;
	height:				300px;
	border-right:		2px solid #ffffff;
}

.grusskartenAuswahlBox {
	width:				530px;
}

div.grusskartenAuswahlBox a img {
	border:				1px solid #CFCBC2;
	margin-bottom:		5px;
}

.grusskartenDetailBox {
	float:				left;
	width:				300px;
	border:				1px solid #CFCBC2;
	margin-top:			5px;
	margin-right:		5px;
}

fieldset.grusskartenDetail {
	width:				223px;
	height:				20px;
	margin-top:			5px;
	border:				0px;
}

fieldset.grusskartenDetail textarea {
	width:				221px;
	height:				130px;
	border:				1px solid #CFCBC2;
}

fieldset.grusskartenDetail input {
	width:				221px;
	height:				18px;
	line-height:		18px;
	border:				1px solid #CFCBC2;
}

fieldset.grusskartenDetail label {
	display:			block;
	margin-bottom:		2px;
	margin-top:			2px;
}

fieldset.grusskartenDetail span {
	display:			block;
	margin-top:			15px;
	margin-bottom:		5px;
	font-weight:		bold;
}

/**************** Layoutformatierungen ******************/

div#eyecatcher {
	position:			absolute;
	top:				0px;
	left:				726px;
	width:				246px;
	height:				282px;
	/* Weihnachtswechsel */
	background-image: url(http://www.budspencer.de/images/template/standard/eyecatcher.jpg); 
	/* background-image: url(http://www.budspencer.de/images/template/standard/winter2.jpg); */
	background-repeat: no-repeat;
	z-index:			1;
}

div#topBanner {
	position:			absolute;
	top:				57px;
	left:				386px;
	width:				339px;
	height:				72px;
	z-index:			1;
}

/*************** Button Generierung *************/

div.textButton {
	float:				left;
	background-position: right;
	background-image: url(http://www.dierandgruppe.com/images/button/button_right.gif); 
	background-repeat:	no-repeat;
	height:				23px;
	min-width:			100px;
}

div.textButton a {
	display:			block;
	background-position:top left;
	background-image: 	url(http://www.dierandgruppe.com/images/button/button_left.gif);
	background-repeat: 	no-repeat;
	height:				23px;
	text-align:			center;
	line-height:		23px;
	padding-right:		5px;
	padding-left:		5px;
	font-weight:		bold;
	color:				#03345D;
	text-decoration:	none;
}

div.buttonPos {
	position:			relative;
	left:				180px;
	text-align:			center;
	width: 				250px;
	border:				0px;
	margin:				5px;
	clear:				both;
	padding-bottom:		40px;
}

div.votingBox {
	display:			block;
	width:				528px;
	clear:				both;
}

div.votingBoxParent {
	display:			block;
	width:				528px;
	clear:				both;
	background-color:	#E8E4D9;
	height:				33px;
}


div.votingBox p, div.votingBoxParent p {
	display:			block;
	float:				left;
	width:				280px;
	margin-top:			3px;
	margin-bottom:		3px;
	padding:			0px;
}

div.votingBox img, div.votingBoxParent img {
	margin-right:		3px;
}

div.votingBox div, div.votingBoxParent div {
	display:			block;
	float:				left;
	height:				17px;
	margin-top:			8px;
	margin-bottom:		3px;
	background-color:	#F37D02;
}

div.votingBox strong, div.votingBoxParent strong {
	display:			block;
	float:				left;
	margin-top:			8px;
	margin-bottom:		3px;
	margin-left:		3px;
}

/* ************************ Shoutbox ********************* */

input.shoutbox {
	width:				480px;
	border:				1px solid #CFCBC2;
	margin-top:			10px;
	margin-left:		10px;
	margin-bottom:		10px;
	height:				20px;
}

div.shoutboxInhalt p {
	display:			block;
	border-top:			1px solid #DBDAD5;
	padding-top:		5px;
	font-size:			12px;
}

div.shoutboxInhalt small {
	color:				#89867E;
}

div.shoutboxInhalt span {
	float:				left;
}