/* CSS Document */


/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */

@font-face {
    font-family: 'Museo300';
    src: url('../fonts/Museo300-Regular-webfont.eot');
    src: url('../fonts/Museo300-Regular-webfont.eot?iefix') format('eot'),
         url('../fonts/Museo300-Regular-webfont.woff') format('woff'),
         url('../fonts/Museo300-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Museo300-Regular-webfont.svg#webfontBsA9EFUC') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo500';
    src: url('../fonts/Museo500-Regular-webfont.eot');
    src: url('../fonts/Museo500-Regular-webfont.eot?iefix') format('eot'),
         url('../fonts/Museo500-Regular-webfont.woff') format('woff'),
         url('../fonts/Museo500-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Museo500-Regular-webfont.svg#webfontQF7qPaga') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo700';
    src: url('../fonts/Museo700-Regular-webfont.eot');
    src: url('../fonts/Museo700-Regular-webfont.eot?iefix') format('eot'),
         url('../fonts/Museo700-Regular-webfont.woff') format('woff'),
         url('../fonts/Museo700-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Museo700-Regular-webfont.svg#webfontNpXBDqia') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*General*/
a, a:visited, a:active, a img {
	-webkit-transition: color 0.25s ease-out;
	-webkit-transition: opacity 0.25s ease-out;
/*	-moz-transition: color 0.25s ease-out; */
	-moz-transition: opacity 0.25s ease-out; 
	}


/* relevante Styles am Ende des Dokuments beachten */


* {
	padding:0;
	margin:0;
	font-family:Lucida Sans, Trebuchet MS, Arial, sans-serf;
	}

p .red {color:#ff9900; font-weight:bold;}

.fbTwitter {
clear:both;
display:block;
top:10px;
position:relative;
}
iframe.twitter-share-button {position:relative; top:-2px; margin:0 0 0 15px;}


	
.clearer {
	height:0;
	font-size:0;
	line-height:0;
	clear:both;
	}
.column_left {
	width:330px;
	float:left;
	}
.column_right {
	width:330px;
	float:right;
	padding-left:0px;
	}
body {
	background:url(../images_system/body_bg.gif) repeat-x #fff;
	}
#container {
	width:950px;
	margin:auto;
	}
#kopf {
	width:950px;
	height:75px;
	overflow:hidden; 
	}
#kopf_inner {
	margin:13px 0 0 0;
	float:right;
	height:59px;
	text-align:right;
	}
#logo {
	float:left;
	}
	#nav {	
		}
		 #nav ul {
				}
			#nav {
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:normal;
				}	
			#nav li {
				display: inline;
				}
			#nav li a {
				display: inline;
				padding:7px;   /* bestimmt den Abstand der punkte zueinander*/
				line-height: 12px;
				text-decoration:none;
				color:#666;
				font-size:10px;
				text-shadow:0 1px 0 #fff;
				}
			#nav li a:hover, #sup_nav li a:focus {
				color:#A0A6B1;
				text-decoration:none;
				}
			 #nav .tot {
				display: inline;
				padding:7px;   /* bestimmt den Abstand der punkte zueinander*/
				line-height: 4px;
				text-decoration:none;
				color:#A0A6B1;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				}
#bild {
	height:210px;
	width:960px;
	margin:auto;
	background-position:right top;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	}

	#bild h1 {
		color:#FFFFFF;
		font-size:30px;
		font-weight:normal;
		line-height:34px;
		padding:23px 0pt 0px;
		text-shadow:1px 1px 1px #000;
		width:335px;
		font: 32px/32px 'Museo500';
		}
	#bild h2{
		color:#BAC6DA; 
		font-size:14px; 
		font-weight:normal;
		line-height:20px;
		padding:10px 0 10px 0;
		text-shadow:1px 1px 1px #000;
		font: 15px/20px 'Museo300';
		}
#klinke {
	position:absolute;
	top:0px;
	right:0px;
	z-index:3;}

/* Suche ++++++++++++++++++++++++++++++++++++++++++ */

#suche {
	text-align:right;
	margin-top:14px;}

#suche_wrapper {
	width:220px;
	height:34px;
	background:url(../images_system/search_bg.gif) no-repeat;			
	vertical-align:top;
	padding:2px 0 2px 2px;
	margin:0 0 0 auto}

	*html #suche_wrapper, *+html #suche_wrapper {
	width:220px;
	height:34px;
	background:url(../images_system/search_bg.gif) no-repeat;			
	vertical-align:top;
	padding:2px 0 0 2px;
	margin:0 0 0 auto}

.inputfield {
	width:200px;
	height:13px;
	font-size:11px;
	line-height:11px;
	border:none;
	background:transparent;}


/* rounded corners */

.corner_container, 
	#content_top_right, 
	#content_top_left, 
	#content_bottom_right, 
	#content_bottom_left,
	#teaser_top_right, 
	#teaser_top_left, 
	#teaser_bottom_right, 
	#teaser_bottom_left {
	height:9px;
	width:950px;
	background-repeat:no-repeat;
	}
.corner_container{
	}


#teaser_top_right {
	background-image:	url(../images_system/teaser_top_right.gif);
	background-position:right;
	background-color:#f2f6f8;
	}
#teaser_top_left {
	background-image:url(../images_system/teaser_top_left.gif);
	background-position:left;
	}
#teaser_bottom_right {
	background-image:	url(../images_system/teaser_bottom_right.gif);
	background-position:right;
	background-color:#cee3ef;
	}
#teaser_bottom_left {
	background-image:url(../images_system/teaser_bottom_left.gif);
	background-position:left;
	}


/* Content styles ++++++++++++++++++++++++++++++++++ */

#additional_content {
	margin-top:20px;}

.small {
	font-size:11px;
	color:#999999;
	}

.image_frame {
   	padding:6px;
   	border:1px solid #ddd;
	float: left;
	margin: 0 15px 5px 0;
   }
#content_bereich { 
	width:930px; 
	margin:-40px auto 20px auto; 
	}
#content {
	position:relative;
	z-index:2;
	padding:10px 10px 40px 20px; 
	width:675px; 
	float:left; 
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#626E83;
	}
#content h1 {
	color: #355f8c;
	font-weight:normal;
	text-decoration:none;
	margin: 0px 0 10px 0;
	padding:0 0 0px 0;	
	font: 30px/34px 'Museo500';
	}
#content h2 {
	color: #777;
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	text-decoration:none;
	margin: 15px 0 10px 0;
	font: 16px/20px 'Museo500';
	}
#content h3 {
	color: #444;
	font-weight:normal;
	font-size:20px;
	text-decoration:none;
	font: 20px/26px 'Museo500';
	}
#content h4 {
	color: #464E5D;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	margin:0 0 5px 0;
	padding: 7px 0 2px 0;
	font: 14px/21px 'Museo700';
	}
#content p {
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#626E83;
	margin:0 0 10px 0;
	}
#content p.teaser {
	margin: 5px 0 15px 0;
	color:#888;
	font-size:16px;
	font-weight:normal;
	line-height:1.3;
	float:none;
	font: 16px/23px 'Museo500';
	}
#cont_ref p {      /*Ausnahme fr Referenz bereich*/
	margin:0 0 5px 0;
	padding:0 0 0 0;
	}
.small {
	font-size:11px;
	color:#999999;
	}	
#content p.small {
	font-size:11px;
	color:#999999;
	}	
#content ul {
	margin:5px 0 10px 0px;
	}
#content li {
	font: 12px arial; color:  #222222;
	font-weight:normal;
	color:#000;
	margin-bottom:5px;
    background: url("../images_system/sprite.gif") no-repeat scroll -132px -58px transparent;
    list-style: none outside none;
    padding: 2px 2px 0 24px;
	
	}
#content a	{
	color: #464E5D;
	font-family:arial,verdana;
	font-weight:bold;
	text-decoration:underline;
	}
#content a:hover {
	color:#999999;
	}
#content a img {
	border:0; margin:0 0 0 15px;
	}
#content a img.screenshot {
	border:1px solid #aaa;
	}
#content div.boxBordered {
	padding:0;
	margin:auto;
	width:643px;
	-moz-box-shadow:0 1px 3px #777;
	-webkit-box-shadow:0 2px 8px #666;
	box-shadow:0 1px 3px #777;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:6px
	}	
#content div.boxBordered a img {	
	padding:0;
	margin:0;
	}


a.big_button {
	display:block;
	width:208px;
	height:38px;
	text-align:center;
	line-height:34px;
	text-decoration:none;
	padding:0px 0 0px 0px;
	font-size:12px;
	color:#555;
	text-shadow:0px 1px 0 #fff;
	background:url(../images_system/big_button.gif) no-repeat 0 0;
	} 
a:hover.big_button  {
	background:url(../images_system/big_button.gif) no-repeat 0 -38px;
	color:#000;}	
	
	
#content a.inline_button, .send {
	display:table;
	position:relative;
	width:150px;
	height:25px;
	text-align:center;
	line-height:25px;
	text-decoration:none;
	margin:10px 0 0 0;
	padding:0px 0 0px 0px;
	font-size:12px;
	color:#fff;
	text-shadow:0px 1px 0 #516e8e;
	background:url(../images_system/sprite.gif) no-repeat 0 -121px;
	}
	* html #content a.inline_button {
	display:block;
	} 
#content a:hover.inline_button  {
	color:#516e8e;
	text-shadow:0px 1px 0 #d2deea;
	}	
		
		
.anschnitt_rechts {
	position:relative;
	margin:-5px -15px 0 0;}

.anschnitt_links {
	position:relative;
	margin:-5px 0 0 -15px;}
	
.code {
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	color: #222222;
	}
#trenner{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:5px 0 0 0;
	margin:10px 0 10px 0;
	background-image: url(../images_system/kachel_navi.gif);
	display:block; clear:both;}
hr{
	padding:5px 0 0 0;
	margin:10px 0 10px 0;
	background-image: url(../images_system/kachel_navi.gif);
	background-color:transparent;
	border-color:transparent; clear:both;
	}
.bildumfliess {
	float: left;
	margin: 0 15px 5px 0;
	}
#box table {
	width: 275px;
	vertical-align:top;}
#box th p {
	text-align:right;
	vertical-align:top;
	color: #777;
	font-family:arial,verdana;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	margin:0;
	padding:0;
	}
#box th h5 {
	text-align:right;
	vertical-align:top;
	color: #777;
	font-family:arial,verdana;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	margin:0;
	padding:0;
	}
#box td p{
	text-align:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin:0;
	padding:0;	
	}
.content_box_start {
	padding:0 0 12px 0;
	background-image: url(../images_system/kachel_navi.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;}
.content_box_start h2 {
	color: #7a1406;
	font-family:arial,verdana;
	font-weight:normal;
	font-size:18px;
	text-decoration:none;
	margin: 0px 0 0 0;
	padding:0;
	}
.content_box_start p{
	text-align:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin:5px 0 5px 0;
	padding:0;	
	}
	
/* Boxes */	
	
.narrow_box_container {
	margin:20px 0 0;	
	/*background:url(../images_system/narrow_box_container.gif) no-repeat top left; */
	}
.wide_box_container {
	margin:5px 0 0;	
	/*background:url(../images_system/wide_box_container.gif) no-repeat top left; */
	}
.wide_box_inner, .narrow_box_inner {
	/*background:url(../images_system/wide_box_inner.gif) no-repeat bottom left;*/
	position: relative;
	background:#fff;
	padding:10px 15px 5px 15px;
	width:645px;
	overflow:hidden;
	border-bottom: 1px solid #FFFFFF;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #EDEDED;
    -webkit-box-shadow: 0 2px 2px #999999;
    -moz-box-shadow: 0 2px 2px #999999;
        box-shadow: 0 2px 2px #999999;
    margin: 5px 0 0;
    behavior: url(/res/PIE.htc);
	}
.narrow_box_inner {
	/*background:url(../images_system/narrow_box_inner.gif) no-repeat bottom left;*/
	padding:10px 15px 15px 15px;
	width:auto;
	}



/* Teaser bereich ------------ */


#teaser_container_outer {
	padding-top:130px;
	background:url(../images_system/footerBGneu.gif) 0 40px repeat-x;
	height:210px;
	z-index:1;
	position:relative;
	margin-top:-140px;
	}
#teaser_container_inner {
	border:0px solid #fff;
	-moz-border-radius:5px;
	-moz-box-shadow:0 0 5px #000 inset;
	-webkit-border-radius:5px;
	-webkit-box-shadow:0 0 5px #000 inset;
	border-radius:5px;
	box-shadow:0 0 5px #000 inset;
	background:url(../images_system/footerTeaserBG.gif) repeat-x;
	width:934px;
	height:165px;
	overflow:hidden;	
	behavior: url(/res/PIE.htc);
	}
#teaser_container_content {
		width:980px;
		height:213px;
		}
.teaser {
	float:left;
	}	
.teaser .date {
	display:none;
	}
.footerTeaser {
	height:175px; 
	overflow:hidden; 
	padding: 0 12px 0 12px;
	position:relative;	
}
.footerTeaser {
	width:208px;
	font-size:10px; 
	color:#626E83;
	border:0px solid #ddd;
	}
.footerTeaser h3 {
	font-size:15px; 
	color:#d6eafe; font-weight:normal;
	padding:18px 0 12px 37px;
	text-shadow:0 -1px 0px #000;
	font: 15px/19px 'Museo500';
	}
.footerTeaser h4 {
	font-size:15px; 
	color:#d6eafe; font-weight:normal;

	padding:2px 0 12px 37px;
	text-shadow:0 -1px 0px #000;
	font: 15px/23px 'Museo500';
	}
.footerTeaser p {
	font-size:11px;
	line-height:16px; 
	color:#92a7be;
	margin:0 0 10px 37px; 
	}
.footerTeaser img {
	position:absolute;
	top:12px;
	left:15px;}
.footerTeaser a {
	font-size:10px; 
	color:#A0A6B1; font-weight:bold;
	margin:0 0 0px 0; 
	}
.teaser1, .teaser2, .teaser3 {

	}


#teaser_container_content .mehr_button {
	display:block;
width:30px;
	color:#ddedff;
	background: url(../images_system/sprite.gif) no-repeat right -104px;
	padding:0px 10px 0px 0px;
	margin:0 0 0 37px; 
	}
#teaser_container_content a.mehr_button  {
	font-weight:normal;
	font-size:11px;
	color:#ddedff;
	text-decoration:none;
	}

.date {
	display:block; 
	font-size:8px; 
	margin:5px 0 5px 0;
	}

/* inline navigation +++++++++++++++++++++++++++++++ */
.teaserbox_1 {border-bottom:1px solid #ddd;}



.teaserbox_head a {color: #777;
	font-weight:normal;
	font-size:14px; display:block;
	line-height:20px;
	padding:0; 
	background:transparent;
	text-decoration:none;
	margin: 5px 0 10px 0;}



/* Footer Styles +++++++++++++++++++++++++++++++++++++++++++++++++++ */


#footer_container {
	background:#0d2235;
	}
#footer {
	}	
#footer p {
	text-align:left;
	padding:2px 0 0 3px;
	margin:0;
	color:#626E83;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:14px;
	}
#footer p a {
	text-decoration:none;
	color:#cdcdcd;
	font-size:9px;
	}
.footer_item {
	 padding:0px 10px 5px 10px; 
	 text-align:left;
	 }

/* Kontaktform experimental /////////////////////// */

label {
	display:block;
	width:320px;	
	float:left;
font-size:12px; font-weight:bold;
line-height:18px;padding:0 0 0 3px;
	}
.label20
{
	width:40px;
}
.float_left
{
	display:block;
	margin-right: 5px;
	float:left;

}
label.check {
	float:none; 
	display:inline;
	font-weight:normal;}
.inputcheck {
	margin:5px 5px 0px 5px;
	}

.input100, .not_mandatory100,
.input70, .not_mandatory70,
.input100, .not_mandatory100,
.input50, .not_mandatory50 {
	width:310px; 
	background:#fcfcfc url(../images_system/bg_input.png) repeat-x;
	padding:4px;
	margin:1px;
	margin-bottom:7px;
	border-top:1px solid #999;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #dadada;
	font-size:14px;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(/res/PIE.htc);
}
.input70, .not_mandatory70 {
	width:237px; 
	margin:2px 0 0 5px;
	margin:0;
	}

.input50, .not_mandatory50 {width:58px; 	
	margin:1px;
	}

.send {
	position:relative;
	float:right;margin:10px 10px;
	border:none;
	cursor:pointer;
	line-height:0;}

.nonbreakingelement {float:left; margin:0 5px 0 0;}

fieldset {
	border:1px solid #aaa; margin:10px 0; padding:10px;
	background:#f5f5f5}
legend {
	font-weight:bold; font-size:12px; color:#9a230d;}

textarea.not_mandatory100 {height:130px;}

/* some nu styles */

.contactLeft, .contactRight {
	width:326px;
	float:left;
}
.contactRight {
	margin-left:20px;}

/* Diese hier noch einsortieren ++++++++++++++++++++++++++++++++++++++ */


.centered {
	margin:auto; width:934px;}

/* Bild bewegen (Moz und WebKit only) ++++++++ */ 

#content a .bildumfliess { margin:8px 20px 0 10px;
-webkit-box-shadow: 0px 3px 10px rgba(0,0, 0, 0.3);
		-moz-box-shadow: 0px 3px 10px rgba(0,0, 0, 0.3);
		box-shadow: 0px 3px 10px rgba(0,0, 0, 0.3);
		-webkit-transition: -webkit-transform;
top: 50px;
		right: 20px;
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		transform: rotate(-4deg);

-webkit-transition: all 0.3s ease-in;}
#content a .bildumfliess:hover,
	a .bildumfliess:focus,
	a .bildumfliess:active {
		z-index: 999;
		
		-webkit-box-shadow: 0px 8px 30px rgba(0,0, 0, 0.5);
		-moz-box-shadow: 0px 8px 30px rgba(0,0, 0, 0.5);
		box-shadow: 0px 8px 30px rgba(0,0, 0, 0.5);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	
/* Navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* MAIN NAVI horizontal --------*/

#main_navi {
	height:36px;
	overflow:hidden;
	line-height:33px;
	font-size:14px;
	text-shadow:0 -1px 0 #000;
	margin:0 0 0 10px;
	background:url(../images_system/main_nav_trenner.gif) no-repeat top left;
	
	}

	#main_navi li, #main_navi .inactive {
		display:block;
		float:left;
		background:url(../images_system/main_nav_trenner.gif) no-repeat top right;
		font: 15px/35px 'Museo500';
		}
	
	#main_navi a {
		color:#e9f5ff;
		text-decoration:none;
		display:block;
		padding:1px 25px 2px;
		font: 15px/35px 'Museo500';
		}
	
	#main_navi a:hover {
		color:#fff;
		text-shadow:0 1px 5px #fff;
		}
	
	#main_navi a.inactive {
		background:url(../images_system/main_nav_inactive.gif) no-repeat top right;
		color:#fff;
		text-shadow:0 1px 1px #000;
		}

/* MAIN NAVI vertikal --------*/

#right_column {
	width:210px;
	float:left;
	margin:4px 10px 0 0;
	position:relative;
	z-index:100;
	}
	
#vertical_navi h3 {
	font-size:14px;
	font-weight:bold;
	color:#48505E;
	padding: 11px 0 10px 20px;
	margin:3px 0 0px 0;
	line-height:16px;
	background-image: url(../images_system/navi_header.gif);
	background-repeat:no-repeat;
	text-shadow:0px 1px 1px #fff;
	}
#vertical_navi {
	width:212px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left; 
	font-size:11px;
	}
#vertical_navi ul {
		position:relative;
		list-style:none;
		margin:0 1px 0 2px;
		padding:0px;
		background:#fff;
		zoom:1;
		overflow:hidden;
		border-bottom: 1px solid #FFFFFF;
	    -moz-border-radius: 0px 0px 5px 5px;
	    -webkit-border-radius: 0px 0px 5px 5px;
	        border-radius: 0px 0px 5px 5px;
	    border-top: 1px solid #EDEDED;
	    -webkit-box-shadow: 0 2px 2px #999999;
	    -moz-box-shadow: 0 2px 2px #999999;
	        box-shadow: 0 2px 2px #999999;
	      behavior: url(/res/PIE.htc);
		}

#vertical_navi li a {
		font-size:12px;
		color:#888;
		margin:0;
		line-height:30px;
		padding:0px 0 0px 20px;
		text-decoration:none;
		display:block;
		border-top:1px solid #D9DBDD;
		background:url(../images_system/sprite.gif) no-repeat 180px 4px;
		}
#vertical_navi  li a:hover{
		color:#48505E;
		background:url(../images_system/sprite.gif) no-repeat 180px -26px;
		}
#vertical_navi ul ul {
		margin:0 0 0 1px;
		padding:0 0 12px 20px;
		background:transparent;
		border:0px solid;
		box-shadow: none;
		}
#vertical_navi li li a {
		font-size:11px;
		margin:0;
		line-height:16px;
		padding:0px 0 0px 15px;
		text-decoration:none;
		display:block;
		border-bottom:none;
		border-top:none;
		background:url(../images_system/sprite.gif) no-repeat -138px 0;
		}
#vertical_navi li li a:hover{
		background:url(../images_system/sprite.gif) no-repeat -138px -30px;
		}
#vertical_navi li .inactive {
		font-size:12px;
		color:#000;
		font-weight:bold;
		margin:0;
		line-height:30px;
		padding:0px 0 0px 20px;
		display:block;
		background:url(../images_system/sprite.gif) no-repeat 180px -26px;
		}
#vertical_navi li li .inactive {
		font-size:11px;
		margin:0;
		line-height:16px;
		padding:0px 0 0px 15px;
		text-decoration:none;
		display:block;
		border-bottom:none;
		border-top:none;
		background:url(../images_system/sprite.gif) no-repeat -138px -30px;
		}

.login {padding:2px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #bbb;
	border-right: 1px solid #ddd;
	margin:0 0 5px 0;
	width:174px;
	background:url(../images_system/input_bg.jpg);
	font-size:10px;
	color:#777;
	}
.login :focus {
	border:1px solid #ff9900;}