/*------------------------------------------------------------------------------------------------------*/
/*** Browser Reset ***/
/*------------------------------------------------------------------------------------------------------*/
option { padding-left: 0.4em }

* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

/* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
/* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html { height: 100%; margin-bottom: 1px; }
body {
	/* (en) Standard values for colors and text alignment */
	/* (de) Vorgabe der Standardfarben und Textausrichtung */ 
	text-align: left; 
	background: #E6E6E6 url("../image/layout/body.png") left top repeat-x;
	}
	
/*------------------------------------------------------------------------------------------------------*/
/***  Basis Layout ***/
/*------------------------------------------------------------------------------------------------------*/
/* 
* |-------------------------------|
* | #header                       |
* |-------------------------------|
* | #top_nav                      |
* |-------------------------------|
* |      #breadcr.      |         |
* |---------------------|         |
* |                     |         |
* |     #main           | #right  |
* |    flexible         | 200px   |
* |                     |         |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
* */
#wrapper {
	position: relative;
	margin: 40px auto 50px;      		/* standardkonforme horizontale Zentrierung */
	width: 1100px;
	border: 0px red solid;
	background: url("..") top center no-repeat;
	}	
#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 215px;
	background: url("../image/layout/head-.png") bottom center no-repeat;
	}			
#navigation { 
	position: absolute; 
	bottom: 1px; 
	left: 8px;
	width: 375px;
	background: none;;
	z-index: 2;
	}
#sub_navigation {
	position: absolute; 
	top: 14px; 
	right: 20px;
	text-align: right;
	z-index: 2; 
	}	
#breadcrumb {
	position: relative;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0;
	background: #D3D3D3 url("..") top center no-repeat;
	z-index: 1;
	display: none;
	}
#main { 
	overflow: hidden;
	margin: 0;
	padding: 5px 10px;
	background: url("../image/layout/main.png") top center repeat-y;
	}
#left_area { 
	position:relative;
	width: auto; 
	margin: 0 280px 0 0; 	
	}		
#right_area { 
	position:relative;
	float: right;
	width: 280px;
	}	
#right_area_content, #left_area_content { overflow: hidden; }
#footer {
	position:relative;
	height: 50px;
	color: grey;
	line-height: 40px;
	margin: 0; 
	padding: 0 30px;
	background: url("../image/layout/footer.png") top center no-repeat;
	}	
/* (en) Backup for correct positioning */
/* (de) Absicherung korrekte Positionierung */
#header, #main, #footer { clear:both; }

/*------------------------------*/
/* clearing methods */
.clear { clear: both; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
	}
.clearfix { display: block }
.floatbox { overflow:hidden }
#ie_clearing { display: none } 


/*------------------------------------------------------------------------------------------------------*/
/***  Content Style ***/
/*------------------------------------------------------------------------------------------------------*/
body { font: 10pt Verdana,Sans-Serif; }

/*------------------------------*/
/* Überschriften */ 
/*------------------------------*/
h1 {	font-size: 150%; }  							
h2 {	font-size: 150%; 	padding: 0 0 0.2em 0;	border-bottom: 1px solid #555; }  						
h3 {	font-size: 115%;	text-decoration: underline; }  						
h4 {	font-size: 105%;	text-decoration: underline;	font-style: italic; }  							
h5 {	font-size: 105%; }  							
h6 {	font-size: 105%;	font-style: italic; }

h1,h2,h3,h4,h5,h6 { color: #555; margin: 1em 0; }
#header h1 { text-indent: -9999px; }
.legende h3 { color: #B2B2B2; text-decoration: underline; }

/*------------------------------*/
/*  Inhalt */ 
/*------------------------------*/
p 				{	line-height: 1.3em; margin: 0 0 1em 0;}  				
form 			{ margin: 0 }
a img 			{ border: 0 }
a[rel=pdf]		{ padding: 0 0 0 20px; background: url("../image/sys/filetypes/pdf.png") left center no-repeat}
a[rel=email]	{ padding: 0 0 0 20px; background: url("../image/sys/icon_mail.png") left center no-repeat}

.center				{ text-align: center; }
.right				{ text-align: right; }
.float_right		{ float: right;}
.float_right img	{ margin: 0 0 0.5em 0.5em;}

/* Text - Stil */
.italic                 {       font-style: italic;             }
.oblique                {       font-style: oblique;    }

/* Text - Gewicht */
.bold                   {       font-weight: bold;              }
.bolder                 {       font-weight: bolder;    }
.lighter                {       font-weight: lighter;   }

/* Text - Dekoration */
.underline              {       text-decoration: underline;             }
.overline               {       text-decoration: overline;              }
.line-through   {       text-decoration: line-through;  }
.blink                  {       text-decoration: blink;         }

/* Text - Ausrichtung */
.align_center   {       text-align: center;     }
.align_left             {       text-align: left;       }
.align_right    {       text-align: right;      }
.align_justify  {       text-align: justify;    }
.align_tab              {       margin-left: 2em;       }

/* Text - Transformation */
.capitalize             {       text-transform: capitalize;     }
.uppercase              {       text-transform: uppercase;      }
.lowercase              {       text-transform: lowercase;      }

/* Text - Farbe */
.red                    {       color: red;             }
.blue                   {       color: blue;    }
.yellow                 {       color: yellow;  }
.light-gray             {       color: #B5B5B5; }
.gray                   {       color: #979797; }
.dark-gray              {       color: #646464; }

/* Text - Farbe */
.small                  {       font-size: 90%;         }
.smaller                {       font-size: 80%;         }
.big                    {       font-size: 110%;        }
.bigger                 {       font-size: 120%;        }

/* Text - Varianten */
.small_caps             {       font-variant: small-caps        }

/* Text - Ausrichtung */
.center { text-align: center; }
.right  { text-align: right; }

/* Text - Auszeichnungen */
em                              {       }
strong                  {       }
code                    {       }
samp                    {       }
var                             {       }
cite                    {       }
dfn                             {       }
abbr                    {       }
q                               {       }

/*  Listen */
ul 					{ list-style: none; padding: 0 0 0 20px; }
ul li 				{ padding: 0 0 0 15px; background: url("../image/layout/style/arrow_black.png") center left no-repeat; }
#AGB ul 	 		{ padding: 0 0 0 10px; }
#AGB ul li 		{ background: none }
#AGB ul li ul  	{ margin: 0 0 1em 0; }
#AGB ul li ul li	{ list-style: bullet ; padding: 0 0 0 5px; }
#AGB address	  	{ margin: 0 0 0 3em; }

/* Tabellen */
table 				{ margin: 0 0 1em 0; font-size: 8pt; border-collapse: collapse; }
table thead th		{ background: #B5B5B5; border-top: 1px solid grey; border-bottom:1px solid grey; padding: 0.3em; }
th, td				{ padding: 0.3em 0.5em; vertical-align: top;}
table tr.white		{ background: #F1F1F1 }
table tr.grey		{ background: #D4D4D4 }
table td.Name		{ width: 175px; }
table td.Nachname	{ width: 110px; }
table td.Vorname	{ width: 90px; }
table td.Strasse	{ width: 210px; }
table td.Ort		{ width: 175px; }
table td.Icon		{ width: 16px; }

/* Formulare */
input, textarea, select 	{ font: 8pt Verdana,Sans-Serif; }
input[type=text][readonly]	{ background: #E5E5E5; color: #BFBFBF}
input.error					{ border: 1px solid red; background: #FFB6B2; }

/* Trenner */
.divider 			{ height: 0px; border-bottom: 1px solid #B5B5B5; margin: 1.2em 0; }
.divider-hint 		{ height: 0px; border-bottom: 1px solid #B5B5B5; margin: 1.5em 0 1em; }

.mind { color: #8B8B8B; font-size: 0.8em; font-style: italic; }

/* Hide all special mobile things... */
#mobile_sub_navigation		{ display: none; }
.mobile_hint_portrait		{ display: none; }

/*------------------------------*/
/*  Navigation */ 
/*------------------------------*/
#navigation ul 				{ margin: 0; border: 0 none; padding: 0; width: 775px; list-style: none; height: 30px;	z-index: 10; }
#navigation ul li			{ margin: 0; border: 0 none; padding: 0; float: left;  display: inline; list-style: none; position: relative; height: 30px; background: url("../image/layout/buttons/nav.png") top left no-repeat; }
#navigation ul a			{ padding: 0; float: none !important; float: left; display: block; color: #6A6A6A; font: bold 9pt/31px Verdana, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; height: auto !important; width: 140px; height: 1%; }
#navigation ul a:hover,
#navigation ul li:hover a 	{ line-height: 30px; background-position: 0 0; color: #555; }
#navigation ul li.active 	{ background: url("../image/layout/buttons/nav.png") 0 -30px no-repeat; }
#navigation ul li.active a	{ line-height: 30px; color: #555; }

/*------------------------------*/
/*  Sub-Navigation */
/*------------------------------*/
#sub_navigation 		{ color: white;	font-size: 8pt;	}  
#sub_navigation ul 		{ margin: 0; padding: 0; }
#sub_navigation ul li	{ margin: 0; padding: 0; float: left;  display: inline; list-style: none; position: relative; border-right: 1px solid white; background: none;}
#sub_navigation ul li:last-child { border:none; }
#sub_navigation ul li a	{ padding: 0 1em; color: white; }

/*------------------------------*/
/*  Runde Boxen */
/*------------------------------*/
.box_content 			{ overflow: hidden; padding: 0 20px 25px;	}	
.box_grey_l_o			{ background: url("../image/layout/container/box_grey_l_o.png") top left no-repeat; }
.box_grey_l_u			{ background: url("../image/layout/container/box_grey_l_u.png") bottom left no-repeat; }
.box_grey_r_o			{ background: url("../image/layout/container/box_grey_r_o.png") top right no-repeat; }
.box_grey_r_u			{ background: url("../image/layout/container/box_grey_r_u.png") bottom right no-repeat; }
.box_grey_shadow_l_o	{ background: url("../image/layout/container/box_grey+shadow_l_o.png") top left no-repeat; }
.box_grey_shadow_l_u	{ background: url("../image/layout/container/box_grey+shadow_l_u.png") bottom left no-repeat; }
.box_grey_shadow_r_o	{ background: url("../image/layout/container/box_grey+shadow_r_o.png") top right no-repeat; }
.box_grey_shadow_r_u	{ background: url("../image/layout/container/box_grey+shadow_r_u.png") bottom right no-repeat; }
.box_white_shadow_l_o	{ background: url("../image/layout/container/box_white+shadow_l_o.png") top left no-repeat; }
.box_white_shadow_l_u	{ background: url("../image/layout/container/box_white+shadow_l_u.png") bottom left no-repeat; }
.box_white_shadow_r_o	{ background: url("../image/layout/container/box_white+shadow_r_o.png") top right no-repeat; }
.box_white_shadow_r_u	{ background: url("../image/layout/container/box_white+shadow_r_u.png") bottom right no-repeat; }

/*------------------------------*/
/* Views */
/*------------------------------*/
.Buttonbar { padding: 0.5em; background: #B5B5B5; border-top: 1px solid grey; }

/* EventManager */
#EventManager table.EventList 	{ width: 100% }
#EventManager .EventNr			{ width: 30px; }
#EventManager .EventName		{ width: 190px; }
#EventManager .EventStatus		{ width: 60px; vertical-align: top; }
#EventManager .hint				{ font-size: 8pt; margin: 0 0 0 1em; color: #B2B2B2; }
#EventManager .accept			{ text-align: right; background: transparent url("../image/sys/order_status_0.png") center 0.3em no-repeat}
#EventManager .accept span		{  padding-right: 0.6em }
#EventManager table tfoot td	{ background: #B5B5B5;	border-top:2px solid grey; padding: 0.5em 1.5em; } 

/* UserManager */
#UserManager table.UserList		{ width: 100% }
#UserManager table tfoot td		{ background: #B5B5B5; border-top:2px solid grey; padding:0 1.5em 0.5em; }

/* Galerie */
#Galerie div.galerie_container		{ float: left; margin: 0 5px 5px 0;	padding: 5px 1px; text-align: center; width: 115px; height: 105px; background: #d9d9d9;	border: 1px solid #bbb; }	
#Galerie div.galerie_container img	{ border: 3px solid white; }
#Galerie div.galerie_container p	{ font-size: 0.7em ; color: #999; line-height: 2em; margin: 5px 0 0 0; border-top: 1px solid #bbb; }
#Galerie_1, #Galerie_2 				{ overflow: hidden; padding: 0 8px 10px;}

/* Impressum */
#AGB { font-size: 0.7em; color: #444}

/*------------------------------*/
/* Module */
/*------------------------------*/
/* Überschriften */
.modul h2			{ font-size: 1em; }
.modul h3			{ font-size: 1em; }

/* Text */
#news.modul p					{ font-size: 0.8em; }

/* Login */
#login table td		{ font-size: 8pt; padding: 0.2em 0.3em; }
#login ul a			{ font-size: 0.8em; }

/* SiteStat */
#sitestat h2			{ font-size: 130%; margin: 0 0 0.75em 0; text-decoration: underline; border: none; }
#sitestat table			{ width: 100%; margin: 0 0 0.5em 0; }
#sitestat table td		{ vertical-align: top; }
#sitestat, 
#sitestat table, 
#sitestat a				{ font-size: 7pt; }
#sitestat a, 
#sitestat a:visited		{ color: #4f4f4f; text-decoration: none; }
#sitestat a:hover		{ text-decoration: underline; }
#sitestat .referer		{ color: grey; font-style: italic; overflow: hidden; }
#sitestat .referer a, 
#sitestat .referer a:visited { color: grey; }

#StatistikGesamt			{ position:relative; float: right; width: 140px; padding: 5px; border: 1px dotted grey; background: #e3e3e3; }
#StatistikZugriff, 
#StatistikAktuell			{ position:relative; width: auto; margin: 0 160px 0 0; padding: 5px; border: 1px dotted grey; overflow: hidden; background: #e3e3e3; }
#StatistikZugriff			{ padding: 5px ; border: 1px dotted grey; }
#StatistikZugriff table		{ font-size: 5pt; margin: 0 auto; }
#StatistikZugriff table td	{ padding: 0 0.1em; vertical-align: bottom; text-align: center; }

#sitestat .ip 				{ width: 100px; }
#sitestat .user 			{ width: 55px; }
#sitestat .browser, 
#sitestat .platform 		{ width: 16px; }
#sitestat .icon 			{  }
#sitestat span.grey.smal	{ font-size: 0.9em; }
#sitestat span.grey			{ color: #333333; }

span.time { margin: 0 1em 0 0; color: #4f4f4f; font-size: 7pt;}

/*------------------------------*/
/* Status-Information */
/*------------------------------*/

#statusinformation		{ position: fixed; top: 0px;	left: 0px; right: 0px; z-index: 10; }
#statusinformation p	{ margin: 0; }

.StatusInfo_Hinweis,
.StatusInfo_Tada, 
.StatusInfo_Achtung, 
.StatusInfo_Fehler,
.StatusInfo_DEBUG			{ padding: 0 60px; line-height: 54px; border-bottom: 1px solid black; }
.StatusInfo_Hinweis			{ background: #FFFAA9 url('../image/sys/statusinfo/info.png') left center no-repeat; }
.StatusInfo_Tada			{ background: #B9FFA9 url('../image/sys/statusinfo/success.png') left center no-repeat; }
.StatusInfo_Achtung			{ background: #FFE2A5 url('../image/sys/statusinfo/warning.png') left center no-repeat; }
.StatusInfo_Fehler			{ background: #FFA0A0 url('../image/sys/statusinfo/error.png') left center no-repeat; }
.StatusInfo_DEBUG			{ background: red url('../image/sys/statusinfo/debug.png') left center no-repeat; }
.msg_success, .msg_error	{ margin: 1em 10em; padding: 1em 1em 1em 5em; }
.msg_success				{ background: #B9FFA9 url('../image/sys/statusinfo/success.png') left center no-repeat; border: 2px solid #006B0A; }
.msg_error					{ background: #FFA0A0 url('../image/sys/statusinfo/error.png') left center no-repeat; border: 2px solid #DB0000; }
.td-error					{ color: red; }