/*<![CDATA[*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet-Version:		Basic													   *
 * Version:					1.1													       *
 * Author:					re-lounge (http://www.re-lounge.com)					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/

body {
	font-family: Georgia,Times,serif; 
	width: 100%;
	margin: 0;
	padding: 0; 
	background: #D7E503;
	color: #3F4B56;
	font-size: 0.8em;
	line-height: 1.4em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *          		              													   *
 * Spezielle Aktionshintergründe              													   *
 * 					            													   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *		   */
body.afterwork {
	/*background: #D7E503 url(backgrounds/bg_schwaighofstr9.jpg) no-repeat 0 90px;	*/
	background: #D7E503 url(backgrounds/bg_kerzen.jpg) no-repeat 0 90px;	
}	

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *          		              													   *
 * Layout Container              													   *
 * 					            													   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *		   */

#pageContainer {
	margin: 0;	
	min-width: 775px;
	width: auto;
	width: 100%; /* 26.08.2008, necessary for Windows Mozilla Firefox 3 */
	/*z-index: 10;*/
	/*Deaktivieren nach Osteraktion */
	position: absolute; 
	top: 0; 
	left:0;
	z-index: 12;	
}

/*#flash-osterwiese {
	margin: 0;	
	min-width: 775px;
	width: auto;
	width: 100%; 
	position: absolute; 
	top: 0; 
	left:0;
	z-index: 11;	
}*/

#service {
	font-family: Tahoma, Arial, sans-serif;
	ffont-size: 0.85em;
	border-bottom: 0;
	padding: 0 0 0.4em 0;
	margin: 0;
	background: #fcfbfb url(icons/bg_leiste.gif) repeat-x bottom left;
}

#header {
	font-family: Tahoma, Arial, sans-serif;
	ffont-size: 0.85em;
	background-color: #FFFFFF;
	width: 100%;
	height: 70px;
}


/*FACEBOOK BOX BEGIN*/
#navAndFacebookBox{
	float: left;
	width: 22%;
	margin: 0 2% 0 2%;
	padding: 0;
	background-color: #FFFFFF;
	border: 0;
	
	line-height: 20px;
	line-height: 1.6em;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.85em;
}
#navigation #fanbox{
	margin-top: 15px;
	background: none;	
}
#fanbox .FB_SERVER_IFRAME{
	width: 100%;
	/*height: 100px;*/
	background-color: #d6e402;
	padding-top: 10px;
}

.fan_box
.full_widget 
.connect_top {
	border: none;
	background-color: #111111;
	float:left;
	padding-top:30px;
}
.metanavigation ul li{
	float:left;
}
.addthis_toolbox{
	float: left;
	margin-right: 10px;
}
.foot ul{
	float: left;
}
.footNavAddthis{
	height: 17px;
}
.footNavAddthis .addthis_toolbox{
	float: right;
}
/*FACEBOOK BOX END*/


/*for WIN IE 5 and for WIN IE 6*/
* html #navigation {
	width: 24%;
	margin-left: 1%;
	wid\th: 22%;
}

#content {
	float: left;
	width: 72%;
	max-width: 725px;
	max-width: 910px;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
}

* html #content {
	width: 70%;
	wid\th: 72%;
}

/******************************************************************************
 GENERAL ELEMENTS
******************************************************************************/
 
/* General
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1, h2, h3 {
	font-family: Georgia; 
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0 10px 6px 10px;
	padding: 0;
}

h2 {
	font-weight: normal;
	font-size: 1.25em;
}

h3 {
	font-weight: bold;
	font-size: 1em;
}

h3.subheadline {
	margin-top: 1em;
}

.bold {
	font-weight: bold;
}

p, span {
	padding: 0;
	margin: 0;
}

p {
	margin-bottom: 3px;
}

img {
	border: 0;	
	margin: 0;
	padding: 0;
}

img.border {
	border: 1px solid #D7E503;
}

img.borderGray {
	border: 1px solid #9FA5AA;
}

.hidden {
	position: absolute;
	top: -6000px;
	left: -6000px;
}

/* General: Anker definitions
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a {
	font-family: Georgia, Times, serif;
	color: #3F4B56;
	text-decoration: none;
	border-bottom: 1px solid #D7E503;
}

a.noborder {
	border: 0;
}

a.tahoma {
	font-family: Tahoma, Arial, sans-serif;
}

#topOfPage {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 1px;
	font-size: 1px;
	height: 0;
	margin: 0;
	padding: 0;
}

a.topOfPage img {
	margin: 0;
	padding: 0;
}

#content a.subDocActive {
 	font-weight:bold;
}

/******************************************************************************
 SERVICE CLASSES
******************************************************************************/
#service p {
	width: 98%;
	height: 100%;
	text-align: right;
	margin-bottom: 0;
}

#service a {
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
	border: 0;
}

#service ul {
	width: 98%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#service ul li {
	display: block;
	float: right;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#service ul li a:hover {
	background: none !important;	
}

#service div.antifloat {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
/******************************************************************************
 HEADER CLASSES
******************************************************************************/
#header a {
	text-decoration: none;
	border: 0;
}

/*Logo re-lounge*/
#header .logo {
	float: left;
	width: 24%;
	height: 70px;
	margin-left: 2%;
}

* html #header .logo {
	margin-left: 1%;
}

#header .logo img {
	margin-top: 15px;
}

/*Metanavigation*/
#header .metanavigation {
	float: left;
	width: 72%;
	height: 31px;
	padding: 39px 0 0 0;	
}

* html #header .metanavigation {
	height: 70px;
	hei\ght: 31px; 
}

#header .metanavigation ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
}

#header .metanavigation ul li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
	font-weight: bold;
}

#header .metanavigation ul li a {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
}

/******************************************************************************
 NAVIGATION CLASSES
******************************************************************************/

/*level 1*/
#navigation ul {
	list-style-type: none;
	margin: 6px 10px 10px 10px;
	padding: 0;
}

/*level 2*/
#navigation ul ul {
	list-style-type: none;
	margin: -2px 0 0 1px;
	padding: 0;
}

* html #navigation ul ul {
	margin-top: 2px;
	margin-bottom: -3px;
}

/*level 1 and 2*/
#navigation ul li, 
#navigation ul ul li  {
	font-weight: bold;
	display: block;	
	margin: 0 0 -2px 0;
	padding: 0 0 0 13px;
	text-indent: -13px;
	line-height: 1.85em;
}

* html #navigation ul li {
	margin: 0;
	padding: 3px 0 3px 13px;
}

*>html #navigation ul li {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

*>html #navigation ul ul li {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

/* IE 6*/
* html #navigation ul ul li {
	margin: 0;
	padding: 3px 0 2px 13px;
}

#navigation a {
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	border: 0;
}

#navigation a.active {
	font-weight: bold;
}

/******************************************************************************
 CONTENT Container
******************************************************************************/
#content .both  {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

#content .left, 
#content .right, 
#content .footer {
	width: 49%;
	margin: 0;
	padding: 0;
	border: 0px solid red;
	float: left;
}
#content .right  {
	float: right;
}

#content .footerLong {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 0 10px 0;
}

/******************************************************************************
 CONTENT classes
******************************************************************************/

#content .both div {
	background: #ffffff url(icons/bg_contentBox.gif) repeat-x top left;
	width: auto;
	margin: 10px 0 0 0;
	padding: 13px 0 3px 0;
	border: 0;
}

#content .flashStage div {
	background: #FFFFFF;
	width: auto;
	margin: 10px 0 0 0;
	padding: 1px;
	border: 0;
}

#content .both div p {
	margin: 0 10px 3px 10px;
}

#content .flashStage div p {
	margin: 0;
	text-align: center;
}

#content .right div, 
#content .left div,
#content .foot {
	background: #ffffff url(icons/bg_contentBox.gif) repeat-x top left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 12px 0 3px 0;
	border: 0;
}
#content .foot,
#content .footerLong {
	background: #ffffff;	
}
#content .left div.spacer,
#content .left div.spacer,
#content div.spacer,
div.spacer {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	background: #ffffff;
	color: #ffffff;
	margin: 0;
	padding: 0;	
	clear: both;	
}
#content .right div p,
#content .left div p {
	margin: 0 10px 3px 10px;
}
#content div.topOfPage p {
	padding-bottom: 0;	
}	
#content .footerLong p {
	padding: 0;
	margin: 0 10px 0 10px;
}

#content div.left div.smallLeft, 
#content div.left div.smallRight {
	width: 46.5%;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	background-color: #D7E503;	
}

#content div.left div.smallRight  {
	float: right;
}

#content div.left div.smallLeft div,
#content div.left div.smallRight div {
	background-color: #FFFFFF;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 0 3px 0;
}

#content div.foot {
	padding: 10px 0 10px 0;	
	ffont-size: 0.85em;
}
#content div.footerLong {
	ffont-size: 0.85em;
}
#content div.foot ul,
#content div.footerLong ul {
	margin: 0 0 0 10px;
	padding: 0;
}

#content div.foot ul li,
#content div.footerLong ul li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
}

#content div.foot a,
#content div.footerLong a {
	text-decoration: none;
	border: 0;
	font-family: Tahoma, Arial, sans-serif;	
	white-space: nowrap;	
}

#content div.topOfPage {
	background: #ffffff;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 7px;
	text-align: right;
	border: 0;
}

#content div.left div.smallLeft div.topOfPage,
#content div.left div.smallRight div.topOfPage {
	margin-top: 0;
	padding-top: 0;	
}

#content div.topOfPageUnderForm {
	background-color: #F9FBD9;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 7px;
	text-align: right;
	border: 0;
}

#content div.topOfPageUnderForm p {
	margin: 0 10px 0 10px;
}

#content div.topOfPage a,
#content div.topOfPageUnderForm a {
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;
}

#content .star {
	font-weight: bold;
}

#content div.antifloat {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

/******************************************************************************
 FORMULAR CLASSES
******************************************************************************/

/* RECOMMEND */

#content div.formular {
	width: 100%;
	background-color: #F9FBD9;
	margin: 10px 0 0 0;
	padding: 10px 0 3px 0;
}

#content div.formular p {
	margin: 0 10px 3px 10px;
}

#content div.formular form {
	margin: 20px 10px 3px 10px;
}

#content div.formular label {
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	width: 30%;
}

#content div.formular input,
#content div.formular textarea {
	float: left;
	margin: 5px 0 0 0;
	padding: 2px;
	width: 40%;
	text-align: left;
	border: 1px solid #D7E503;
	font-family: Georgia, Times, serif;
	font-size: 1em;
	color: #3F4B56;
}

#content div.formular input.checkbox {
	width: auto;
	border: 0;
}

#content div.formular input.submit {
	float: none;
	border: 0; 
	width: auto;
	border-style: solid;	/* Only Opera. */
	background-color: #F9FBD9; 
	text-align: left; 	
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: #3F4B56;
	cursor: pointer;
	margin: 4px 0 0 0;
	display: inline;
}

#content div.formular input.submit:hover {
	cursor: pointer;
}

#content div.formular img.formsubmit {
	margin-left: 30%;
}

#content div.formular .success,
#content div.success {
	border-left: 10px solid green;
	margin-top: 10px;
	margin-left: 10px;
	background: transparent;
}

#content div.formular .success h1,
#content div.success h1 {
	color: green;
	background: transparent;
}

#content div.formular .error,
#content div.error {
	border-left: 10px solid red;
	margin-top: 10px;
	margin-left: 10px;
	background: transparent;
}

#content div.error,
#content div.success {
	width: 90%;
	background: transparent;
}

#content div.formular .error h1,
#content div.error h1 {
	color: red;
	background: transparent;
}

/* E-MAIL-FORM */
#content form.standard {
	margin: 10px 0 10px 0;
}

#content form.standard label {
	margin: 10px 0 2px 10px;
	padding: 0;
	display: block;
	margin-top: 10px;
}

#content form.standard label.radio {
	display: inline;
	margin-left: 5px;
}

#content form.standard input,
#content form.standard textarea,
#content form.standard select {
	margin: 0 0 0 10px;
	padding: 2px;
	width: 90%;
	font-family: Georgia,Times,serif; 
	font-size: 1em;
	color: #3F4B56;
	display: inline;
	text-align: left;
}

#content form.standard input.hidden {
	display: none;
}

#content form.standard input.checkbox,
#content form.standard input.radio {
	width: auto;
}

#content form.standard input.submit {
	border: 0; 
	width: auto;
	border-style: solid;	/* Only Opera. */
	background-color: #FFFFFF; 
	text-align: left; 	
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: #3F4B56;
	cursor: pointer;
	margin: 8px 0 0 0;
}

#content form.standard img.formsubmit {
	margin-left: 10px;
}

* html #content form.standard img.formsubmit {
	padding-bottom: 0.2em;
}

#content form.standard input.submit:hover {
	cursor: pointer;
}

/* News-Archiv: Pager classes, List classes, Detail classes
 * Gallery-Pager
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.pager {
	border-top: 1px solid #9FA5AA;
	border-bottom: 1px solid #9FA5AA;
	font-family: Tahoma, Arial, sans-serif;
	padding: 5px 0 5px 1px;
	margin: 0 0 10px 0;
}

/*only the galery pager: */
#content div.both div p.pager {
	margin-top: 10px;
	margin-bottom: 10px;
}
 
.pager .inactive {
	color: #9FA5AA;
}

.pager a {
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
	border: 0;
}

.newsArchivList {
	font-family: Tahoma, Arial, sans-serif;
	margin: 10px 0 0 0;
	padding: 0;
}

.newsArchivList a {
	font-family: Tahoma, Arial, sans-serif;
}

/* News on home
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content div.newsOverviewHomeHead  {
	margin: 0 10px 0 0;
	padding: 0;
	width: auto;
	background: transparent;
}

#content div.newsOverviewHomeHead h1 {
	float: left; 
	display: inline;
	padding: 0;
	margin: 0 0 4px 10px;
}

#content div.newsOverviewHomeHead a {
	float: right; 
	line-height: 1.2em;
	padding: 0;
	margin: 0 10px 0 0;	
}

#content .newsOverviewHome {
	clear: both;
	font-family: Tahoma, Arial, sans-serif;
	margin: 0 0 3px 0;
	padding: 0;	
}

#content .newsOverviewHome a {
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.5em;
}

#content div.newsDetailHome {
	margin: 3px 0 10px 0; 
	padding: 0; 
	background: #ffffff;
}

/* Standard-Aufzählung und Standard-Nummerierung im Text
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content ul,
#content ol {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
}

#content ol {
	padding-left: 46px;
}

* html #content ol {
	padding-left: 8px;
}

#content ul li,
#content ol li {
	margin-bottom: 2px;
	line-height: 1.35em;
}

#content .footerLong ul li,
#content .foot ul li {
	
}

/* Sitemap
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content .sitemap h1 {
	margin-bottom: 3px;
}

* html #content .sitemap h1 {
	margin-bottom: 5px;
}

#content .sitemap ul {
	font-weight: bold;
	font-family: Tahoma, Arial, sans-serif;
	list-style-type: none;
	display: block;
	margin: 3px 0 0 0;
	padding: 0 10px 32px 10px;
}

* html #content .sitemap ul {
	margin-top: 1px;
}

#content .sitemap ul li {
	width: 12%;
	width: 15%;
	float: left;
	display: inline;
	margin: 0 1% 0 0;
	padding: 0 0 0 13px;
	text-indent: -13px;
}

#content .sitemap ul ul {
	font-weight: bold;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
}

#content .sitemap ul ul li {
	list-style-type: none;
	display: inline;
	width: 100%;
	margin: 1px 0 0 14px;
	padding: 0;
}

* html #content .sitemap ul ul li {
	margin: 0;
	padding: 3px 0 0 14px;
}

#content .sitemap a {
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
	border: 0;
	font-weight: normal;	
}

#content .sitemap ul ul li a {
	
}

#content .sitemap br {
	line-height: 5px;
}

/* References
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content div.references ul.referencesList {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#content div.references ul.referencesList li {
	font-family: Tahoma, Arial, sans-serif;
	margin: 0.2em 0 0.3em 0;
	padding: 0;
}

#content div.references ul.referencesList li a {
	font-family: Tahoma, Arial, sans-serif;
}


/* Subdocs / Abschnitte
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content p.subdocLink {
	margin-bottom: 3px;	
}

* html #content p.subdocLink {
	margin-bottom: 7px;	
}

#content p.subdocLink a {
	font-family: Tahoma, Arial, sans-serif;
}

#content div.subdocContent {
	margin: 0 0 10px 0;
	padding: 0;
	background: #FFFFFF;
}

/* Flash
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content object {
	margin: 0;
	padding: 0;
	margin-left: -2px;
}

/******************************************************************************
	GALLERY CLASSES
******************************************************************************/
#content div span.caption {
	display: block;
	margin-top: 3px;
	padding-bottom: 3px;
	font-family: Tahoma, Arial, sans-serif;	
}

#content div p span.caption a {
	font-family: Tahoma, Arial, sans-serif;	
}

a.close {
	font-family: Tahoma, Arial, sans-serif;	
	float: right;
	margin-right: 10px;
}

/*for images in content, without big picture or with it or with galery*/
#content div p.image {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*for images in content, without big picture or with it or with galery, but with text on the right hand*/
#content div p.leftTextRight {
	float: left; 
	margin-top: 3px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#content div p.leftTextRight img {
	margin-bottom: 0;
	padding-bottom: 0;
}

* html #content div p.leftTextRight {
	margin-left: 5px;
}

/******************************************************************************
	BIG PICTURE CLASSES
******************************************************************************/
img.bigPicture {
	margin-top: 10px;
}

/******************************************************************************
	Links allgemein: Mit hover und focus
******************************************************************************/
a:focus,
a:hover,
a:active
 {
	background-color: #D7E503;
}
/******************************************************************************
	Kundenlogos
******************************************************************************/
.logolist {
	background: #ffffff !important;	
	margin: 0 10px 0 0  !important;
	padding: 0!important;
	width: auto !important;
}
.kundenlogo {
	margin: 0 0 0 10px !important;
}
.kundenlogo img {
	border: 0;
}
.kundenlogo a {
	border: 0;
}
.kundenlogo a:hover {
	background: none;
}

/*]]*/