/* --------------------------------------------------------------- */
/*                                                                 */
/*    HAUPT CSS-DATEI                                              */
/*    Koller Internet GmbH, www.kollerinternet.ch                  */
/*                                                                 */
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* --- FARBEN ---------------------------------------------------- */
/* --------------------------------------------------------------- */
/*
	FARBE 1:	#990000
	FARBE 2:	#009900
	FARBE 3:	#000099
*/

/* --------------------------------------------------------------- */
/* --- HTML TAGS ------------------------------------------------- */
/* --------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body > html {
	height: 100%;
}

body {
	text-align: center;	
	background-color:#eaf0d0;
}

html {
	background:url(../images/footer_hg2.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color:#eaf0d0;
	}

img {
	border: none;
}

a {
	color:#97B313;
	text-decoration: none;
}

a:active {
}

a:hover {
	text-decoration: none;
}

#content_col_2 img, #content_col_2 a img {
	border-bottom:none;
	}

/* --------------------------------------------------------------- */
/* --- FONT  ----------------------------------------------------- */
/* --------------------------------------------------------------- */

body {
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.4em;
}

body,
textarea,
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

ul {
	margin-left: 15px;
}

ol {
	margin-left: 25px;
}

p,
li {
	font-size: 1em;
	line-height: 1.6em;
	margin: 0pt;
	padding: 0pt;
	color:#87888a;
}

h1 {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 0.6em;
	border:none;
	
}

h1.titel {
	border-bottom:1px dotted #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#97B313;
	padding-bottom:1px;
	margin-bottom:20px;
	} 

h2 {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 0.6em;
	color:#666666;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.6em;
	color:#666666;
}

h4 {
	font-size: 1.1em;
	background-color:#eaf0d0;
	font-weight:normal;
	height:21px;
	color:#5e6053;
	padding:4px 0px 0px 16px;
}

/*für Überschriften Quicklinks (spalte links)*/
#content_col_1_start .csc-header-n2, #content_col_1_start .csc-header-n3, #content_col_1_start .csc-header-n4, #content_col_1_start .csc-header-n5, #content_col_1_start .csc-header-n6, #content_col_1_start .csc-header-n7, #content_col_1_start .csc-header-n8, #content_col_1_start.csc-header-n9 {
	float:left;
	margin:78px 0px 0px 0px;
	position:absolute;
	width:179px;
	height:31px;
	background:url(../images/stickerei_slider.gif);
	background-repeat: repeat-y;
	background-position:bottom left;
	z-index:99;
	}

h5 {
	font-size: 1.1em;
	margin:10px 0px 0px 7px;
}

h5 a {
	color:#ffffff;
	font-weight:normal;
	
	}

table {
	border-collapse: collapse;
}

table tr th {
	font-weight: bold;
}


table tr td, div {
	color:#87888a;
}

.content-element {
}


/* --------------------------------------------------------------- */
/* --- STANDARD-KLASSEN ------------------------------------------ */
/* --------------------------------------------------------------- */

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-top {
	vertical-align: top;
}

.text-bottom {
	vertical-align: bottom;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/* --------------------------------------------------------------- */
/* --- HAUPT AUFBAU ---------------------------------------------- */
/* --------------------------------------------------------------- */


/* --- HEADER ---------------------------------------------------- */
#header {
	height:243px;
	background-color:#97b313;
	position:relative;
	z-index:2;
}

#headerleft {
	width:640px;
	height:243px;
	float:left;
}

#headerright {
	width:334px;
	height:243px;
	float:right;
}

#headimg {
	height:187px;
	width:640px;
}
	
#logo {
	width:288px;
	height:61px;
	/*background:url(../images/logo_appenzellerland.png);
	background-repeat: no-repeat;*/
	margin:14px 0px 0px 54px;
	}

#slogan {
	height:40px;
	width:520px;
	margin:10px 0px 0px 17px;
	text-align:left;
	}
	
#user-navigation {
	width:334px;
	height:20px;
	float:right;
	margin:28px -8px 0px 0px;
}

#user-navigation ul li{
	list-style:none;
	float:left;
	}

#stickerei {
	background:url(../images/stickerei.gif);
	background-repeat: repeat-x;
	z-index:9;
	width:100%;
	position:absolute;
	margin-top:182px;
	height:12px;
	}

#balken_gruen {
	position:absolute;
	background-color:#97b313;
	height:243px;
	top:0px;
	left:50%;
	width:50%;
	z-index:1;
}

#quicklinks {
	margin:-20px 0px 0px 0px;
	border-bottom:5px solid #eaf0d0;
	}

/* QUICKLINKS FÜR ALPSTEIN */

.quicklinks_alpstein {
	margin:0px 0px 0px 0px;
	border-bottom:5px solid #eaf0d0;
	}



/* --- PAGE ------------------------------------------------------ */

#page {
	width: 980px;
	margin: 0px auto;
	text-align: center;
	background-color:#FFF;
}

#page-content {
	text-align: left;
	background-color:#ffffff;
	position:relative;
}


#pfad {
	width:600px;
	height:20px;
	position:absolute;
	float:left;
	margin:48px 0px 0px 155px;
	}
	

#label_pfad {
	width:155px;
	height:20px;
	position:absolute;
	float:left;
	margin:47px 0px 0px 18px;
	}
	
#pfad a, #label_pfad p {
	color:#c6c5c6;
	}
	
#print {
	width:10px;
	height:12px;
	float:right;
	margin-top:1px;
	}
	
#weiterempfehlen {
	width:120px;
	height:20px;
	margin-right:6px;
	float:right;
	}

.tiplink a {
	color:#87888a;
	}
	
#pdf {
	width:20px;
	height:20px;
	float:right;
	margin-right:3px;
	}	
	
#search {
	position:absolute;
	right:0px;
	top:13px;
	height:25px;
	}	
	
#rss {
	width:59px;
	height:19px;
	float:right;
	margin-right:12px;
	margin-top:2px;
	}
	
#aktuelles {
	float:left;
	width:215px;
	/*
	height:290px;
	*/
	border-left:1px solid #eaf0d0;
	}
	
#aktuelles table#aktuelles_title {
	width:215px;
	height:25px;
	background-color:#eaf0d0;
}
	
#veranstaltungen {
	float:left;
	width:317px;
	/*
	height:280px;
	*/
	border-left:1px solid #eaf0d0;
	}	

/* --- FOOTER ---------------------------------------------------- */
#footer {
	width:980px;
	background:url(../images/footer_hg2.jpg);
	background-repeat: repeat-y;
	margin-top:20px;
}

#footerhg {
	height:87px;
	background:url(../images/footer_hg.png);
	background-repeat: no-repeat;
	}

#footerleft {
	width:180px;
	float:left;
}

#footermiddle {
	width:534px;
	float:left;
	margin:0px 0px 0px 34px;
}

#footer_sitemap {
	text-align:left;
	margin:13px 0px 0px 3px;
	padding-bottom:10px;
}

#footer_sitemap h3 a {
	color:#87888a;
	}
	
#footer_sitemap h3 a:hover {
	color:#97B313;
	border-bottom:1px dotted #97B313;
	}

#footer_sitemap table tr td p a.internal-link span.link-decoration {
	color:#87888a;
	border:none;
	font-size:0.8em;
	}

#footer_sitemap table tr td p a.internal-link:hover span.link-decoration {
	color:#97B313;
	border-bottom:1px dotted #97B313;
	}

#footerright {
	width:198px;
	float:left;
	margin:0px 0px 0px 34px;
}

#partner {
	text-align:left;
	margin:12px 0px 0px 17px;}
	
#bookmark {
	text-align:right;
	margin:0px 10px 0px 0px;
	}

#imprint {
	width:145px;
	height:40px;
	text-align:left;
	margin:12px 0px 0px 9px;
}

#imprint ul li {
	list-style:none;
	line-height:16px;
	}

#address {
	height:100px;
	text-align:left;
	color:#87888a;
	margin:22px 0px 0px 25px;
}

#address p a, #address p, #imprint ul li a, #partner p {
	color:#87888a;
	}


/* --------------------------------------------------------------- */
/* --- MAIN NAVIGATION ------------------------------------------- */
/* --------------------------------------------------------------- */

#main-navigation {
	height:74px;
	width:980px;
	text-align:left;
	position:relative;
}

#main-navigation ul {
	margin-left:6px;
	
}

#main-navigation ul li {
	list-style:none;
	float:left;
	margin:1px 0px 0px 0px;
}

#main-navigation ul li a {
}

#main-navigation ul li a:hover {
}

/* INAKTIVER ZUSTAND */
#main-navigation ul li.no a {
}

#main-navigation ul li.no a:hover {
}

/* AKTIVER ZUSTAND */
#main-navigation ul li.act {
	z-index:1;
}

#main-navigation ul li.act a:hover {
}

/* MIT SUBLEVEL */
#main-navigation ul li.sub a {
}

#main-navigation ul li.sub a:hover {
}


/* --------------------------------------------------------------- */
/* --- LAYER NAVIGATION ------------------------------------------ */
/* --------------------------------------------------------------- */
.submenu {
	margin-left: 50%;
	color:#6d6e63;
	margin-top:277px;
	text-align:left;
	background-color:#eaf0d0;
	border:1px solid #ffffff;
	border-top:none;
	width:auto;
	z-index:99;
	padding-left:-1px;
}

.submenu ul {
	list-style-type: none;
/*	width: 140px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right:20px;
	margin: 0px;
	margin-left: 12px;
	margin-right: 8px;
	}

.submenu li {
	line-height:18px;
}

.submenu li a {
	font-size:11px;
	color:#6d6e63;
	display:block;
}

.submenu li.no {
	padding: 0px 10px 0px 10px;
	color: #6d6e63;
}

.submenu li.no a {
	color: #6d6e63;
	display:block;
}

.submenu li a:active {
	color: #6d6e63;
	display:block;
}

.submenu li a:hover {
	color: #97B313;
	display:block;
}

.submenu .sub_navigation_act {
	color: #6d6e63;
	font-weight:bold;
	background:url(../images/pfeil_layer.gif);
	background-repeat: no-repeat;
	background-position:left;
	margin-left:-7px;
}

.submenu .sub_navigation_act a {
	margin-left: 7px;
	display:block;
	}
/* --------------------------------------------------------------- */
/* --- SERVICE NAVIGATION ---------------------------------------- */
/* --------------------------------------------------------------- */

#service-navigation {
	width:136px;
	height:90px;
	margin:24px 0px 0px 140px;
	text-align:right;
}

#service-navigation ul {
}

#service-navigation ul li {
	list-style:none;
	line-height:15px;
	
}

/* INAKTIVER ZUSTAND */
#service-navigation ul li.no a {
	color:#deeb6e;
}

#service-navigation ul li.no a:hover {
	color:#ffffff;
}

/* AKTIVER ZUSTAND */
#service-navigation ul li.act a {
	color:#ffffff;
}

#service-navigation ul li.act a:hover {
	color:#ffffff;
}


/* --------------------------------------------------------------- */
/* --- SUB NAVIGATION -------------------------------------------- */
/* --------------------------------------------------------------- */

#content_col_1_start #sub-navigation {
	margin-bottom:22px;
}

#content_col_1_start #sub-navigation ul, #sub-navigation ul {
	margin-left:0px;
}

#sub-navigation ul li {
	list-style:none;
	line-height:24px;
	background-color:#eaf0d0;
	font-size:12x;
	padding-left:15px;
}

#content_col_1_start #sub-navigation ul li {
	list-style:none;
	line-height:24px;
	background-color:#eaf0d0;
	font-size:12x;
	margin-left:14px;
	padding-left:0px;
	}

/* INAKTIVER ZUSTAND */
#content_col_1_start #sub-navigation ul li.no a, #sub-navigation ul li.no a {
	color:#5e6053;
	display:block;
	
}

#content_col_1_start #sub-navigation ul li.no a:hover, #sub-navigation ul li.no a:hover {
	color:#97b313;
	display:block;
}

/* AKTIVER ZUSTAND */
#content_col_1_start #sub-navigation ul li.act, #sub-navigation ul li.act {
	/*background:url(../images/sub_nav.gif);
	background-repeat: repeat;*/
	background-color:#97b313;
	border-bottom:1px dotted #eaf0d0;
	border-top:1px dotted #eaf0d0;
	height:auto;
	}

#content_col_1_start #sub-navigation ul li.act a, #sub-navigation ul li.act a {
	color:#d5e1a1;
	font-weight:bold;
	display:block;
}

#sub-navigation ul li.act a:hover {
	color:#d5e1a1;
	font-weight:bold;
	display:block;
}

/* MIT SUBLEVEL 1 */

#content_col_1_start #sub-navigation ul li ul, #sub-navigation ul li ul {
	margin-left:-16px;
	background-color:#FFF;
	}

#content_col_1_start #sub-navigation ul li ul li, #sub-navigation ul li ul li {
	line-height:16px;
}
	
#sub-navigation ul li ul li.sub1_no {
	background-color:#FFF;
	list-style-position:outside;
	list-style-type:none;
	margin-left:16px;
	padding:0;
	height:auto;
	line-height:18px;
	}


#sub-navigation ul li ul li.sub1_no a {
	margin: 0px 0px 0px 0px;
	font-size:11px;
	font-weight:normal;
	color:#767476;
	
}

#sub-navigation ul li ul li.sub1_no a:hover {
	font-weight:normal;
	color:#97B313;
}


#sub-navigation ul li ul li.sub1_act {	
	background:url(../images/pfeil_subnav.gif);
	background-repeat: no-repeat;
	background-position:top left;
	background-color:#FFF;
	margin-left:0px;
	height:auto;
	border-bottom:1px dotted #666666;
	border-top: 1px dotted #666666;

	}
	
#sub-navigation ul li ul li.sub1_act a, #sub-navigation ul li ul li.sub1_act a:hover {
	margin-left:1px;
	color:#97B313;
	font-weight:normal;
	}


/* MIT SUBLEVEL 2 */
#sub-navigation ul li ul li ul {
	margin-left:-15px;
	background-color:#FFF;
	}

#sub-navigation ul li ul li ul li {
	line-height:14px;
}
	
#sub-navigation ul li ul li ul li.sub2_no {
	background-color:#FFF;
	list-style-position:outside;
	list-style-type:none;
	margin-left:16px;
	padding:0;
	height:auto;
	line-height:14px;
	}


#sub-navigation ul li ul li ul li.sub2_no a {
	margin: 0px 0px 0px 0px;
	font-size:10px;
	font-weight:normal;
	color:#767476;
	
}

#sub-navigation ul li ul li ul li.sub2_no a:hover {
	font-weight:normal;
	margin:0px;
	color:#97B313;
}


#sub-navigation ul li ul li ul li.sub2_act {	
	background-color:#FFF;
	margin-left:0px;
	height:auto;
	font-size:10px;
	font-style:italic;
	line-height:14px;
	}
	
#sub-navigation ul li ul li ul li.sub2_act a, #sub-navigation ul li ul li ul li.sub2_act a:hover {
	margin-left:1px;
	color:#97B313;
	font-weight:normal;
	}
/* --------------------------------------------------------------- */
/* --- SITEMAP --------------------------------------------------- */
/* --------------------------------------------------------------- */
#sitemap {
	text-align:left;
	margin:57px 0px 0px 3px;
	position:relative;
}

#sitemap ul li, #weiterempfehlen ul li {
	list-style:none;
	margin-left:-17px;
	line-height:16px;
	
	}
	
#sitemap ul li a, #weiterempfehlen ul li a {
	color:#666666;
	}
	
/* --------------------------------------------------------------- */
/* --- FONT-NAVIGATION ------------------------------------------- */
/* --------------------------------------------------------------- */
#font, #language {
	text-align:left;
	margin:0px 0px 0px 3px;
	position:relative;
	color:#666666;
}

#font ul, #language ul {
	margin-left:-2px;
	}

#font ul li, #language ul li {
	list-style:none;
	line-height:16px;
	float:left;
	color:#666666;
	}
	
#font ul li a, #language ul li a {
	color:#666666;
	}
	
#font ul li a.fontsize_small,
#font ul li a.fontsize_normal,
#font ul li a.fontsize_big {
	display: block;
	float: left;
	width: 12px;
	height: 14px;
	text-indent: -999em;
	outline: none;
}

#font ul li a.fontsize_small {
	background-image: url(../images/icons/fontsize_small.gif);
	background-position: center;
	background-repeat: no-repeat;
}
	
#font ul li a.fontsize_normal {
	background-image: url(../images/icons/fontsize_normal.gif);
	background-position: center;
	background-repeat: no-repeat;
}
	
#font ul li a.fontsize_big {
	background-image: url(../images/icons/fontsize_big.gif);
	background-position: center;
	background-repeat: no-repeat;
}
		
/* --------------------------------------------------------------- */
/* --- LANGUAGE -------------------------------------------------- */
/* --------------------------------------------------------------- */

#language {
	clear:both;
	margin-left:3px;
}


.tx-srlanguagemenu-pi1 .current {
	text-transform:uppercase;
}

.tx-srlanguagemenu-pi1 .inactiv {
	text-transform:uppercase;
	}	
	
.tx-srlanguagemenu-pi1 .no{
	text-transform:uppercase;
	}
	
/* --------------------------------------------------------------- */
/* --- INHALTE --------------------------------------------------- */
/* --------------------------------------------------------------- */

#content_col_1_start, #content_col_1 {
	float: left;
	width:179px;
	margin-left:1px;
}

#content_col_2, #content_col_2_start {
	float: left;
	width:534px;
	margin-left:34px;
	margin-top:-3px;
}

#content_col_2 .content-element ul li  {
	list-style-image:url(../images/list_dot.gif);
	list-style-position: outside;
	margin-left:14px;
	}

/*4-spaltiges Template begin*/
#content_col_2a {
	float: left;
	width:318px;
	margin-left:34px;
	margin-top:-3px;
	margin-right:6px;
}

#content_col_2b {
	float: left;
	width:210px;
	margin-top:-3px;
}

/*4-spaltiges Template end*/

/*5-spaltiges Template (Rubrik öffentliche Verkehrsmittel) begin*/
#col_2a {
	float:left;
	width:181px;
	}

#col_2b {
	float:left;
	width:182px;
	}
	
#col_2c {
	float:left;
	width:171px;
	}
	
#col_2a ul li, #col_2b ul li, #col_2c ul li {
	list-style:none;
	}
	
/*5-spaltiges Template (Rubrik öffentliche Verkehrsmittel) end*/

#content_col_3, #content_col_3_start {
	float: left;
	width:197px;
	margin-left:34px;
	margin-right:1px;
}

#content_col_3_inhalt {
	float: left;
	width: 197px;
}

#content_col_3_inhalt div.content-element {
	border-top:1px solid #eaf0d0;
	border-bottom:1px solid #eaf0d0;
	border-left:1px solid #eaf0d0;
}

#content_col_3_inhalt div.booking {
	padding-top:8px;
	padding-left:8px;
	padding-bottom:8px;
}

#content_col_3_wetter {
	float: left;
	width:197px;
}


#content_col_1_start ul {
	background-color:#eaf0d0;
	}
	
#content_col_1_start ul li {
	list-style-image:url(../images/pfeil_quicklinks.gif);
	list-style-position:inside;
	background-color:#eaf0d0;
	margin-left:-15px;
	padding-left:17px;
	}
	
#content_col_1_start ul li a {
	color:#5E6053;
}
	
#content_col_1_start .csc-textpic-caption {
	height:19px;
	width:172px;
	border-bottom:1px dotted #ffffff;
	background-color:#96b213;
	color:#ffffff;
	font-size:12px;
	padding:4px 0px 0px 7px;

	}
	
#content_col_1_start .csc-textpic-text {
	margin:0px 0px 0px 7px;
	}

#content_col_1_start .csc-textpic-text p{
	padding:5px 0px 0px 0px;
	}
#content_col_1_start .csc-textpic  {
	border-right:1px solid #eaf0d0;
	border-bottom: 1px solid #eaf0d0;
	margin:48px 0px 10px 0px;
	}
	
#content_col_1_start .csc-textpic-image img {
	margin:-48px 0px 0px 0px;
	}
	

/* --------------------------------------------------------------- */
/* --- LINK-KLASSEN ---------------------------------------------- */
/* --------------------------------------------------------------- */

.spacer-gif {
	background-color:#ffffff;
	border:none;
	
	}

span.link-decoration {
	color: #97B313;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

span.link-decoration:hover {
	color: #97B313;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}

a.no-decoration span.link-decoration {
	text-decoration: none;
	border: none;
}

a.no-decoration {
	text-decoration: none;
	border: none;
}

a.internal-link {
	text-decoration: none;
}

a.external-link {
	padding-right: 14px;
	background-image: url(../images/icons/icon_external-link.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
}

a.popup-link {
	padding-right: 14px;
	background-image: url(../images/icons/icon_popup-link.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
}

a.mail {
	padding-right: 14px;
	background-image: url(../images/icons/icon_mail.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
}

a.download {
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/icons/icon_file.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
}

a.pdf {
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/icons/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
}

a.word {
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/icons/icon_doc.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
}

a.excel {
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/icons/icon_xls.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
}

a.powerpoint {
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/icons/icon_ppt.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
}

a.zip {
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/icons/icon_zip.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
}

/* --------------------------------------------------------------- */
/* --- PAGE BROWSER ---------------------------------------------- */
/* --------------------------------------------------------------- */

.browsebox {
	list-style-type: none;
	margin: 0.5em 0 0 0;
}

#content_col_2 .content-element ul.browsebox li {
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	line-height: 25px;
}

#content_col_2 .content-element ul.browsebox li a {
	color: #97B313;
	padding: 2px 6px;
	border: 1px solid #97B313;
	background-color: #F2F2F2;
}

.browsebox li a:hover {
	background-color: #E2E2E2;
}

.browsebox li.act a {
	text-decoration: underline;
}

/* --------------------------------------------------------------- */
/* --- PAGE BROWSER - TOURISMUS ---------------------------------- */
/* --------------------------------------------------------------- */

.pagebrowser {
	clear:both;
}

.pagebrowser ul {
	float: right;
}

.pagebrowser ul li {
	display: inline-block;
	float: left;
	margin: 0px !important; 
}

/* CURRENT PAGE */
.pagebrowser ul li.active {
	display: block;
	width: 23px;
	height: 20px;
	text-align: center;
}

/* END */
.pagebrowser ul li.inactive span.last,
.pagebrowser ul li.pagebrowser_end,
.pagebrowser ul li.pagebrowser_end a {
	display: block;
	width: 23px;
	height: 20px;
	
	background-image: url(../images/shop/paging_last_inactive.gif);
	background-repeat: no-repeat;
	background-position: center right;
	
	text-indent: -999em;
	outline: none;
}

.pagebrowser ul li.active span.last,
.pagebrowser ul li.pagebrowser_end a:hover {
	background-image: url(../images/shop/paging_last_active.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

/* FORWARD */
.pagebrowser ul li.pagebrowser_forward,
.pagebrowser ul li.pagebrowser_forward a {
	display: block;
	width: 23px;
	height: 20px;
	
	background-image: url(../images/shop/paging_forward_inactive.gif);
	background-repeat: no-repeat;
	background-position: center right;
	
	text-indent: -999em;	
	outline: none;
}

.pagebrowser ul li.pagebrowser_forward a:hover{
	background-image: url(../images/shop/paging_forward_active.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

/* BACKWARD */
.pagebrowser ul li.pagebrowser_backward,
.pagebrowser ul li.pagebrowser_backward a {
	display: block;
	width: 23px;
	height: 20px;
	
	background-image: url(../images/shop/paging_backward_inactive.gif);
	background-repeat: no-repeat;
	background-position: center left;
	
	text-indent: -999em;
	outline: none;
}

.pagebrowser ul li.pagebrowser_backward a:hover{
	background-image: url(../images/shop/paging_backward_active.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

/* START */
.pagebrowser ul li.pagebrowser_start,
.pagebrowser ul li.pagebrowser_start a {
	display: block;
	width: 23px;
	height: 20px;
	
	background-image: url(../images/shop/paging_first_inactive.gif);
	background-repeat: no-repeat;
	background-position: center left;
	
	text-indent: -999em;
	outline: none;
}
.pagebrowser ul li.pagebrowser_start a:hover{
	background-image: url(../images/shop/paging_first_active.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

/* PAGING OF */
.pagebrowser ul li.pagebrowser_page {
	width: 84px;
	text-align: center;
}

/* --------------------------------------------------------------- */
/* --- NEWSLETTER ------------------------------------------------ */
/* --------------------------------------------------------------- */
	
.catlist {
	margin:0px 0px 20px 90px;
	}

.catlist input {
	float:left;
	margin-right:15px;
	}

.catlist_title {
	margin:20px 0px 10px 0px;
	font-weight:bold;
}
	
/* --------------------------------------------------------------- */
/* --- ENTRY PAGE ------------------------------------------------ */
/* --------------------------------------------------------------- */
.entrypage {
	width:550px;
}

.entrypage .item {
	float:left;
	margin-right:11px;
	height:150px;
	}
	
.item_title {
	background:url(../images/stickerei_box_o.gif) bottom left;
	background-repeat:no-repeat;
	height:47px;
	width:171px;
	position:relative;
	z-index:9;
	}

.item_title:hover {
	background:url(../images/stickerei_box.gif) bottom left;
	background-repeat:no-repeat;
	height:47px;
	width:171px;
	position:relative;
	z-index:9;
	}

.item_title a {
	display:block;
	width:170px;
	color:#C9D884;
	font-weight:bold;
	height:150px;
	padding:3px 0px 0px 8px;
	}

.item_title a:hover {
	color:#97B313;
	display:block;
	width:171px;
	height:150px;
	}
	
.item_image {
	margin-bottom:18px;
	margin-top:-10px;
	position:relative;
	z-index:1;
	}
	
/* --------------------------------------------------------------- */
/* --- LOGIN ----------------------------------------------------- */
/* --------------------------------------------------------------- */
input.felogin-submit {
	display: block;
	width: 100px;
	height: 25px;
	background: none;
	background-image: url(../images/buttons/btn_anmelden.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: none !important;
	text-indent: -999em;
	margin-top:10px;
}

input.felogin-submit:hover {
	background-color:white;
}

/* --------------------------------------------------------------- */

.application-form {
	margin-top:20px;
	float:right;	
}

/* --------------------------------------------------------------- */