/* www.promofashion.ch
	created by Stämpfli Publikationen AG (c)2008
	Februar 2009 / ust
*/

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

/* Wird benötigt um in Gecko-basierenden Browsern immer eine Scrollbar anzuzeigen START */
#gecko_scrollbar {
 display: none;
}

html>body #gecko_scrollbar {
 position: absolute;
 z-index: 1;
 bottom: -1px;
 left: 0;
 width: 1px;
 height: 1px;
 display: block;
 font-size: 0;
}
/* Wird benötigt um in Gecko-basierenden Browsern immer eine Scrollbar anzuzeigen ENDE */

body {
	background-color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	overflow: auto;
	/*border-top: solid 5px #00A8DE;*/
}

h1 {
	font-size: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h2, h3, h4, h5, h6 {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 15px;
}

p {padding-top: 15px;}

hr {
	border: 0px; /* Für Firefox und Opera */
 	border-top: solid 1px #bbdbed;
 	border-bottom: solid 1px #FFFFFF;
}

/* IDs */
#wrapperout {
	background-image: url(../images/layout/bg_site.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	text-align:left;
	width:996px;
	margin:0 auto;
}

#footer_out {
	width: 990px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	color: #999999;
}

#wrapper {
	width: 940px;
	margin: 0 auto;
	background: url(../images/layout/icons_background.png) no-repeat;
}

#header {
	background-color: #00adef;
	width: 940px;
	height: 70px;
	border-bottom: solid 10px #fff;
	border-top: solid 10px #fff;
	vertical-align: top;
}

.headerlogo {
	height: 70px
	width: 344px;
	float: left;	
}

.headeraddress1, .headeraddress2 {
	height: 70px
	width: 1px;
	padding-top: 10px;
	float: left;
	color: #fff;
	line-height: 17px;
}

.headeraddress1 {
	margin-left: 200px;
	width: 215px;	
}

.headeraddress2 {
	width: 160px;	
}

#header a, #header a:hover {
	color: #fff;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

#mainnavi {
	width: 940px;
	height: 50px;
	background-color: #00A8DE;
	text-transform: uppercase;
}

#breadcrumb {
	width: 700px;
	padding-left: 200px;
	padding-top: 20px;
}

#wraperoutfooter {
	background-image: url(../images/layout/bg_site_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 40px;
	border-bottom: 20px solid #fff;
}

#subnavi, #subnavi_none {
	float: left;
	list-style: none;
	width: 180px;
	margin-top: 20px;
	border-top: solid 1px #999999;
	background-color: #fff;
}

#subnavi_none {	
	border-top: none;
	text-decoration: none;
}

#subnavi_none a {	
	color: #000000;
}
#subnavi_none a:hover {	
	color: #000000;
	text-decoration: none;
}

#subnavi_none img {
	margin-bottom: 10px;
	border: solid 1px #ececec;
}

#subnavi_none .cat {
	margin-bottom: 15px;
}

#content {
	float: left;
	width: 460px;
	margin-top: 20px;
	padding: 0 20px;
}

#content_wide {
	float: left;
	width: 740px;
	margin-top: 13px;
	padding: 0 0 20px 20px;
}

#content div.print a, #content div.print a:hover,
#content_wide div.print a, #content_wide div.print a:hover {
	background: url(../images/layout/icon_print.gif) no-repeat;
	height:12px;
	width:13px;
	float:left;
	margin-top:30px;
	}

#content div.top a, #content div.top a:hover,
#content_wide div.top a, #content_wide div.top a:hover	{
	background: url(../images/layout/icon_top.gif) no-repeat;
	height:12px;
	width:12px;
	float:left;
	margin-left:11px;
	margin-top:30px;
	}

#newspromo {
	/*margin-left: 720px;*/
	float: right;
	width: 220px;
	margin-top: 20px;
}

/* Klassen */

.h1_sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #999999;
}

.inputfield{
	background-color: #ecebe8;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 3px;
}

.inputbutton{
	background-color: #ecebe8;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px;
	border-color: #6a6a6a;
	border-style: solid;
}


#servicenavi a, #servicenavi a:hover {
	font-size: 12px;
	color:#000000;
	text-decoration: none;
}

#servicenavi a:hover {
	text-decoration: underline;
}

#breadcrumb a, #breadcrumb a:hover {
	color:#000000;
	text-decoration: underline;
}

#breadcrumb a:hover {
	text-decoration: none;
}

#content a, #content a:hover,
#content_wide a, #content_wide a:hover {
	color: #000000;
	text-decoration: underline;
}

#content a:hover, #content_wide a:hover {
	text-decoration: none;
}

#mainnavi a, #mainnavi a:hover {
	float: left;
	text-align: left;
	padding: 15px 20px 15px 10px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
}

#mainnavi a:hover {
	color: #000;
}

#mainnavi a.aktiv, #mainnavi a.aktiv:hover {
	float: left;
	text-align: left;
	padding: 15px 20px 15px 10px;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
}

#subnavi .li_normal, #subnavi .li_normal:hover, #subnavi .li_aktiv {
	background-image: url(../images/layout/gradient_navigation.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 5px 10px;
	border-bottom: solid 1px #999999;
}

#subnavi .li_normal:hover, #subnavi .li_aktiv, #subnavi .li_aktiv:hover {
	background-image: none;
	background-color: #00A8DE;
	color: #ffffff;
}

#subnavi .li_normal a, #subnavi .li_normal a:hover {
	display: block;
	color: #000000;
	text-decoration: none;
}

#subnavi .li_aktiv a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#subnavi .li_normal a:hover, #subnavi .li_aktiv a:hover {
   display: block;
	color: #ffffff;
}

#newspromo .newsbox a, #newspromo .newsbox a:hover {
	text-decoration: underline;
	color: #000000;
}

#newspromo .newsbox a:hover {
	text-decoration: none;
}

#content_wide .article_wide_around {
	width: 700px; 
	padding-top: 50px;
}

#content_wide .article_wide_around .article {
	float: left;
	width: 400px;
}

#content_wide .article_wide_around .imgbox_around {
	float: right;
	width: 280px;
	padding-left: 20px;
}

#content_wide .article_wide_around .imgbox_around .imgbox {	
	width: 280px;	
	text-align: center;
}

#content_wide .article_wide_around .imgbox_around .legendbox {
	width: 280px;
	padding-top: 5px;
	text-align: left;
	font-size: 10px;
	color: #999999;
	font-style: italic;
}

#newspromo .newsbox, #newspromo .promobox {
	background-image: url(../images/layout/gradient_box.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #dedec7;
	width: 200px;
	padding: 5px 10px 10px 10px;
	border-bottom: solid 10px #ffffff;
}

.outfootertext {
	height: 25px;
	width: 940px;
	margin: 0 auto;
	background-color: #00A8DE;
	color: #fff;
	text-align: center;
	font-size: 15px;
	padding-top: 10px;
}

#footer_out a, #footer_out a:hover {
	color: #999999;
	text-decoration: none;
}

.footertext {
	float: left;
	width: 250px;
	/*padding-left: 100px;*/
	padding-top: 3px;	
}

.footerimages {
	
}

.forward, .back {
	padding-left: 5px;
	padding-top: 15px;
}

.clr {
	clear: both;
}