/*	-------------------------------------------------------------
	www.sauna-deisl.com
	Gunkel_Consulting
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Standard Style
	Filename:		main.css
	Version:		1.1
	Date:			Mar 27, 2007
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Standard Style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
	
	/* css-document */
    /* MISC: =Lists
    ----------------------------------------------- 
    *  Header
    * Structure
    * Nav 
    * Search
    * Headings
    * Lists
    * Forms
    * Links
    * Misc
	* Baustelle
	* Tagcloud
	* Filemodul
	* Dates
*/



/*Farben
	weiss #fff
	schwarz #000
	rot #ff4040 Melone
	blau #9fbbdf
	grau #111, #222, #333, #444
	schwarzbraun #473828
	silber #ddd, #ccc
*/

/*---------Global------------------*/

/*{margin: 0;padding: 0;}*/


body {
	text-align: center;
	/*background:#ffffff url(background-lines.jpg)  scroll center top;*/
	background-color: #c4bfbf;
	color:#333333;
	font-family:"Lucida Sans Unicode",tahoma,verdana,arial,sans-serif;
	font-size:100.01%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	text-align:center;
	}


/*--------Ueberschriften und Text-----------*/
h1,h2,h3,h4,h5,h6 {font-family: "Trebuchet MS", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif; text-align:left;}

h2 {
margin: 25px 15px 3px 0px;
/*padding: 8px 0;*/
font-size: 130%;
font-weight: lighter;
color: #584530;
/*border-top: 2px solid #9fbbdf;*/
border-bottom: 1px solid #ddd; ;
}

h2 span.subline {

/*background:transparent url(css_images/back_h2.gif) no-repeat scroll 0pt 50%;*/
display:block;
font-size:55%;
line-height:1em;
margin:3px 0px 5px 0px;
/*padding-left:15px;*/
border-bottom: 0px ;
}

h3 {border-bottom: 1px solid #C93825; margin: 20px 0px 10px 0px; font-size: 120%;}
h4 {margin: 0px 0px 0px 0px; text-decoration: underline;}
h5, h6 {margin: 0px 0px 0px 0px; font-size: 100%; font-weight: bold; }

p, blockquote {margin: 10px 0px;font-size: 76%;text-align:left;}
.teaserh1{font-size:120%;}

#content p
{
	margin: 0px;
	font-size: 75%; /*war mal 75%*/
	text-align:left;
}


#content td
{
	margin: 0px;
	font-size: 75%; /*war mal 75%*/
	text-align:left;
}
#content td p, #content td td, #content td td td
{
	margin: 5px 0 0 0;
	font-size: 100%; /*war mal 75%*/
	text-align:left;
}
#content h3 {border-bottom: 1px solid #C93825; margin: 20px 0px 6px 0px; font-size: 130%;}

blockquote {
	margin: 10px 15px;
	padding-left: 25px;
	padding-bottom: 5px;
	background: #ddd url(quotes-01.gif) no-repeat;
	font-style: oblique;
	
}



ul { list-style-type: none; margin:10px; }
ul li { text-align:left;/*background:#FFFFFF url(list_01.gif) no-repeat scroll 0pt 50%;	margin:5px 0pt; padding-left:10px;*/  }
	
/************************************************
** Links
************************************************/	
	

a {color: #cd3729; text-decoration : underline; }
A:Visited	{color: #333333; text-decoration : underline;}
A:Active	{color: #cd3729; text-decoration : underline;}
A:Hover	    {color :#cd3729; text-decoration : underline; }



/************************************************
** teaser 1
************************************************/

/* teaser im Mittelbereich dps_showteaser1.cfm   */
#teaser_1 {		/*font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 100%;
/*	line-height: 1.4em;
	font-weight: normal;
	color: #D6D3CE;*/text-align:left;
	background-color: #eee;
	position:relative;
	visibility: visible;
	z-index: 1;
	width: 468px;}
	
	
#teaser_1 h3 {
border-bottom: 1px solid #ddd;
margin-top: 0px;
font-size: 120%;text-align:left;
	color: #cd3729; 
	padding-left: 10px;background-color: #000000;
}

#teaserbody {margin: 10px 10px 0px 10px;font-size: 76%;text-align:left;
/*	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;*/
/*line-height: 1.4em;	*/}

#teaser_1 ul {
list-style-type:none; 
margin:10px;list-style-image: url(list_01.gif)
}

#teaser_1 ul li {
	/*background:#FFFFFF url(list_01.gif) no-repeat scroll 0pt 50%;*/
	/*	margin:5px 0pt;
	padding-left:10px;*/
	text-align:left;
}

#teaser_1 img {border:1px solid #AAAAAA;
max-width:95%;
padding:3px;}

.fr {
float:left;
margin:0em 1em 0pt 0pt ;
}

.container{
 border-left: solid 1px #e6e8d3;
 border-right: solid 1px #c9cab8;
 border-top: solid 1px #e6e8d3;
 border-bottom: solid 1px #c9cab8;
 color: #6b6e4b;
 background-color: #f8f9f3;
 padding: 10px;
}





/************************************************
** header
************************************************/

#header {background: transparent url(/img/header_deisl.jpg) no-repeat top left; height: 177px; width: 900px;}
#header h1 {display: none;}
#header h2 {display: none;}

/************************************************
** header2
************************************************/

#header2 {background: transparent url(/img/header_deisl2.jpg) no-repeat top left; height: 177px; width: 900px;}
#header2 h1 {display: none;}
#header2 h2 {display: none;}

/************************************************
** header3
************************************************/

#header3 {background: transparent url(/img/header_deisl3.jpg) no-repeat top left; height: 177px; width: 900px;}
#header3 h1 {display: none;}
#header3 h2 {display: none;}

/************************************************
** header Kontakt
************************************************/
#headerpost{background: transparent url(/img/header_sauna_post.jpg) no-repeat top left; height: 177px; width: 900px;}
#headerpost h1 {display: none;}
#headerpost h2 {display: none;}


/************************************************
** Search
************************************************/

#search fieldset
{
	border:none;
	width:170px;
	float:left;
	margin: 10px 0 0 0px;
}
html* #search fieldset {margin:10px;}
#search fieldset label {
	float:left;
	clear:both;
	width:50px;
	font-size: 90%;
}
#search fieldset input
{
	float:left;
	width:75px;
	height:16px;
	border: 1px solid #CD3729;
	padding:0px;
	margin:0px;
}
#search fieldset #go
{
	height:18px;
	width:18px;
	border: none;
	margin-left:2px;
}
/******************************************************************************
** TagCloud
******************************************************************************/

#tagCloudHeader 
{
	font-size:80%;
	margin:0 0 10px 10px;
}

#tagCloud 
{
	font-size:90%;
	margin:0 10px 10px 10px;
	padding:10px;
	border:dotted 1px #CD3729;
	line-height: 1em;
}
#tagCloud .size1 { font-size: 70%;}
#tagCloud .size2 { font-size: 80%;}
#tagCloud .size3 { font-size: 90%;}
#tagCloud .size4 { font-size: 100%;}
#tagCloud .size5 { font-size: 110%;} 
/*#tagCloud .size6 { font-size: 120%; } */


/***********************************************
** Finder (Sie sind hier)
***********************************************/

#positionfinder {
	text-align: left;
	width: 445px;
	height: 18px;
	font-size: 11px;
	float:left;
	top: 178px;
	position: relative;
}
/***********************************************
** Quermenue
***********************************************/

/** html #quermenue {
	left: 142px;
	top: 160px;
	width: 445px;
} /*IE*/
#quermenue {
	text-align: right;
	background-color: #cd3729;
	width: 437px;
	height: 27px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	float:right;
	top: 160px;
	position:relative;
	margin: 0px 10px 0px 0px;
} /*FF*/

#quermenue  ul {position:relative; padding:0; margin:0% 2% 0% 0%; }
#quermenue ul li {display:inline; margin:0 1px;}
#quermenue  li {padding:2px 2px;}
#quermenue a {padding: 2px 0 2px 0; voice-family: "\"}\""; voice-family: inherit; text-align:center; }

#quermenue a.topmenueselected, #quermenue a.topmenueselected:active, #quermenue a.topmenueselected:visited, #quermenue a.topmenueselected:hover  {
	color: #2e2e2e;
	text-decoration : none;
	border-bottom: none;
/*	background: #B81621;
	background-color: #FFFF00;*/
}

#quermenue a.topmenue {color: #FFFFFF; text-decoration : none; border-bottom: none;}
#quermenue a.topmenue:visited {color: #FFFFFF; text-decoration : none; border-bottom: none}
#quermenue a.topmenue:hover {color: #FFFFFF; text-decoration : none; border-bottom: none; color: #2e2e2e; }


/************************************************
** alternatives topmenü
************************************************/

#quermenue2 { width: 100px; padding-top: 0px; margin-left: 760px; text-align: center; /*background-color: #cd3729;*/ }
#quermenue2 ul {margin: 0; padding: 0; list-style-type: none; }
#quermenue2 li {font-family: Helvetica, sans-serif; font-size: 90%; line-height: 120%; margin: 0 0 3px 0; padding: 0; /*background-color: #ffffff;*/}
#quermenue2 a {display: block; padding: 2px 0 2px 0; border: 1px solid #fed488; width: 100px; voice-family: "\"}\""; voice-family: inherit; width: 98px; } 
#quermenue2 a:link, #quermenue2 a:visited {color: #fed488; text-decoration: none; }
#quermenue2 a:hover {border: 1px solid #fed488; background-color: #fed488; color: #333; }

/****************************************************************
** quermenue 4
****************************************************************/

#stylefour{position:relative;display:block;height:39px;font-size:11px;
font-weight:bold;background:transparent url(bgOFF.gif) repeat-x top left;	z-index: 4;
font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #B30000;
	
}

#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}

#stylefour ul li{display:block;float:left;margin:0;}

#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;
padding:11px 20px 0 20px;height:23px;
background:transparent url(bgDIVIDER.gif) no-repeat top right;}

#stylefour ul li a:hover,#stylefour ul li a.current{color:#B30000;
background:#fff url(bgON.gif) no-repeat top left;}

/****************************************************************
** Hauptnavigation
****************************************************************/
div#leftmenue ul {
	list-style: none;
	padding: .15em;
	font-size: 76%;
	margin: 10px 0px 0px 10px;
}

	div#leftmenue ul li {
		border-bottom: 2px dotted #f3796E;
		margin: 0px;
		padding:0px;
	}

	div#leftmenue ul li a {
		display: block;
		padding: .1em;
		color: #ffffff;
		text-decoration: none;
	}
	
	div#leftmenue ul li a:hover {
		background-color: #DD7C60;
		color: #464646;
	}
	
	div#leftmenue ul li a.aktuell{
		color: #2e2e2e;
	}
	
	div#leftmenue ul li a.aktuell:hover{
		background-color: #DD7C60;

	}
	
		div#leftmenue ul li ul {
			list-style:disc;
			font-size: 0.9em;
			padding: 0;
			margin:0px 0px 5px 10px;
		}

			div#leftmenue ul li ul li{
				display: inline;
				border-bottom: none;
			}

			div#leftmenue ul li ul li a{
				display: block;
				padding: .1em .1em .1em .1em;
				font-weight: normal;
				color: #ffffff;
				text-decoration: none;
			}
	
			div#leftmenue ul li ul li a:hover {
				background-color: #DD7C60;
			}
	
			div#leftmenue ul li ul li a.aktuell{
				background-color: #DD7C60;
				color: #464646;
			}
	
			div#leftmenue ul li ul li a.aktuell:hover{
				background-color: #DD7C60;
			}
			
				div#leftmenue ul li ul li ul li{
					display: inline;
					border-bottom: none;
				}

				div#leftmenue ul li ul li ul li a {
					display: block;
					padding: .1em .1em .1em 1em;
					font-weight: normal;
					color: #ffffff;
					text-decoration: none;
				}

/******************************************************************************
** LOGIN-BEREICH
******************************************************************************/

#login {
	margin: 25px 0 0 0px;
	font-size: 80%;
	color:#ffffff;
}

html* #login
{
	margin: 25px 0 0 10px;
}

#login fieldset {
	border:none;
	display:block;
	clear:both;
	margin-bottom: 5px;
	width: 136px;
	font-size:90%;
	text-align:left;	
}

#login fieldset label {
	float:left;
	clear:both;
	display:block;
	width:44px;
}

#login fieldset input{
	color:#ffffff;
	float:left;
	display:block;
	border: 1px solid #e56152;
	background:#BA3129;
	margin-bottom:4px;
	padding:0px;
	height: 14px;
	font-size: 100%;
}

#login fieldset #Password {width: 65px;}
#login fieldset #UserName {width: 85px;}
#login fieldset #go  {width: 16px; height:16px; margin:0 0 0 4px; padding:0;border:none;}

#login a {color: #ffffff; text-decoration : none; text-align:left;margin-left:10px;font-size:90%;}
html* #login a{margin:0px;}
#login A:Visited	{color: #2e2e2e; text-decoration : none;}
#login A:Active	{color: #2e2e2e; text-decoration : none;}
#login A:Hover	    {color :#2e2e2e; text-decoration : underline; }


/******************************************************************************
** ALTERNATIVER LOGIN-BEREICH
******************************************************************************/

#login2 {
	text-align: left;
	background-color: #e0e0e0;
	width: 468px;
	font-size: 76%;
	padding: 1px;
	margin-bottom:10px;
}
#login2 form {margin:0px;}
#login2 ul {position:relative; padding:0; margin:0% 0% 0% 1%; }
#login2 ul li {display:inline; margin:0 0 0 1px;}
/*#login2  li {padding:1px 1px;}*/
#login2 ul li label {vertical-align:middle;}
#login2 #Password {width: 50px; height:17px; vertical-align:middle;}
#login2 #UserName {width: 50px; height:17px; vertical-align:middle;}
#login2 #go  {width: 16px; height:17px; border:none; vertical-align:middle; }

#login2 a {color: #990000; text-decoration : none; text-align:left;}
#login2 A:Visited	{color: #990000; text-decoration : none;}
#login2 A:Active	{color: #990000; text-decoration : none;}
#login2 A:Hover	    {color :#990000; text-decoration : underline; }

/**********************************************************************
** CONTACT PRO
**********************************************************************/

#contactpro {}
#contactpro .error {border: 1px solid #FE0000;}
#contactpro table {}
#contactpro td { font-size: 90%; text-align:left; /*background-color: #eeeeee;*/ }
#contactpro input, #contactpro textarea { color:#666666; font-size:11px; border: 1px solid #959996;  padding-left: 2px; letter-spacing: 0px; margin-left: 0px; }
#contactpro #Nachricht  {width: 302px; height: 80px;}
#contactpro #vorname    {width: 140px; }
#contactpro #name       {width: 148px; }
#contactpro #Firma      {width: 295px; }
#contactpro #Strasse    {width: 295px; }
#contactpro #PPLZ       {width:  64px; }
#contactpro #Postfach   {width: 224px; }
#contactpro #PLZ        {width:  64px; }
#contactpro #Ort        {width: 224px; }
#contactpro #Land       {width: 302px; font-size:11px;}
#contactpro #Bundesland {width: 302px; font-size:11px;}
#contactpro #Branche    {width: 302px; font-size:11px;}
#contactpro #Mail       {width: 295px; }
#contactpro #Telefon    {width: 295px; }
#contactpro #Telefax    {width: 295px; }
#contactpro #birthday   {width: 295px; }
#contactpro #absenden 	{border: none;}
.star {	color: #cd3729; }
.zwang {color: #cd3729;}
#contactpro input.noborder {border:none;padding:0;margin:0;}
/******************************************************************************
** FUNCTIONALITY FOOTER (drucken bokmarken versenden)
******************************************************************************/

#functionalityfooter {
	text-align: center;
	background-color: #e5e5e5;
	width: 513px;
	font-size: 76%;
	padding: 1px;
	margin-top: 10px;
}
#functionalityfooter ul {position:relative; padding:0; margin:0; }
#functionalityfooter ul li {display:inline; margin:0 5px 0 5px; }

#functionalityfooter a {color: #990000; text-decoration : none; }
#functionalityfooter A:Visited	{color: #990000; text-decoration : none;}
#functionalityfooter A:Active	{color: #990000; text-decoration : none;}
#functionalityfooter A:Hover	    {color :#990000; text-decoration : underline; }

/******************************************************************************
** DISCLAIMER
******************************************************************************/

#disclaimer {font-size: 76%;
	background-color: #9c9898;
	width: 900px;
	padding: 0px;
	text-align:center;
}

#disclaimer ul {position:relative; padding:0; margin:0; }
#disclaimer ul li {display:inline; margin:0 5px 0 5px; }

#disclaimer a {color: #990000; text-decoration : none; }
#disclaimer A:Visited	{color: #990000; text-decoration : none;}
#disclaimer A:Active	{color: #990000; text-decoration : none;}
#disclaimer A:Hover	    {color :#990000; text-decoration : underline; }

/*****************************************************************************
** Rechte Spalte
*****************************************************************************/
#sidebarright {
 width: 199px;
 margin: 0 5px 0px 0px;
 padding: 4px;
 display: inline; /* IE Hack */
 min-height: 300px;
}

#sidebarright h3 {border-bottom: 1px solid #C93825; margin: 20px 0px 10px 10px; font-size: 80%;}
#sidebarright ul { list-style-type: none; margin: 0 0 0 10px; padding:0; font-size: 80%;}
#sidebarright ul li { text-align:left;/*background:#FFFFFF url(list_01.gif) no-repeat scroll 0pt 50%;	margin:5px 0pt; padding-left:10px;*/  font-size: 80%;}
#sidebarright table { margin:10px ; font-size: 70%; text-align:left;}
#sidebarright table td.bold { font-weight:bold;}
#sidebarright p {margin: 5px 10px;font-size: 76%;text-align:left;}

/*****************************************************************************
** Listen
*****************************************************************************/
	ul.morelinks {
		clear: both;
		font-size: 12px;
		margin: 0;
		padding:0;
		list-style: none;
	}
	
		ul.morelinks a {
			background-color: #f0f0f0;
			display: block;
			padding: 2px 3px;
			font-weight: bold;
			border-bottom: 2px solid #fff;
		}
/******************************************************************************
** BAUSTELLENSEITE
******************************************************************************/

#baustelle {
	margin:150px auto; 
	font-size: 76%;
	color: #ffffff;
	display:block;
	Width: 500px;
	text-align:left;
}

#baustelleimg {float:left;margin:0;}

#baustelle #baustellelogin fieldset {
	border:none;
	display:block;
	width: 180px;
	/*margin-top: 270px;*/
}

#baustelle #baustellelogin fieldset label {
	float:left;
	clear:both;
	display:block;
	width:54px;
	color:#D41F26;
	font-size:100%;
	text-align:left;
}

#baustelle #baustellelogin fieldset input{
	float:left;
	display:block;
	border: 1px solid #D41F26;
	background:#D41F26;
	margin-bottom:4px;
	padding:1px;
	height: 16px;
	font-size: 80%;
	color:#fff;
}

#baustelle #baustellelogin fieldset #Password {width: 100px;}
#baustelle #baustellelogin fieldset #UserName {width: 120px;}
#baustelle #baustellelogin fieldset #go  {width: 16px; border:none; margin:0 0 0 4px; padding:0;}		

/******************************************************************************
** TagCloud
******************************************************************************/

#tagCloudHeader 
{
	font-size:80%;
	margin:0 0 10px 10px;
}

#tagCloud 
{
	font-size:90%;
	float:left;
	margin:0 0 0 10px;
	padding:10px;
	border:dotted 1px #CD3729;
	line-height: 1em;
}
#tagCloud .size1 { font-size: 70%;}
#tagCloud .size2 { font-size: 80%;}
#tagCloud .size3 { font-size: 90%;}
#tagCloud .size4 { font-size: 100%;}
#tagCloud .size5 { font-size: 110%;} 
/*#tagCloud .size6 { font-size: 120%; } */

/******************************************************************************
** FILEMODUL
******************************************************************************/
#FileModul{
	font-size:76%;
}
#FileModul #fileList, #FileModul #uploadfile{
	width:97%;
	float:left;
	margin-top:2px;
	padding:5px;
	display:inline;
	background:white;
	border:1px solid #6d6c6c;
}

#FileModul #fileList a, #FileModul #fileList a:visited, #FileModul #fileList a:link, #FileModul #fileList a:active{
	color:black;
	border-bottom:0px;
	width:60%;
}
#FileModul .date{
	font-size: 7.5pt;
	color:rgb(153,153,153);
}
#FileModul .file {
	margin-top:2px;
	margin-bottom:2px;
	margin-left:16px;
}
#FileModul .directory span, .file span {
	display:block;
	height:20px;
	position:relative;
}
#FileModul .mark {
	position:absolute;
	top:4px;
	left:17px;
	cursor:pointer;
}
#FileModul .delete {
	position:absolute;
	top:3px;
	left:73%;
}
#FileModul .rename{
	position:absolute;
	top:3px;
	left:77%;
}
#FileModul .icon {
	position:absolute;
	top:0;
	left:38px;
	cursor:default;
}
#FileModul .link {
	display:block;
	position:absolute;
	top:2px;
	left:60px;
	z-index:99;
	color:rgb(34,34,34);
	cursor:pointer;
	background-color:white; 
}
#FileModul .date {
	position:absolute !important;
	top:4px;
	z-index:20;
	left:82%;
}
#FileModul .handle {
	width:auto;
}
#FileModul .selected, #FileModul .selected .link {
background:#F0F0F0 none repeat scroll 0% !important;
}
/*Liste ausgewählter Datein zum Upload*/
#FileModul #files_list_upload {border:1px solid #FE0000;color:#FE0000;font-weight:bold;}
#FileModul #files_list {border:1px solid #F0F0F0;}
#FileModul #files_list #file {width:98%;}
#FileModul #files_list #delete {margin-left:10px;}

#FileModul input{
	border: 1px solid #6d6c6c;
	background:#CCCACA;
	margin-bottom:4px;
	padding:1px;
	height: 16px;
	font-size: 100%;
	line-height:1em;
}
/******************************************************************************
** DATES
******************************************************************************/
#dates table {
	font-family: Verdana, Arial, Sans-serif;
	padding: 0;
	border: 1px solid #666666;
	color : black;
	background-color : white;
	margin:0 0 10px 0;
	width:100%;
}

#dates table TH {
	border: 1px solid #cccccc;
	padding : 5px;
	margin : 0;
	white-space: nowrap;
	background-color : #eeeeee;
	font-size: 80%;
}

#dates table TH.th1 {width:14%;}
#dates table TH.th2 {width:14%;}
#dates table TH.th3 {width:42%;}
#dates table TH.th4 {width:30%;}

#dates table TD {
	padding: 5px;
	border-width: 0 1px 0 0;
	margin: 0;
	border-collapse: collapse;
	border-color : #eeeeee;
	border-style : solid;
	font-size: 80%;
}
#dates table TR.shademouseover {
	background-color : #efefef;
}
#dates table TR.out {
	background-color : none;
}
#dates p.month {font-weight:bold;font-size:90%;margin-left:0;}

.clear {padding:0; margin:0; clear:both; line-height:0px; font-size:0px;}