/* ------------------------- */
/*   2014 m.schmitz fxfish   */
/* ------------------------- */
/*   build: 06/2014          */
/*   changes: -              */
/*                           */
/* ------------------------- */


/* basics ************************************************************************************** */ 

body {
	background: #fafafa;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif, Helvetica, Tahoma, Arial;							/* FONT ! */
	font-size: 13.5px !important;
	line-height:21px;
	color: #444;
}

/* ---------------------------------------- Navigationen: */

/* Normal-Navigation */
a {
	color: #444;
	text-decoration: none;
}
a:hover {
	color: #5ec5e8;
	text-decoration: none;
}
a:active {
	color: #444;
	text-decoration: underline;
}

/* links headnavg active */
a.linkheadnavg:link { 
	color: #5ec5e8;
	text-decoration: none;
}
a.linkheadnavg:hover { 
	color: #444;
	text-decoration: none;
}
a.linkheadnavg:visited { 
	color: #5ec5e8;
	text-decoration: none;
}
a.linkheadnavg:active { 
	color: #5ec5e8;
	text-decoration: none;
}

/* links auf blau */
a.linkblue:link { 
	color: #ffffff;
	text-decoration: underline;
}
a.linkblue:hover { 
	color: #ffffff;
	text-decoration: underline;
}
a.linkblue:visited { 
	color: #ffffff;
	text-decoration: none;
}
a.linkblue:active { 
	color: #ffffff;
	text-decoration: underline;
}

/* ---------------------------------------- Ueberschriften: */

h1 {
	font-size: 20px;
	font-weight: bold;
	line-height:41px;
	margin: 3px 0px;
}
h2 {
	font-size: 17px;
	font-weight: bold;
	line-height: normal;
	color: #5ec5e8;
	margin: 0px 0px;
}
h3 {										/* einruecker */
	font-size: 13.5px !important;
	font-weight: normal;
	line-height: normal;
	margin: 0px 0px 0px 470px;			/* o-r-u-l */
}
h4 {
	font-weight: bold;
	line-height: normal;
	color: #5ec5e8;
	margin: -8px auto 4px;				/* o-rl-u */
}


.stdschrift {
	font-family: 'Open Sans', sans-serif, Helvetica, Tahoma, Arial;							/* FONT ! */
	font-size: 13.5px !important;
	line-height:21px;
	color: #444;
}

/* Aufbau ************************************************************************************** */

#master {								/* <<<<<<<< Aussenbegrenzung, Schatten etc. */
	width:750px; 
	margin: 0px auto 0px auto;			/* o-r-u-l */
	padding: 0px 0px 0px 0px;			/* o-r-u-l  		##:Abstand INNEN rl=0  <<<<< */
	height: 100%;	
	background:#fff;
	bottom: 0px; 
	-webkit-box-shadow: 0px 5px 10px #bbb; /* webkit browser*/ 
	   -moz-box-shadow: 0px 5px 10px #bbb; /* firefox */ 
	        box-shadow: 0px 5px 10px #bbb;
	z-index:80;
}


/* Kopfbereich ************************************************************************************** */

#head {									/* gesamt */
	width:750px;
	height: 210px;
	background: #ffffff;
	margin: 0px auto 0px;				/* o-rl-u */
	z-index:110;
}
#logo {									/* logo */
	width:434px;
	height: 160px;
	z-index:112;
	left:30px;
	top:22px;
	position:relative;
}
#topnavg {								/* kopfnavigation */
	z-index:114;
	left:350px;
	top:2px;
	width:450px;
	position:relative;	
	font-size: 13px !important;
}


/* Contents ************************************************************************************** */

#content_1 {									/* mit Randabstand */
	width:690px;
	padding: 0px 30px 0px 30px;				/* o-r-u-l */
	z-index:120;
	background: #ebebeb;
}
#content_2 {									/* ohne Randabstand */
	width:750px;
	padding: 0px 0px 0px 0px;				/* o-r-u-l */
	z-index:220;
	background: #ebebeb;
}

#content_620 {								/* mit Randabstand */
	width:620px;
	padding: 0px 0px 0px 0px;				/* o-r-u-l */
}
#content_470 {									/* mit Randabstand */
	width:470px;
	padding: 0px 0px 0px 0px;				/* o-r-u-l */
}
#content_400 {									/* mit Randabstand */
	width:400px;
	padding: 0px 0px 0px 0px;				/* o-r-u-l */
}

#contenttrenner_blau {
	width:690px;
	height:20px;
	margin: 0px 0px 0px 0px;				/* o-r-u-l */
	padding: 12px 30px 12px 30px;
	z-index:124;
	background: #5ec5e8;
	font-size: 15px;
	color: #fff;
}

#content_adresse {
	background-image: url(../images_main/bg_whiteblue.png);
	width:690px;
	/*height:250px;*/
	padding: 20px 30px 0px 30px;			/* o-r-u-l */
	font-size: 12px;
	line-height:18px;
	z-index:133;
}

#contenttrenner_gutscheine {
	width:690px;
	height:25px;
	margin: 0px 0px 0px 0px;				/* o-r-u-l */
	padding: 14px 30px 12px 30px;
	z-index:124;
	background: #5ec5e8;
	font-size: 18px;
	color: #fff;
	z-index:191;
}

#content_gutschein {
	width:750px;
	height:295px;
	background-image: url(../images_main/gutschein_pict.jpg);
	margin: 0px 0px 0px 0px;				/* o-r-u-l */
	padding: 0px 0px 0px 0px;
	z-index:192;

}

/* 2 Spalten für SubNavg (bottom) */
#container_2sp { margin: 0px; width: 690px; }
#container_2sp_left 		{ float: left; width: 305px; padding: 20px 0px 0px 0px; }
#container_2sp_right 	{ float: left; width: 385px; padding: 0px; }    
/* |
/* |
   end @ all			*/
.clr { clear: both; }
	


/* done. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* memo:
 # text		444444	444
 # grau		777777	777
 # blau		5ec5e8
*/