@charset "utf-8";
/* CSS Document */

/*Allgemeine Definitionen*/


#choose-browser {
	text-align: center;
	font-size: 25px;
	background: #ddd;
	padding: 45px;
	border-radius: 20px;
	position: absolute;
	left:50%;
	margin-left: -400px;
	width: 700px;
	z-index: 50000;
}

#choose-browser div.text {
	margin-bottom: 25px;
}

#choose-browser #browserset div {
	float: left;
	margin-right: 15px;
}

#choose-browser #browserset div img {
	width: 100px;
}

body{
	/*background-image:url(../images/hg.png);*/
	background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
}
p, table {
	font-size:1.1em;
	font-family:Verdana, sans-serif;
	color:#000000;
	font-weight: normal;
	line-height:1.4em;
	margin-top:0px;
}
table{
	width:100%;
	border:none;
}
img{
vertical-align:bottom;
}
ul{
margin:0;
padding:0;
}
h1 { font-size:20px; font-family:Verdana,  sans-serif; color:#333333; font-weight: bolder; margin:10px 0 15px 0; }
h2 { font-size:18px; font-family:Verdana,  sans-serif; color:#333333; font-weight: bolder; margin:0px;}
h3 { font-size:16px; font-family:Verdana,  sans-serif; color:#333333; font-weight: bold; margin-bottom:5px;vertical-align:middle;}
h4 { font-size:14px; font-family:Verdana,  sans-serif; color:#333333; font-weight: bold; margin:0;margin-bottom: 10px;}
h5 { font-size:11px; font-weight:bold; font-family:Verdana,  sans-serif; color:#333333; font-weight: normal; margin-top:3px; display:inline-block;margin-bottom: 10px;}
h6 { font-size:10px; font-family:Verdana,  sans-serif; color:#000; font-weight: normal; margin-top:0px;}
b { font-size:11px; font-family:Verdana,  sans-serif; color:#333333; font-weight:bold; margin-top:0px;}
i { font-size:11px; font-family:Verdana,  sans-serif; color:#333333; line-height:12px; margin-top:0px;}
em { font-size:9px; font-family:Verdana,  sans-serif; color:#333333;}
u { font-size:12px; font-family:Verdana,  sans-serif; color:#000000; line-height:12px; margin-top:0px;}
hr {color:#ffffff; height:0px; margin:0;}
dt, dd{color:#000000;}

a {
font-size:1em;
color:#333333;
text-decoration:none;
font-weight:bold;
}
a:visited {
font-size:1em;
color:#333333;
text-decoration:none;
font-weight:bold;
}
a:active {
font-size:1em;
font-weight:bold;
color:#ff9900;
text-decoration:none;
}
a:hover, focus {
font-size:1em;
color:#ff9900;
font-weight:bold;
text-decoration:none;
}

h3 a{  
	margin-bottom:5px;
	vertical-align:middle;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
h3 a:hover, focus, active, visited { 
	margin-bottom:5px;
	vertical-align:middle;
	text-shadow:2px 1px 3px #333333;
}
h3 a img:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);

}

.working h3 a, h3 a:hover, .working focus, active, visited {  
	margin-bottom:0;
	vertical-align: baseline;
}

h3 a img{
width: 25px;
height: 25px;

}

input,select,textarea { 
background-color:#FFFFFF; 
font-size: 1em; 
font-weight: normal; 
border: 1px solid #864b02; 
font-family:  Verdana,  sans-serif;
width:200px;
}
input:focus{
border-color:#000000;
}
input:hover{
border-color:#000000;
}
textarea:focus{
border-color:#000000;
}
textarea{
width:350px;
}
input[type=reset]{
font-weight:bold;
}
input[type=submit]{
font-weight:bold;
}
input[type=reset]:hover{
font-weight:bold;
text-transform:uppercase;
}
input[type=submit]:hover{
font-weight:bold;
text-transform:uppercase;
}

/*Div Definitionen*/
#page{
	width: 743px;
	margin: 0 auto;
	-moz-box-shadow:5px 5px 15px #737373;
	-webkit-box-shadow: 0px 0px 50px 5px #737373;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#737373, offX=5, offY=5, positive=true);
	background-color: #737373;
	top:0;
}
#page_border{
	/*Übackground-image: url(../images/page_border.png);
	background-repeat: repeat-y;
	background-position: top;*/
}


#page_inner{
	width: 743px;
}
#page_inner_top{
	/*height:22px;
	background-image:url(../images/page_border_top.png);
	background-position:top;*/
}
#page_inner_bottom{

	font-size:0.8em;
	text-align:center;
	color:#fff;

}

#header{
	background-color:#f5f5e4;
	height:129px;
}
.logo_header{
	float:left;
	height:129px;
	/*background-image:url(../images/logo_header_hg.png);*/
	width: 325px;
}
.logo_header img{
	margin-top:30px;
}
.navi_main{
	width:396px;
	float: left;
	height: 117px;

}
.header_right{
	/*background-image:url(../images/header_right.png);*/
	background-position:left;
	float: right;
	width: 22px;
	height: 129px;
}

#content_top{
	position: relative;
	z-index: 1500;
}
#content_top_shadow{
	/*background-image:url(../images/content_top_shadow.png);*/
	background-repeat:repeat-x;
	height:8px;	
}

#nav_second{
	position:relative;
	margin-top:5px;
	height:18px;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	color:#333333;
}
.nav2{
	background-image:url(../images/nav2.png);
	float:left;
	width:132px;
	height:15px;
	padding-top:3px;
	
}
.icons li{
	float: left;
	list-style-type: none;
	height: 60px;
	margin-right: 20px;
}
.icons{
	width: 330px;
	float: left;
}
.icons img{
	/*-moz-box-shadow:10px 10px 5px #888;*/
}
/*SubNav Artwork*/

.navSub_left{
	height:18px;
	width:12px;	
	float:left;
	background-image:url(../images/subNav_left.png);
}
.navSub_mid{
	height:15px;
	padding: 3px 5px 0 5px;
	float:left;
	background-image:url(../images/subNav_mid.png);
	background-repeat:repeat-x;
}
.navSub_right{
	height:18px;
	width:15px;	
	float:left;
	background-image:url(../images/subNav_right.png);
}
/*navSub Aktiv*/
.nsAl{ background-image:url(../images/subNav_left_a.png); }
.nsAm{background-image:url(../images/subNav_mid_a.png); color:#fcb039;}
.nsAr{ background-image:url(../images/subNav_right_a.png); }
/**/


#content_bottom{
	background-color:#f5f5e4;
	padding:25px;
}
#content_bottom a img{
	border:none;
}
#page_inner_bottom{
	/*background-image:url(../images/page_buttom_inner.png);
	background-position:top;
	background-repeat:no-repeat;*/
	height:31px;
	text-align: center;
	width: 773px;
	margin-top: 10px;
}

#footer{
	font-size:8px;
	text-align:center;
	color:#cccccc;
	padding-top:5px;

}
/* skills */
.table_skills{
	width:250px;
}
.SkillStars {
	color: #999999;
	font-size:8px;
}
/* impressum */

.imprint_content p{
font-size:7px;
}
/*Artwork*/
p.artwork{
	font-style:normal;
	font-size:1em;
	line-height: 1.6em;
	margin-bottom: 30px;

}
p.artwork img{
	border:solid #666 1px;
}
.copyright{
	font-size:8px;
	text-align:right;
	color:#999999;	
}
.javascript{
	background-color:#999999;
	color:#fff;
}
.video{
	background-color:#000000;
	padding: 0 auto;
	text-align:center;
}
.video a{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}

a#video {
	padding: 5px;
	text-align: center;
	display: block;
	color: #fff;
}

a#video:hover{
	text-shadow: 3px 3px 10px #fff;
}
.interface_pics img{
	margin-bottom:10px;
	margin-right:5px;
	border:solid #666 1px;
}
.links_bottom{
	color: #fff;
	text-align:center;
	margin-top: 10px;
}
.warning  {
border : 3px solid #c00;
padding : 0 10px;
background : url(images/stripes-warning.png);
}
.warning p{
color:#FFFFFF;
}
.greetings {
text-align : right;
font-weight : bold;
font-style : italic;
}
.rechts{
	float:left;
	margin-right:15px;
	margin-top:5px;
} 
/* Lightbox*/
/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align:left;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption, .clear{ 
	clear: both; 
}
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#sliderIndex a b {
	color: #ff9900;
}

/** html #lightview { 
	/* IE6 
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.navbarHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}*/

.skills td, .working td {
	vertical-align: top;
}

#inline_zeugnis {
	overflow: auto;
	width: 500px;
	height: 100px;
	background-color: #FDFDFD;
	display: none;
}

#content_bottom tr td {
	vertical-align: top;
}

#content_bottom article {
	display: block;
	margin: 0 0 25px 20px;
}

#content_bottom article i{
	display: block;
	margin: 0 0 5px 0;
}

#content_bottom hr{
	margin: 25px 0;
}

#overlay {
	display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    z-index: 1000;
}

/*inline player*/
#soundmanager-debug {
            		/* SM2 debug container (optional, makes debug more useable) */
 position:absolute;position:fixed;*position:absolute;bottom:10px;right:10px;width:50em;height:18em;overflow:auto;background:#fff;margin:1em;
 padding:1em;border:1px solid #999;font-family:"lucida console",verdana,tahoma,"sans serif";font-size:x-small;line-height:1.5em;opacity:0.9;filter:alpha(opacity=90);
            		}
            		
body {
}

h1, h2 {
	letter-spacing:-1px; /* zomg web x.0! ;) */ 
}

h2 {
	font-size:2em;
}

h3 {
	font-size:1.5em;
}

h1 a,
h1 a:hover {
	color:#000;
	text-decoration:none;
}

h1 a:hover {
	text-decoration:underline;
}
.th_datei{
	width:25px;
	text-align:left;
}
table{
	border:0;
}

ul.notes {
	margin-left:0px;
	padding-left:1.5em;
}

.note {
	margin-top:0px;
	font-style:italic;
	color:#999;
}

pre {
	font-size:1.2em;
	_font-size:1em;
}

#left {
	/*max-width:56em;*/
}

ul.flat {
	list-style-type:none;
	padding-left:0px;
}

ul.flat li,
ul.graphic li {
	padding-bottom:1px;
}

ul.flat li a {
 display:inline-block;
 padding:2px 4px 2px 4px;
}

ul.graphic {
 list-style-type:none;
 padding-left:0px;
 margin-left:0px;
}

/* background-image-based CSS3 example */

ul.graphic {
 list-style-type:none;
 margin:0px;
 padding:0px;
}

ul.graphic li {
 margin-bottom:2px;
}
th{
	background-color:#000000;
	color:#FFFFFF;
}


ul.graphic li a,
ul.graphic li a.sm2_link {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 display:inline-block;
 padding-left:22px;
 min-height:16px;
 border:3px solid #737373;
 background-color:#737373;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 padding:0px 3px 0px 20px;
 min-width:35px;
 _width:35px;
 text-decoration:none;
 font-weight:bold;
 color:#fff;
 text-shadow: 0 0 0 #000; /* stupid Safari "fat" font rendering tweak */
  background:#737373 url(../images/player/icon_play.png) no-repeat 0px 50%;
 _background-image:url(../images/player/icon_play.gif); /* IE 6 */
}

ul.graphic li a.sm2_link {
 /* safari 3.1+ fun (or, proprietary crap. TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.15s ease-in-out;
}

ul.graphic li a.sm2_paused:hover,
ul.graphic li a.sm2_link:hover {
 background:#333 url(../images/player/icon_play.png) no-repeat 0px 50%;
 _background-image:url(../images/player/icon_play.gif); /* IE 6 */
 border-color:#333;
}

ul.graphic li a.sm2_paused {
 background-color:#999;
 border-color:#999;
}

ul.graphic li a.sm2_paused:hover {
 background:#999 url(../images/player/icon_play.png) no-repeat 0px 50%;
 _background-image:url(../images/player/icon_play.gif);
 border-color:#999;
}

ul.graphic li a.sm2_playing,
ul.graphic li a.sm2_playing:hover {
 background:#FF9900 url(../images/player/icon_pause.png) no-repeat 0px 50%;
 _background-image:url(../images/player/icon_pause.gif);
 border-color:#FF9900;
 text-decoration:none;
}

ul.graphic li a.sm2_playing {
}

/* flat CSS example */

ul.flat a.sm2_link {
 /* default state: "a playable link" */
 border-left:6px solid #999;
 padding-left:4px;
 padding-right:4px;
}

ul.flat a.sm2_link:hover {
 /* default (inactive) hover state */
 border-left-color:#333;
}


ul.flat a.sm2_playing {
 /* "now playing" */
 border-left-color:#6666ff;
 background-color:#000;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_playing:hover {
 /* "clicking will now pause" */
 border-left-color:#cc3333;
}

ul.flat a.sm2_paused {
 /* "paused state" */
 background-color:#666;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_paused:hover {
 /* "clicking will resume" */
 border-left-color:#33cc33;
}

/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider p{
	color: #fff;
	text-align: right;
	font-size: 9px;
	letter-spacing: 1px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */

#sliderIndex {
	position:relative;
	background:#202834 url(../images/loading.gif) no-repeat 50% 50%;
	height: 222px;
	overflow: hidden;
}
.nivoSlider{
	height: 222px;
	overflow: hidden;
}
sliderIndex img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#sliderIndex a {
	border:0;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}