/*///////////////////////////////////////////////////////*/
 /*  S T Y L E S H E E T   A U T O - G E R I C K E . D E  */
/*///////////////////////////////////////////////////////*/
#printVersion			{ display:none !important; }

html, body, div, p, h1, h2, h3, h5, ul, ol, a, table, td, form, img, li
						{ margin:0; padding:0; font-family:Tahoma, Verdana, Arial, sans-serif; text-align:left; vertical-align:top; }

html, body 				{ height:100%; font-size:101%; } /* IE erziehen */

body 					{ background-color:#dddddd; color:#333333; }

body.export				{ height: 280px; width: 186px; background-color: transparent !important; color:#333333;  font-size:101%; margin:0px !important; padding:0px !important; text-align:left; vertical-align:top; }

p						{ padding-bottom:5px; }
hr.grau					{ border:0; color:#e7e7e7; background-color:#e7e7e7; height:1px; }
hr.workshops3d			{ border:0; height:2px; background:top left url(../images/3d_hr.gif); background-color:none !important; }
hr.workshops			{ border:0; height:1px; background:top left url(../images/hr_workshop.gif); background-color:none !important; }
blockquote				{ margin-top:3px; margin-left:5px; margin-bottom:10px; border:1px solid #e2e2e2; padding:5px; background-color:#f4f4f4; }
blockquote p			{ padding-bottom:0; }


/* ein paar sachen für eine schöne cms darstellung :
//////////////////////////////////////////////////////////*/
div.imgTotal 			{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
div.imgBorder 			{ height: 70px;	vertical-align: middle;	width: 94px; overflow: hidden;	}
div.imgBorder a         { height: 70px; width: 94px; display: block; }
div.imgBorder a:hover   { height: 70px; width: 94px; background-color: #f1e8e6;	color : #FF6600;	}
.imgBorderHover       	{ background: #FFFFCC; cursor: hand; }
div.imginfoBorder	 	{ background: #f6f6f6;	width: 90px !important;	width: 90px;height: 50px; vertical-align: middle; padding: 2px; overflow: hidden; border: 1px solid #ccc;	}
div.imginfoBorderSmall 	{ background: #f6f6f6;	width: 90px !important;	width: 90px;height: 15px; vertical-align: middle; padding: 2px; overflow: hidden; border: 1px solid #ccc; text-align: center;	}
div.imginfoBorderBig	{ background: #f6f6f6;	width: 90px !important;	width: 90px;height: 80px; vertical-align: middle; padding: 2px; overflow: hidden; border: 1px solid #ccc;	}
.buttonHover 			{ border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; cursor: hand;	background: #FFFFCC; }
.buttonOut 				{ border: 0px; }
.imgCaption 			{ font-size: 9pt; font-family: "MS Shell Dlg", Helvetica, sans-serif; text-align: center;	}
.dirField 				{ font-size: 9pt; font-family: "MS Shell Dlg", Helvetica, sans-serif; width:110px; }
div.image 				{ padding-top: 10px; text-align: center;}
div.imginfoName			{ overflow: hidden; width: 88px !important;}


/* ein paar sachen für eine schöne cms darstellung im Bereich Service-Kategorien:
//////////////////////////////////////////////////////////*/
div.imgTotalSK 			{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
div.imgBorderSK			{ height: 70px;	vertical-align: middle;	width: 141px; overflow: hidden;	}
div.imgBorderSK a       { height: 70px; width: 141px; display: block; }
div.imgBorderSK a:hover { height: 70px; width: 141px; background-color: #f1e8e6;	color : #FF6600;	}
.imgBorderHoverSK      	{ background: #FFFFCC; cursor: hand; }
div.imginfoBorderSK	 	{ background: #f6f6f6;	width: 136px !important;	width: 90px;height: 50px; text-align: center; vertical-align: middle; padding: 2px; overflow: hidden; border: 1px solid #ccc;	}
div.imginfoBorderSmallSK{ background: #f6f6f6;	width: 135px !important;	width: 90px;height: 15px; vertical-align: middle; padding: 2px; overflow: hidden; border: 1px solid #ccc; text-align: center;	}
div.imginfoBorderBigSK	{ background: #f6f6f6;	width: 135px !important;	width: 90px;height: 80px; vertical-align: middle; padding: 2px; overflow: hidden; border: 1px solid #ccc;	}
.buttonHoverSK 			{ border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; cursor: hand;	background: #FFFFCC; }
.buttonOutSK			{ border: 0px; text-align: center;}
.imgCaptionSK			{ font-size: 9pt; font-family: "MS Shell Dlg", Helvetica, sans-serif; text-align: center;	}
.dirFieldSK				{ font-size: 9pt; font-family: "MS Shell Dlg", Helvetica, sans-serif; width:165px; }
div.imageSK				{ padding-top: 10px; text-align: center;}
div.imginfoNameSK		{ overflow: hidden; width: 132px !important;}

/* ein paar sachen für eine schöne profilbild darstellung :
//////////////////////////////////////////////////////////*/
div.imgTotalProfil			{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
div.imgBorderProfil 		{ height: 70px;	vertical-align: middle;	width: 69px; overflow: hidden;	}
div.imgBorderProfil a       { height: 70px; width: 69px; display: block; }
div.imgBorderProfil a:hover { height: 70px; width: 69px; background-color: #f1e8e6;	color : #FF6600;	}
.imgBorderHoverProfil      	{ background: #FFFFCC; cursor: hand; }
div.imginfoBorderProfil	 	{ background: #f6f6f6;	width: 65px !important;	height: 50px; vertical-align: middle; padding: 2px; overflow: hidden; border: 1px solid #ccc;	}
div.imginfoBorderProfil 	{ background: #f6f6f6;	width: 65px !important;	height: 15px; vertical-align: middle; padding: 2px; overflow: hidden; border: 1px solid #ccc; text-align: center;	}
.buttonHoverProfil 			{ border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; cursor: hand;	background: #FFFFCC; }
.buttonOutProfil 			{ border: 0px; }
.imgCaptionProfil 			{ font-size: 9pt; font-family: "MS Shell Dlg", Helvetica, sans-serif; text-align: center;	}
.dirFieldProfil 			{ font-size: 9pt; font-family: "MS Shell Dlg", Helvetica, sans-serif; width:110px; }
div.imageProfil 			{ padding-top: 10px; text-align: center;}
div.imginfoNameProfil		{ overflow: hidden; width: 63px !important;}

/* images
//////////////////////////////////////////////////////////*/
img						{ border:0; }
img.galeriebild 		{ border:1px solid #cccccc; }
img.galeriebildselected { border:2px solid #cb0000; }
img.actionButton		{ background:bottom left url(../images/action_button_bg.gif) no-repeat; padding-right:1px; padding-bottom:1px; }



/* forms
//////////////////////////////////////////////////////////*/
select, option, input, textarea, button, submit, reset
						{ font:1.0em Tahoma, Verdana, Arial, sans-serif; color:#000000; }
select, textarea		{ border:1px solid #e3e3e3; }
input[type="text"], input[type="password"], input[type="file"] /* geht im IE natürlich mal wieder nicht, also gibt's dort normale borders */
						{ border:1px solid #e3e3e3; }
select.rot, input.rot, textarea.rot
						{ background-color:#c60000; color:#ffffff; }



/* tables
//////////////////////////////////////////////////////////*/

/* formularklasse
///dynamische elemente: alternierender zeilenBG, sonderdefinition für counter input, tiny text */
table.some				{ border:0; border-collapse:collapse; width:100%; }
table.some td.top_space { background-color:#ffffff; padding-top:10px; padding-bottom:2px; }
table.some h2			{ padding-top:5px; }
table.some input		{ width:96%; margin:3px; }
table.some select		{ width:96%; margin:3px; }
table.some textarea		{ width:96%; margin:3px; }
table.some textarea.mceEditor
						{ width:96% !important; margin:3px !important; }

/* übersichtstabellen
///dynamische elemente: alternierender zeilenBG */
table.small				{ width:100%; border:0; border-spacing:0; border-collapse:collapse; }
table.small td, div.row0, div.row1
						{ padding:3px; padding-right:0; vertical-align:top; }
table.small tr.rowFull td, div.rowFull
						{ color:#ffffff; font-weight:bold; font-size:1.2em !important; }
table.smallInner td, div.rowInner0, div.rowInner1
						{ padding:3px; padding-right:0; vertical-align:top; border:1px solid #e3e3e3;}
table.some tr.rechteSeiteBoxRow1 div.rechteSeiteBoxRow1
							{ background-color: #515151 !important; }

/* übersichtstabellen mit rand
///dynamische elemente: alternierender zeilenBG */
table.small2				{ width:100%; border:1px ; border-spacing:0; border-collapse:collapse; }
table.small2 td, div.row0, div.row1
						{ padding:3px; padding-right:0; vertical-align:top; }
table.small2 tr.rowFull td, div.rowFull
						{ color:#ffffff; font-weight:bold; font-size:1.2em !important; }
table.smallInner2 td, div.rowInner0, div.rowInner1
						{ padding:3px; padding-right:0; vertical-align:top; border:1px solid #e3e3e3;}
table.some2 tr.rechteSeiteBoxRow1 div.rechteSeiteBoxRow1
							{ background-color: #515151 !important; }

							
/* übersichtstabellen mit rand
///dynamische elemente: alternierender zeilenBG */
table.small3				{ width:100%; border:1px ; border-spacing:0; border-collapse:collapse; }
table.small3 td, div.row0, div.row1
						{ padding:3px; padding-right:0; vertical-align:top;  }
table.small3 tr.rowFull td, div.rowFull
						{ color:#ffffff; font-weight:bold; font-size:1.2em !important; }
table.smallInner3 td, div.rowInner0, div.rowInner1
						{ padding:3px; padding-right:0; vertical-align:top; border:1px solid #e3e3e3;}
table.some3 tr.rechteSeiteBoxRow1 div.rechteSeiteBoxRow1
							{ background-color: #515151 !important; }							
/* text
///////////////////////////////////////////////////////////*/
.grau					{ color:#666666; }
.highlight				{ background-color:#ffff00; }
.anzeige				{ font-size:9px !important; }



/* headers
///////////////////////////////////////////////////////////*/
h2						{ font-size:1.2em; font-weight:bold; }
h3						{ font-weight:bold; }
h4						{ font-size:1.2em !important; font-weight:bold; margin:0; padding: 5px 0px 8px 0px; }
h5						{ font-size:1.2em !important;; font-weight:bold !important;; }


/* links
///////////////////////////////////////////////////////////*/
#picPopupContainer a:link, a:visited, a:active
						{ color:#333333; text-decoration:underline; }
#picPopupContainer a:hover
						{ color:#333333; text-decoration:none; }

a.black:link 			{ color:#333333; text-decoration:none; }
a.black:visited 		{ color:#333333; text-decoration:none; }
/* hover zustand ist im dynamischen css teil definiert */
a.black:active 			{ color:#333333; text-decoration:none; }

a.subNavi:link 			{ color:#ffffff; }
a.subNavi:visited 		{ color:#ffffff; }
a.subNavi:hover 		{ color:#ffffff; text-decoration:none; }
a.subNavi:active		{ color:#ffffff; }

a.botlink:link 			{ color:#333333; font-size:0.9em; text-decoration:none; }
a.botlink:visited 		{ color:#333333; font-size:0.9em; text-decoration:none; }
a.botlink:hover 		{ color:#333333; font-size:0.9em; text-decoration:underline; }
a.botlink:active 		{ color:#333333; font-size:0.9em; text-decoration:none; }

a.workshop:link 		{ text-decoration:none; line-height:17px; }
a.workshop:visited 		{ text-decoration:none; line-height:17px; }
a.workshop:hover 		{ text-decoration:underline; line-height:17px; }
a.workshop:active 		{ text-decoration:none; line-height:17px; }

a.rowFull:link 			{ color:#ffffff; font-weight:bold; font-size:1.0em !important;}
a.rowFull:visited 		{ color:#ffffff; font-weight:bold; font-size:1.0em !important;}
a.rowFull:hover 		{ color:#ffffff; font-weight:bold; font-size:1.0em !important;}
a.rowFull:active		{ color:#ffffff; font-weight:bold; font-size:1.0em !important;}


/* container
///////////////////////////////////////////////////////////*/
#gerickePageContainer 	{ width:990px; margin:0 auto; }

#topBannerContainer		{ width:940px; height:5px; }
#rightBannerContainer	{ width:180px; padding-left:6px; float:left; text-align:center; }

#gerickeMainContainer 	{ width:800px; float:left; }
#topBorderContainer		{ background-color:#FFFFFF; width:780px; height:8px; line-height:8px; font-size:6px; margin-left:9px; }

#upperContainer			{ padding-left:290px; background-repeat:no-repeat;}
#upperSearch			{ width:165px; padding-left:45px; float:left; }
#upperSearch input		{ font-size:1.2em; font-weight:bold; }
#upperSitemap			{ width:61px; float:left; margin: 0px auto; padding-left:25px; padding: 0px 0px 20px 25px; vertical-align: top;}
#upperContact			{ width:61px; float:left; padding-left:10px; vertical-align: top;}
#upperEnFlag			{ width:34px; float:left; padding-left:19px; vertical-align: top;}
#upperDtFlag			{ width:34px; float:left; padding-left:2px;  vertical-align: top;}
#upperUeberschrift		{ width:400px; padding-top: 2px; float:left;  padding-left:270px; }
#upperUeberschrift	a	{ color:#333333;  font-size:2em; font-weight:bolder ; font-family: Arial; font-style:italic; text-decoration:none;}


#agLogo					{ padding-top: 8px;  padding-left: 11px; vertical-align: top; text-align: left; position: absolute;}

#upperUeberschrift2		{ float:left; padding-left:310px; vertical-align: top; margin-top: 17px; }
#upperUeberschrift2	a	{ float:left; color:#ffffff;  font-size:2em; font-weight:bolder ; font-family: Arial; font-style:italic; text-decoration:none;}

/* #clickstreamContainer { height:20px; } da der clickStream teilweise auch zweizeilig wird */
#clickstream			{ padding-left:8px; padding-top:3px; padding-bottom:3px; line-height:14px; }

#navContainer			{ margin:3px; margin-top:0;}
#subMagazin				{ background:top left repeat-x url(../images/sub-magazin-bg.gif); }
#subMarkt				{ background:top left repeat-x url(../images/sub-markt-bg.gif); }
#subMedia				{ background:top left repeat-x url(../images/sub-media-bg.gif); }
#subCommunity			{ background:top left repeat-x url(../images/sub-community-bg.gif); }
#subService				{ background:top left repeat-x url(../images/sub-service-bg.gif); }
#subShop				{ background:top left repeat-x url(../images/sub-shop-bg.gif); }

#contentLeftContainer	{ width:558px; background-color:#ffffff; float:left; overflow:hidden; }
#contentLeft			{ width:558px;}
#contentLeft *			{ font-size:11px;}


#contentRightContainer	{ width:200px; float:left; overflow:hidden; }
#contentRight			{ height:100%; margin-left:8px; color:#ffffff; }
#contentRightContainerExport { width:186px; height: 280px; float:left; overflow:hidden; margin: 0px; padding: 0px;}
#contentRightExport		{ height:100%; margin:0px; padding: 0px; color:#ffffff; }
#shadowRight			{ width:20px; background-image:url(../images/g_s4bg.gif); }

#contentRight a:link	{ color:#ffffff; text-decoration:underline; }
#contentRight a:visited	{ color:#ffffff; text-decoration:underline; }
#contentRight a:hover 	{ color:#ffffff; text-decoration:none; }
#contentRight a:active	{ color:#ffffff; text-decoration:underline; }

#botContainer			{ width:770px; margin:0 auto; }
#botLeft				{ width:40%; text-align:left; font-size:0.9em; color:#333333; float:left; }
#botRight				{ width:60%; text-align:right; font-size:1.0em; color:#333333; float:left; }

#overviewTable			{ width:100%; border:0; }
#overviewTable td		{ background:top left repeat-x url(../images/3d_table_bg.gif); height:28px; vertical-align:middle; border-right:1px solid #e2e2e2; }

#picPopupContainer		{ height:100%; width:100%; text-align:center; vertical-align:middle; }
#picPopupContainer img, img.bigBorder, div.bigBorder
						{ background-color:#ffffff; padding:1px; border:1px solid #cccccc; }
/* divs
///////////////////////////////////////////////////////////*/
div.subNaviMain			{ width:551px; height:26px; }
div.subNaviElement		{ float:left; padding-left:10px; padding-right:10px; }
div.subNaviElementMagazin		{ float:left; padding-left:5px; padding-right:5px; }

div.contentBox 			{ margin:4px; }
div.contentBoxHeadline 	{ height:20px; background:#ffffff repeat-x url(../images/hdlbg.gif); overflow:hidden; width:100%; }
div.contentBoxBorder	{ padding:1px; border:1px solid #cccccc; }
div.contentBoxBody		{ padding:0; border:0 solid #ffffff; overflow:hidden; width:100%; font-size:12px; line-height: 14px;} /* IE spinnt ohne border */
div.contentBoxBodyText	{ padding:6px; }
div.contentBoxBodyText  {font-size:12px; line-height: 14px;}
div.contentBoxBodyText li { padding-left:6px; }
div.hinweisMsgBox		{ width:98%; margin-top:13px; margin-bottom:13px; padding:5px; border:1px solid #ff3f0b; background-color:#ffebe6; }
div.hinweisBearbeitetBox { width:98%; margin-top:13px; margin-bottom:13px; padding:5px; background-color:#ffebe6; }

div.workshopBox			{ background:bottom left #e9eaed url(../images/workshop_box_bg.gif) repeat-x; padding:8px; }

div.contentBoxBodyTextInner  { font-size:10pt !important; line-height: 16px !important;  }
div.contentBoxBodyTextInner p { font-size:10pt !important; line-height: 16px !important;}
div.headerLine  		{ padding:6px; font-size: 16px !important; line-height: 18px; font-weight:bolder ;  }


/* community kalender
///////////////////////////////////////////////////////////*/

td.kalHeadTage			{ font-size:0.9em; color:#ff0000; text-align:center; }
td.kalTagBlog			{ font-size:0.9em; color:#ffffff; font-weight:bold; background-color:#ff9900; border-bottom:1px solid red; }
td.kalTage				{ font-size:0.9em; color:#000000; }
td.kalfeierTage			{ font-size:0.9em; color:#6f6f6f; }
a.white:link, a.white:active, a.white:visited
						{ font-size:1em; color:white; text-decoration:none; }
a.white:hover 			{ font-size:1em; color:white; text-decoration:underline; }
td.kalMonat				{ font-size:0.99em; color:#6f6f6f; font-weight:bold; }

/* mod_quickicon */

#cpanel {  text-align: center;  vertical-align: middle; }

#cpanel div.icon   { margin: 3px; text-align: center;  vertical-align: middle;}
#cpanel div.icon a { 
	display: block; float: left;
	height: 97px !important;
	height: 100px; 
	width: 108px !important;
	width: 110px; 
	vertical-align: middle; 
	text-align: center; 
	text-decoration : none;
	border: 1px solid #DDD;
	padding: 2px 5px 1px 5px;
}

#cpanel div.icon a:link    {  color : #808080;  }
#cpanel div.icon a:hover   { 
	color : #333; 
	background-color: #f1e8e6;  
	border: 1px solid #c24733;
	padding: 3px 4px 0px 6px; 
}
#cpanel div.icon a:active  {  color : #808080;  }
#cpanel div.icon a:visited {  color : #808080;  }

#cpanel div.icon img { margin-top: 13px; text-align: center;  vertical-align: middle;}
#cpanel div.icon span { display: block; padding-top: 3px; text-align: center;  vertical-align: middle;}

/* Head-Box */

h2.headBoxtitle  { 
									font-family: Arial !important; 
									position: relative !important;  
									color:#000000 !important; ;  
									font-size:17pt !important; 
									font-weight:bolder !important;
									font-family: Arial !important;
									text-decoration:none; 
									z-index:10 !important;}
h2.headBoxtitle a { 
									font-family: Arial !important; 
									position: relative !important;  
									color:#000000 !important; ;  
									font-size:17pt !important; 
									font-weight:bolder !important;
									font-family: Arial !important;
									text-decoration:none; 
									z-index:10 !important; }
									
h2.headBoxtitle h2.headBoxtitleShadow    { 
									font-family: Arial !important; 
									position: absolute !important; 
									top: -2px !important; 
									left: -2px !important;
									color: #ffffff !important;
									font-size:17pt !important; 
									font-weight:bolder !important;	
									z-index:10 !important;
 								 }
 								 
h2.headBoxsubtitle       { 
									font-family: Arial !important;
									position: relative; 
									cursor: pointer; 
									z-index:1; 
									color:#000000 !important; ; 
									font-size:13pt !important; 
									font-weight:bolder !important; 
									font-family: Arial !important; 
									text-decoration:none; 
									z-index:10 !important;
									}
									
h2.headBoxsubtitle h2.headBoxtitleShadow { 
									font-family: Arial !important; 
									position: absolute !important; 
									top: -2px !important; 			
									left: -2px !important; 
									color: #ffffff !important; 
									font-size:13pt !important;
									font-weight:bolder !important;
									width: 100%; 
									z-index:10 !important;
	 								 }
h2.headBoxsubtitle a   { 
									font-family: Arial !important; 
									text-decoration: none; 
									color: #000000; 
									font-size:13pt !important; 
									font-weight:bolder !important;
									z-index:10 !important; }
									
div.headBoxheadBox  	   { 
									font-family: Arial !important; 
									cursor: pointer; 
									z-index:1 !important;  
									vertical-align: top; 
									text-align: left;  
									width: 540px; 
									margin: 0px; 
									height: 230px; 
									overflow: hidden; 
									background-color: #ffffff;  
									border: 1px solid #ffffff;}