/* navigation */
#flowtabs {
	height: 263px;
	width: 205px;
    float: left;
    position: relative;
    overflow: hidden;
}
#flowtabs #t1,
#flowtabs #t2,
#flowtabs #t3,
#flowtabs #t4 {
    margin-bottom: 4px;
    position: relative;
    cursor: pointer;
    height: 52px;
}
#flowtabs #t1 {
    margin-top: 10px;
    background: url(../pictures/gomb01.jpg) right top no-repeat;
}
#flowtabs #t2 {
    background: url(../pictures/gomb02.jpg) right top no-repeat;
}
#flowtabs #t3 {
    background: url(../pictures/gomb03.jpg) right top no-repeat;
}
#flowtabs #t4 {
    background: url(../pictures/gomb04.jpg) right top no-repeat;
}
#flowtabs #t1.current,
#flowtabs #t1:hover {
    background: url(../pictures/gomb01_aktiv.jpg) right top no-repeat;
}
#flowtabs #t2.current,
#flowtabs #t2:hover {
    background: url(../pictures/gomb02_aktiv.jpg) right top no-repeat;
}
#flowtabs #t3.current,
#flowtabs #t3:hover {
    background: url(../pictures/gomb03_aktiv.jpg) right top no-repeat;
}
#flowtabs #t4.current,
#flowtabs #t4:hover {
    background: url(../pictures/gomb04_aktiv.jpg) right top no-repeat;
}

/* panes */
#flowpanes {
    float: left;
    width: 820px;
	height: 263px;
    position: relative;
    overflow: hidden;
}
#flowpanes .items {
    width: 20000em;
    position: absolute;
    clear: both;
    margin: 0;
    padding: 0;
}
#flowpanes .item {
    display: none;
    float: left;
    display: block;
    width: 820px;
	height: 263px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
#flowpanes .item .item_inner {
    position: relative;
    color: #000000;
    padding: 20px;
}
#flowpanes #t1_item {
    background: url(../pictures/kep01.jpg) left bottom no-repeat;
}
#flowpanes #t2_item {
    background: url(../pictures/kep02.jpg) left bottom no-repeat;
}
#flowpanes #t3_item {
    background: url(../pictures/kep03.jpg) left bottom no-repeat;
}
#flowpanes #t4_item {
    background: url(../pictures/kep04.jpg) left bottom no-repeat;
}


#flowpanes .item h1 {
    color: #FFFFFF;
}