/* *****   ein schickes stylesheet fuer WAERME+DESIGN           **********
   *****   hier die styles fuer die normale ansicht             **********
   *****   fuer browser > netscape4                             **********
*/


/* ***** die farben: *****************************************************
weiss          #fff;
hellgrau       #e6e6e6;
rot            #af0e23;
schwarz        #000;
*/


/* ***** debug ***********************************************************

div									{ border: 1px solid black; }
body								{ background: url(../images/_vorlage.jpg) no-repeat; } */
.debug								{ border: 1px solid black; }


/* ***** uebergreifendes ... *********************************************
*/
html								{ }
body								{
	padding: 0;
	margin: 30px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #f6f8fd;
	font-size: 81%;
	text-align: center;
	line-height: 120%;
	background-repeat: repeat-x;
	background-color: #f6f8fd;
}
#mantel								{
	margin: 0 auto;
	padding: 0;
	width: 1035px;
	text-align: left;
	height: auto;
}
#mantelPad							{ margin: 0; padding: 7px 0 40px 40px; background: #f6f8fd; border: 1px solid #eee; border-bottom-color: #d1d1d1; border-right-color: #d1d1d1; }


/* ***** global positioning **************** ( via MT3.1 => sixapart.com ) 
*/
#oben								{ height: 30px; }
#links								{ float: left; width: 250px; overflow: hidden; }
#mitte								{ float: left; width: 650px; overflow: hidden; }
#mitte_movie						{ float: left; width: 500px; overflow: hidden; }
.clear								{ clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ }
.hrule								{
	clear: both; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */
	width: 620px;
	padding-bottom: 10px;
}


/* ***** global padding **************************************************
*/
#obenPad							{ margin: 0; padding: 0; text-align: left; }
#linksPad							{ margin: 0; padding: 0; text-align: left; }
#mittePad							{ margin: 0; padding: 0; text-align: left; }


/* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au )
*/
#navigation							{ width: 185px; margin: 0; padding: 0; }
#navigation ul						{
	list-style-type: none;
	font-size: 1em;
	line-height: 130%;
	margin: 2px 0 0 0;
	padding: 0;
}
#navigation ul a					{ width: 99%; display: block; padding: 4px 0 3px 27px; margin: 0; color: #111; text-decoration: none; border: 1px solid white; border-right-color: #CBCBCB; border-bottom-color: #CBCBCB; }
#navigation ul a:hover,
#navigation ul a:focus				{ background: #af0e23; color: white; /* border-color: #ebc3c9; */ }
/* zweite ebene: */
#navigation ul ul					{ margin: 0; }
#navigation ul ul a					{ background: #f1f0f0; }
#navigation ul ul a:hover,
#navigation ul ul a:focus			{ background: #f1f0f0; color: #af0e23; }
/* navi ausgewaehlt: */
#navigation ul a.navAktiv			{ background: #af0e23; color: white; border-color: #ebc3c9; }
#navigation ul ul a.navAktiv		{ background: #f1f0f0; color: #af0e23; border: 1px solid white; border-right-color: #CBCBCB; border-bottom-color: #CBCBCB; }
a.navAktiv:hover					{ cursor: default; } 


/* ***** diverses ********************************************************
*/
#oben #logo							{ margin: 0; padding: 0; float: left; width: 250px; }
#oben #logo img						{ margin: 0; padding: 10px 0 0 4px; }
#oben #header						{ margin: 0; padding: 0; float: left; width: 650px; }
#oben #headerNavi					{ margin: 0; padding: 0; text-align: right; }
#home #headerNaviHome				{ display: none; }
#oben #headerLine					{ margin: 0; padding: 0; text-align: left; }
#oben #headerLine_2					{
	margin: 0;
	text-align: left;
	padding-top: 20px;
}
#oben #header p						{ margin: 0; padding: 0; color: #666; font-size: 0.7em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
#oben #header a						{ margin: 0; padding: 0; color: #666; text-decoration: none; }
#oben #header a:hover				{ color: #333; text-decoration: underline; }

#oben h1							{ color: #666; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; font-size: 1.6em; font-family: Helvetica, Arial, sans-serif; line-height: 150%; padding: 25px 0 0 0; margin: 0; }
#oben h2							{ color: #666; text-transform: uppercase; letter-spacing: 0px; font-weight: bold; font-size: 1em; font-family: Helvetica, Arial, sans-serif; line-height: 150%; padding: 3px 0 0 27px; margin: 0; }

#content							{ }
#content h2							{ color: #333; font-weight: bold; font-size: 1.4em; font-family: Helvetica, Arial, sans-serif; line-height: 140%; padding: 20px 0 6px 0; margin: 0; }
#content h3							{
	color: #333;
	font-weight: bold;
	font-size: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 140%;
	padding: 20px 0 6px 0;
	margin: 0;
}
#content h4							{ color: #333; font-weight: bold; font-size: 1.1em; font-family: Helvetica, Arial, sans-serif; line-height: 140%; padding: 2px 0 2px 0; margin: 0; }

#content p							{
	color: #333;
	font-size: 1em;
	line-height: 150%;
	padding: 6px 16px 6px 0;
	margin: 0;
}
#content ul,
#content ol							{ padding: 6px 20px 6px 40px; margin: 0; line-height: 140%; }
#content li							{ padding: 1px 0; margin: 0; }
#content p a,
#content td a,
#content ul a,
#content ol a 						{ }
#content p a:hover,
#content p a:focus,
#content td a:hover,
#content td a:focus			 		{ text-decoration: none; }
#content ul a:hover,
#content ul a:focus,
#content ol a:hover,
#content ol a:focus					{ }

#content img						{
	padding: 0;
	margin: 0 0 10px 0;
}
#content p img						{ padding: 0; margin: 6px 8px; }

#content p.linkButton 				{ font-size: 0.9em; }
#content p.linkButton a				{ text-decoration: none; color: #111; border: 1px solid white; margin: 0; padding: 0 34px 0 12px; background: url(img_standards/btn_pfeil_rechts.gif) center right repeat-y; }
#content p.linkButton a:hover		{ text-decoration: underline; }

/* galerie */
.galerie							{
	margin: 0;
	padding: 0;
	background: #ccc;
	width: 650px;
	height: 360px;
}
.galerie_nunnauuni							{
	margin: 0;
	padding: 0;
	background: #ccc;
	width: 650px;
	height: 400px;
}
.galerie_nunnauuni2							{
	margin: 0;
	padding: 0;
	width: 650px;
	height: 360px;
	background-color: #FFFFFF;
}
.galerie_nunnauuni3							{
	margin: 0;
	padding: 0;
	width: 650px;
	height: 330px;
	background-color: #FFFFFF;
}
.galerie_grau							{
	margin: 0;
	padding: 0;
	background: #e6e6e6;
	width: 650px;
	height: 360px;
}
.galerie_black							{
	margin: 0;
	padding: 0;
	width: 650px;
	height: 400px;
	background-color: #e6e6e6;
}
.galerieGross						{ float: left; width: 405px; }
.galerieGross_2						{ float: left; width: 470px; }
.galerieThumbs						{
	float: right;
	width: 240px;
	padding: 8px 2px 0 0;
	height: 320px;
}

.galerieThumbs_footer						{
	float: left;
	width: 240px;
	padding: 3px 2px 0 0;
}

.galerie_mes1					{
	float: right;
	width: 180px;
	background-image: url(img_Kaminoefen/messina/parabol_re.jpg);
	background-repeat: no-repeat;
	height: 375px;
	padding-top: 25px;
}
.galerie_mes2					{
	float: right;
	width: 180px;
	background-image: url(img_Kaminoefen/messina/Phobos_re.jpg);
	background-repeat: no-repeat;
	height: 375px;
	padding-top: 25px;
}
.galerie_mes3					{
	float: right;
	width: 180px;
	background-image: url(img_Kaminoefen/messina/io_re.jpg);
	background-repeat: no-repeat;
	height: 375px;
	padding-top: 25px;
}
#content .galerieGross img			{ padding: 0; margin: 0; }
#content .galerieThumbs img			{ float: left; padding: 2px 3px 3px 2px; margin: 0; }

/* contentspalten */


.Liste						{
	float: left;
	width: 630px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	height: 125px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.Liste_img						{
	float: left;
	height: 110px;
	width: 100px;
	padding-bottom: 15px;
}

.Liste_left						{
	float: left;
	width: 320px;
	font-size: 0.9em;
	line-height: 10px;
	margin-left: 30px;
}
.Liste_vorteil						{
	float: left;
	width: 155px;
	text-align: center;
}
.Liste_right						{
	float: left;
	width: 155px;
	margin-top: 25px;
	border: thin solid #af0e23;
	height: 50px;
}
.Liste_preis						{
	float: left;
	width: 155px;
	background-color: #af0e23;
	text-align: center;
	font-size: 1.2em;
	height: 20px;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding-top: 5px;
}
.tx_Beschreibung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding-top: 0px;
	padding-left: 30px;
	color: #FFFFFF;
	line-height: 6px;
	text-align: left;
}

.Liste_head								{
	font-weight: bold;
	font-size: 1.3em;
}

.Liste_fusszeile					{
	float: left;
	width: 630px;
	height: 60px;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* nunnauuni5 */


.imagebox_left_1row								{
	font-weight: bold;
	font-size: 1.3em;
	float: left;
	height: auto;
	width: 300px;
	padding-left: 25px;
	padding-top: 30px;
}

.imagebox_right_1row							{
	font-weight: bold;
	font-size: 1.3em;
	float: right;
	height: auto;
	width: 300px;
	padding-top: 30px;
	padding-right: 15px;
}

.imagebox_left								{
	font-weight: bold;
	font-size: 1.3em;
	float: left;
	height: auto;
	width: 300px;
	padding-left: 25px;
	padding-top: 20px;
}

.imagebox_right								{
	font-weight: bold;
	font-size: 1.3em;
	float: right;
	height: auto;
	width: 300px;
	padding-top: 20px;
	padding-right: 15px;
}

#imagebox_mitte							{
	float: left;
	width: 650px;
	overflow: hidden;
	background-image: url(img_angebote/nunnauuni10/bg_Display.jpg);
	background-repeat: no-repeat;
	height: 1130px;
	padding-top: 480px;
}

.contentSpalte_imp						{
	float: left;
	width: 500px;
	padding-bottom: 30px;
}

.contentSpalte						{ float: left; width: 325px; padding-bottom: 30px; }
.contentSpalteschmal				{
	float: left;
	width: 214px;
	padding-bottom: 15px;
}

.contentSpalteschmal_top				{
	float: left;
	width: 214px;
	padding-bottom: 30px;
	height: auto;
}
.contentSpalteschmal_btm				{
	float: left;
	width: 214px;
	padding-bottom: 0px;
	height: 250px;
}

.contentLinksBreit					{ float: left; width: 405px; padding-bottom: 30px; }
.contentLinksBreit_2				{
	float: left;
	width: 470px;
	padding-bottom: 30px;
}
.contentRechtsSchmal				{
	float: left;
	width: 240px;
	padding-bottom: 30px;
	font-size: 0.9em;
}
.contentRechtsSchmal_2				{
	float: left;
	width: 180px;
	height: 30px;
}
.contentRechtsSchmal_3				{
	float: left;
	width: 180px;
	padding-bottom: 30px;
}
#content .contentSpalte img			{ padding: 0; margin: 0 0 10px 0; }

.tx_optionen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333333;
}


/* ***** standards *******************************************************
*/
small								{ font-size: small; }
.links								{ float: left; }
.rechts								{ float: right; }
.b									{ font-weight: bold; }
.i									{ font-style: italic; }
.caps								{ text-transform: uppercase; }


/* ***** formulare *******************************************************
*/
form								{ display: inline; } /* fuer IE, um umbruch zu vermeiden */
input,
textarea							{ padding: 1px 2px; color: #333; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  }
textarea							{ width: 270px;  height: 120px; }


/* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de )
69%, 76%, 86%, 93%, 101%
*/


/* ***** 24-06-2008 martin niggemann, www.weltrettung.org ****************
*/
