/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	MBS / Basic CSS
	M rz 2008 / Roland Stern / S2 intermedia
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Basic
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html, body{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Global / wrap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#global-wrap{
	width: 994px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Header / wrap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#header-wrap{
	height: 85px;
	background-color: #07294c;
}

div.header-zone{
	padding-top: 9px;
	padding-left: 45px;
}

div.logo-zone{
	float: left;
}

div.mbs-logo-symposium{
	width: 315px;	
}
div.mbs-text-symposium{
	color: #FFFFFF;
	text-align: center;
	width: 350px;
	padding-top: 18px;
}
div.mbs-text-symposium h1{
	color: #FFFFFF;
	font-size: 24px;
}

div.service-zone{
	float: right;
	padding-top: 15px;
	width: 650px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Search / Zone
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.search-zone{
	float: right;
	width: 270px;
}	

div.search-zone input{
	background-color: #72869e;
	border: 1px solid #FFFFFF;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	width: 164px;
}
div.search-zone input.button-submit{
	padding: 0px!important;
	background-image: url(../gfx/but_search_submit.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 19px;
}

p.searchswitch a{
	margin: 0px 5px 0px 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Service
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-service{
	float: right;
}

div.navigation-service ul{
	margin: 0px;
	margin-top: 1px;
	padding: 0px;
	list-style: none;
}
div.navigation-service ul li{
	display: inline;
	float: left;
}
div.navigation-service ul li a{
	margin-left: 7px;
	margin-right: 7px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}
div.navigation-service ul li.service-last a{
	margin-right: 16px;
}
div.navigation-service ul li a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / wrap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation-wrap{
	height: 30px;
	background-color: #FFFFFF;
	border-bottom: 10px solid #f99c1c;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Main / Function Layer Menu
	filter: Alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation-wrap{
	width: 994px;
	height: 30px;
	background-color: #FFFFFF;
}

div.navigation-main-zone {
	z-index: 10;
	padding-top: 3px;
	padding-left: 215px;
}

div.navigation-main-zone a {
	display: block;
}

div.navigation-main-zone li {
	list-style-image: none;
	position: relative;
}

/* ~~~~~ Ebene 1 ~~~~~ */
div.navigation-main-zone ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

div.navigation-main-zone ul li{
	display: inline;
	float: left;
}

/* ~~~~~ Ebene 2 ~~~~~ */
div.navigation-main-zone ul ul {
	position: absolute;
	z-index: 5;
}
div.navigation-main-zone ul ul li {
	width: 150px;
}
div.navigation-main-zone ul ul a {
	width: 150px;
}


div.navigation-main-zone ul ul {
	display: none;
}
div.navigation-main-zone ul li:hover ul {
	display: block;
}

/* NAVIGATION FUER IE */
*html body {
	behavior: url(fileadmin/templates/css/csshover.htc);
}
*html div.navigation-main-zone{
	z-index: 1000;
}
*html div.navigation-main-zone ul{
}
*html div.navigation-main-zone ul li {
}
*html div.navigation-main-zone ul li a {
} 
*html div.navigation-main-zone ul ul{
	width: 150px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Main / Style Layer Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-main-zone a {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #07294c;
	text-decoration: none;
	margin: 0;
	padding: 6px 0px 6px 0px;
}

div.navigation-main-zone a:hover {
	color: #f99c1b;
}

/* ~~~~~ Ebene 1 ~~~~~ */
div.navigation-main-zone ul li a {
	padding-left: 10px;
	padding-right: 10px;
}

/* ~~~~~ Ebene 2 ~~~~~ */
div.navigation-main-zone ul li ul li a {
	font-weight: normal;
	text-transform: none;
	background-color: #72869E; /* Blau */
	background-color: #FFFFFF; /* Blau */
	border-left: 1px solid #F99C1C;
	border-right: 1px solid #F99C1C;
	
	padding-left: 20px;
	
	background-image: url(../gfx/bg_navigation_sub_blau.gif);
	background-repeat: no-repeat;
	background-position: 9px 8px;
}
div.navigation-main-zone ul li ul li a:hover{
	color: #F99C1C;
}
div.navigation-main-zone ul li ul li.sub-last a {
	border-bottom: 1px solid #F99C1C; /* Orange */
}
div.navigation-main-zone ul li ul li.sub-first a {

}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Language
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-language-zone{
	float: right;
	padding-right: 270px;
	margin-top: 7px;
}
div.navigation-language-zone ul{
	margin: 0px;
	padding: 0px;
	list-style: none;		
}
div.navigation-language-zone ul li{
	display: inline;
	float: left;
	margin-left: 3px;
}

div.navigation-language-zone ul li.language-first{
	margin-left: 0px;
}

div.navigation-language-zone ul li img{

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Sub / wrap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation-sub-wrap{
	min-height: 100px;
	width: 200px;
	float: left;
	background-color: #72879d;
}

div.navigation-title{
	padding-top: 27px;
	padding-bottom: 25px;
	padding-left: 10px;
}


div.navigation-title h1{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px!important;
}

div.navigation-title h1 a{
	color: #FFFFFF;
	text-decoration: none;
}
div.navigation-title h1 a:hover{
	color: #f99c1c;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Sub
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-sub-zone{
	margin-bottom: 40px;	
}

/* ~~~~~ Ebene 1 ~~~~~ */
div.navigation-sub-zone ul{
	margin: 0px;
	padding: 0px;
	list-style: none;	
}

div.navigation-sub-zone ul li{
	list-style-image: none;
	width: 100%;
}

div.navigation-sub-zone ul li a{
	display: block;
	width: 177px;
	
	color: #FFFFFF;
	text-decoration: none;

	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 21px;
	padding-right: 2px;
	
	background-image: url(../gfx/bg_navigation_sub.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px; 
}
div.navigation-sub-zone ul li a:hover{
	background-color: #f99c1c;
	color: #FFFFFF;
}

div.navigation-sub-zone ul li a#sub-1-active{
	font-weight: bold;
}


/* ~~~~~ Ebene 2 ~~~~~ */
div.navigation-sub-zone ul li ul li a{
	background-color: #a3b1bf;
	padding-left: 34px;
	background-image: none;
	width: 164px;
}
div.navigation-sub-zone ul li ul li a#sub-2-active{
	font-weight: bold;
}

/* ~~~~~ Ebene 3 ~~~~~ */
div.navigation-sub-zone ul li ul li ul li a{
	background-color: #dae0e5;
	padding-left: 48px;
	color: #000000;
	width: 150px;
}
div.navigation-sub-zone ul li ul li ul li a:hover{
	color: #000000;
}
div.navigation-sub-zone ul li ul li ul li a#sub-3-active{
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content / wrap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#content-global-wrap{
	background-image: url(../gfx/bg_content_global_wrap.gif);
	background-repeat: repeat-y;
}

div#content-wrap{
	width: 794px;
	padding-top: 27px;
	float: left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content / zone
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.content-zone{
	float: left;
	width: 525px;
	min-height: 100px;
}

div.content{
	padding-left: 25px;
	padding-right: 25px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content / 1 Spaltig
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.content-one-column div.content-zone{
	width: 794px;
}

div.content-one-column div.content-zone div.content p{

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content / Left Images
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.content-images-zone{
	padding: 27px 21px;
}
div.content-images-zone img.claim-image{
	border: 2px solid #F99C1C;
	padding: 1px;
	margin-bottom: 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Context / zone
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.context-zone{
	float: left;
	width: 269px;
	min-height: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Footer / wrap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#footer-wrap{
	background-color: #07294c;
	color: #FFFFFF;
}

div.footer-zone{
	border-top: 13px solid #FFFFFF;
}
div.footer-zone p{
	padding-top: 10px;
	padding-bottom: 0px; 
	padding-left: 30px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Content / Inhaltsangabe
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation-content-wrap{
	margin-top: 25px;
	margin-bottom: 10px;
}

div.navigation-content-zone{
	background-color: #ecf0f3;
	width: 225px;
	height: 277px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	overflow: hidden;
}

div.navigation-content-zone h1{
	font-size: 12px;	
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px!important;
}
div.navigation-content-zone a{
	text-decoration: none;
}
div.navigation-content-zone a:hover{
	text-decoration: underline;
}

div.navigation-content-image{
	width: 225px;
	height: 140px;
	overflow: hidden;
}

div.navigation-content-text{
	padding: 10px;
	padding-top: 3px;
}

a.navigation-content-more{
	display: block;
	padding-top: 3px;
	font-weight: bold;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Gemischtes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
option.navigation-language-noactive{
	color: #CCCCCC;
	display: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Global / Formatierungen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1{
	margin-bottom: 23px;
	font-size: 16px;
	color: #0b3864;
}

h2{
	margin-top: 30px!important;
	font-size: 14px;
	color: #0b3864;
}

h3{
	margin-top: 30px!important;
	margin-bottom: 5px!important;
	font-size: 12px;
	color: #0b3864;
}

h1 a,
h2 a,
h3 a{
	color: #0b3864;
}

li{
	list-style-image: url(../gfx/bg_li.gif);
}

div#content-wrap li{
	padding-top: 3px;
	padding-bottom: 3px;
}

a{
	color: #000000;
}

a:hover{
	color: #0b3864;
	text-decoration: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Homepage
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.home-wrap{
	background-image: none!important;
}

div.home-wrap div#content-wrap{
	width: 994px!important;
	padding-top: 0px!important;
}

div.home-wrap div#content-wrap div.content-zone{
	width: 725px!important;
	height: 432px!important;
	overflow: hidden;
}


div.claim-zone{
	position: absolute;
}

div.navigation-home-zone{
	position: absolute;
	width: 564px;
	height: 334px;
	margin-left: 161px;
	margin-top: 43px;
	z-index: 999;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Printlink
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.printlink{
	margin-top: 20px;	
}

/*
div.printlink a{
	background-image: url(../gfx/arrow_small.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
	text-decoration: none;
	color: #07294C;
}
*/
div.printlink a{
	padding-left: 10px;
	text-decoration: none;
	color: #07294C;
}

div.printlink a:hover{
	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Random Content 2 / Home 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.home-random-image{
	position: absolute;
	margin-left: 161px;
	margin-top: 301px;
	background-color: #FFFFFF;
	width: 563px;
	overflow: hidden;
	z-index: 1000;
}

div.home-random-image dl{
	margin: 0px!important;
}

div.home-random-image h1,
div.home-random-image h2,
div.home-random-image h3{
	margin: 10px!important;
}
div.home-random-image p{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Home 
	filter: Alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-home-zone{
	
}
div.navigation-home-zone a{
	text-decoration: none;	
}

/* ~~~~~ Ebene 1 ~~~~~ */
div.navigation-home-zone ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.navigation-home-zone ul li{
	width: 140px;
	margin-right: 1px;
	float: left;
	display: inline;
	list-style-image: none!important;
	height: 257px;
	padding: 0px!important;
	overflow: hidden;
}

div.navigation-home-zone ul li.home-last{

}

div.navigation-home-zone ul li dl dt{
	background-color: #FFFFFF;
}

div.navigation-home-zone ul li dl a{
	color: #072a4c;
	padding-left: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}

div.navigation-home-zone ul li dl a:hover{
	background-color: #F99C1C;
}

/* ~~~~~ Ebene 2 ~~~~~ */
div.navigation-home-zone ul li dl dd{
	background-color: #FFFFFF;
	height: 222px;
	overflow: hidden;
	filter: Alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
}
div.navigation-home-zone ul li dl dd ul li{
	float: none!important;
	list-style-image: none!important;
	height: auto!important;
	display: block!important;
}
div.navigation-home-zone ul li dl dd ul li.home-sub-first{
}
div.navigation-home-zone ul li dl dd ul li a{
	text-transform: none;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}
div.navigation-home-zone ul li dl dd ul li a:hover{
	background-color: #F99C1C;
}

div.navigation-home-zone ul li dl dd ul li.navigation-home-sub-more a{

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	News / Termine / Home
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.news-home-zone{
	height: 181px;
	overflow: hidden;
}

div.news-home-zone h1{
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
}

div.event-home-zone{
	height: 251px;
	overflow: hidden;
	background-color: #a6cbde;
}
div.event-home-zone h1{
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / tt_news
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~ Latest / News ~~~~~ */
div.news-latest-container{
	padding-left: 15px;
	padding-right: 5px;
}

div.news-latest-container a{
	color: #072a4c;
	text-decoration: none;
}
div.news-latest-container a:hover{
	text-decoration: underline;
}
div.news-latest-container ul{
	margin-left: 15px;
}
div.news-latest-container ul li{
	margin-bottom: 5px;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}

div.news-latest-container p.news-latest-morelink a{
	font-weight: bold;	
}



/* ~~~~~ Latest / Event ~~~~~ */
div.event-latest-left{
	float: left;
	width: 90px;
}
div.event-latest-right{
	float: left;
	width: 158px;
}
div.event-latest-container{
	padding-left: 15px;
	padding-right: 5px;
}
div.event-latest-container a{
	color: #072a4c!important;
	text-decoration: none;
}
div.event-latest-container a:hover{
	text-decoration: underline!important;
}

div.event-latest-container div.event-latest-title{
	font-weight: bold!important;
	margin-bottom: 3px;
}

div.event-latest-container div.event-latest-item{
	margin-bottom: 10px;
}

div.event-latest-container div.event-latest-date,
div.event-latest-container div.event-latest-image{
	margin-bottom: 3px;
}

div.event-latest-container div.event-latest-text{
	display: inline;
	width: 158px;
}
div.event-latest-container div.event-latest-text p{
	margin: 0px;
	padding: 0px;
}

div.event-latest-container p.event-latest-morelink a{
	font-weight: bold;	
}

div.news-home-zone p a,
div.event-home-zone p a{
	font-weight: bold;
	text-decoration: none!important;
	color: #072a4c!important;
	margin-left: 15px;
}
div.news-home-zone p a:hover,
div.event-home-zone p a:hover{
	text-decoration: underline!important;
}

div.teaserboxes-typ-2 div.event-list-item h2{
	margin-top: 0px!important;
}
div.teaserboxes-typ-2 div.event-list-item span.date{
	display: none;
}


/* ~~~~~ Latest / Event / Teaserboxen ~~~~~ */
div.teaserboxes-typ-1 div.event-latest-container,
div.teaserboxes-typ-2 div.event-latest-container{
	padding-left: 0px;
	padding-right: 0px;
}

div.teaserboxes-typ-1 div.event-latest-left,
div.teaserboxes-typ-2 div.event-latest-left {
	width: 80px;
}

div.teaserboxes-typ-1 div.event-latest-right,
div.teaserboxes-typ-2 div.event-latest-right {
	margin-left: 5px;
	width: 134px;
}


/* ~~~~~ List / Event ~~~~~ */
div.event-list-item{
	border-top: 1px solid #CCCCCC;
	padding-top: 13px;
	margin-top: 10px;
}
div.event-list-item h2{
	margin-top: 5px!important;
}
div.event-list-item div.event-list-subheader{
	padding-bottom: 3px;
}
div.event-list-item span.date{

}
div.event-list-item div.news-list-image{
	float: left;
	margin: 0px 17px 10px 0px;
}




/* ~~~~~ List / News ~~~~~ */
div.news-list-container h1{
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
}

div.news-list-item{
	margin: 10px 0px;
	clear: left;
}

div.news-list-container h1 span{
	float: left;
	width: 90px;
	font-weight: bold;
}

div.news-list-container h1 a{
	width: 375px;
	float: left;
	padding-left: 9px;
	border-left: 1px solid #0B3864;
}



/* ~~~~~ Single / News ~~~~~ */
div.news-single-image{
	float: left;
	margin: 0px 0px 10px 0px;
	width: 167px;
}

div.news-single-image *{
	margin: 0px;
	padding: 0px;	
}

div.news-single-subheader{
	font-weight: bold;
	color: #0B3864;
	margin-bottom: 15px;
}

div.news-single-backlink{
	padding-top: 10px;
}

div.news-single-item span.date{
	float: right;
	margin: 0px 0px 5px 25px;
}
div.news-single-video{
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
}
div.news-video-link{
	float: left;
	clear: both;
	width: 167px;
	margin: 0px 0px 10px 0px;
}

p.news-single-imgcaption {
	padding-right: 17px;
}

div.news-single-text{

}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / contentwrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.teaserboxes-typ-1 h1,
div.teaserboxes-typ-2 h1,
div.teaserboxes-typ-3 h1,
div.teaserboxes-typ-1 h2,
div.teaserboxes-typ-2 h2,
div.teaserboxes-typ-3 h2,
div.teaserboxes-typ-1 h3,
div.teaserboxes-typ-2 h3,
div.teaserboxes-typ-3 h3  {
	margin-top: 5px!important;	
}


/* ~~~~~ Teaserbox - 1 ~~~~~ */
div.teaserboxes-typ-1{
	background-color: #d2e5ee;
	overflow: hidden;
	padding: 25px;
	margin-bottom: 10px;
}
div.teaserboxes-typ-1 ul{
	margin-left: 15px;
}
div.teaserboxes-typ-1 div.csc-textpic-imagewrap{
	margin-left: -25px!important;
	margin-bottom: -25px!important;
	display: inline;
	clear: both;
}
div.teaserboxes-typ-1 div.csc-textpic-imagewrap dl{
	margin-bottom: 0px!important;
}
div.teaserboxes-typ-1 *{
	font-size: 11px!important;
}

div.teaserboxes-typ-1 h2{
	font-size: 16px!important;
}
div.teaserboxes-typ-1 h2{
	font-size: 14px!important;
}
div.teaserboxes-typ-1 strong,
div.teaserboxes-typ-1 b{
	font-size: 12px!important;
}
/* ~~~~~ Teaserbox - 2 ~~~~~ */
div.teaserboxes-typ-2{
	overflow: hidden;
	padding: 25px;
	padding-bottom: 10px;
	background-color: #dae0e5;
	background-image: url(../gfx/bg_teaserbox-2.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
div.teaserboxes-typ-2 *{
	font-size: 11px!important;
}

div.teaserboxes-typ-2 h2{
	font-size: 16px!important;
}
div.teaserboxes-typ-2 h2{
	font-size: 14px!important;
}
div.teaserboxes-typ-2 strong,
div.teaserboxes-typ-2 b{
	font-size: 12px!important;
}

div.teaserboxes-typ-2 div.csc-textpic-imagewrap{
	display: inline;
	clear: both;
}

/* ~~~~~ Teaserbox - 2 // Bildausrichtungen ~~~~~ */
div.teaserboxes-typ-2 div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.teaserboxes-typ-2 div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap{
	margin-left: -25px!important;
	margin-top: -25px!important;
}
div.teaserboxes-typ-2 div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.teaserboxes-typ-2 div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap{
	margin-right: -25px!important;
	margin-top: -25px!important;
}

div.teaserboxes-typ-2 div.csc-textpic-intext-left div.csc-textpic-imagewrap{
	margin-bottom: 1px!important;
}
div.teaserboxes-typ-2 div.csc-textpic-intext-right div.csc-textpic-imagewrap{
	margin-bottom: 1px!important;
}

div.teaserboxes-typ-2 div.csc-textpic-left div.csc-textpic-imagewrap{
	margin-left: -25px!important;
}
div.teaserboxes-typ-2 div.csc-textpic-right div.csc-textpic-imagewrap{
	margin-right: -25px!important;
}
div.teaserboxes-typ-2 div.csc-textpic-above div.csc-textpic-imagewrap{
	margin-top: -25px!important;
}
div.teaserboxes-typ-2 div.csc-textpic-below div.csc-textpic-imagewrap{
	margin-bottom: -25px!important;
}

/* ~~~~~ Teaserbox - 3 // 1px Linie oben~~~~~ */
div.teaserboxes-typ-3{
	border-top: 1px solid #CCCCCC;
	margin-top: 10px;
	padding-top: 13px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / kb_nescefe
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~ 2 - Spaltig ~~~~~ */
div.ext-content-2col-zone{
	margin-bottom: 10px;
}
div.ext-content-2col-left{
	float: left;
	width: 230px;
}
div.ext-content-2col-right{
	margin-left: 15px;
	float: left;
	width: 230px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / indexed_seach
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tx-indexedsearch-res{
	margin: 30px 0px!important;
}

div.tx-indexedsearch-res h2{
	margin-bottom: 0px;
	background-color: #EDEDED;
	padding-bottom: 2px;
}

div.tx-indexedsearch-res h2 a{
}

div.tx-indexedsearch-res .icon{
	position: relative;
	bottom: -3px;
	right: -2px;
}

div.tx-indexedsearch-res h2 a:hover{
	text-decoration: underline;
}

.tx-indexedsearch-sw,
div.tx-indexedsearch-res .tx-indexedsearch-redMarkup{
	color: #0B3864!important;
}

ul.browsebox{
	margin-left: 0px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / polaroid Flash Galerie
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#flashgallery,
div#flashgallerysmall{
	z-index: 1;
	margin-bottom: 20px;
}

div#flashgallery embed,
div#flashgallerysmall embed{
	z-index: 1;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension / S2 formtomail
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
div.formular-err{
	border: 1px solid #F99C1C;
	padding: 20px;
	margin-bottom: 20px;
}
div.formular-err *{
	color: #F99C1C;
}


div#formular-feedback input,
div#formular-feedback textarea,
div#formular-feedback select{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	color: #000000;
}

div#formular-feedback select option{
	padding-bottom: 2px;
}

input.no-border{
	border: none!important;
	width: auto!important;
}


div#formular-feedback{
	
}
div#formular-feedback dt{
	width: 100px;
	float: left;
	clear: left;
	padding-top: 3px;
}
div#formular-feedback dd{
	margin-bottom: 5px;
}


div#formular-feedback dl#zone-contact input,
div#formular-feedback dl#zone-contact select{
	width: 365px;
}

div#formular-feedback dl#zone-contact select#Titel{
	width: 208px;
}
div#formular-feedback dl#zone-contact input#Plz{
	width: 65px;
}
div#formular-feedback dl#zone-contact input#Ort{
	width: 255px;
}
div#formular-feedback dl#zone-contact input#Vorname{
	width: 153px;
}
div#formular-feedback dl#zone-contact input#Name{
	width: 153px;
}
div#formular-feedback dl#zone-across-mbs input{
	width: 210px;
}

div#formular-feedback dl#zone-choice-1,
div#formular-feedback dl#zone-choice-2,
div#formular-feedback dl#zone-choice-3,
div#formular-feedback dl#zone-choice-4,
div#formular-feedback dl#zone-choice-5,
div#formular-feedback dl#zone-choice-global{

}

div#formular-feedback dl#zone-across-mbs,
div#formular-feedback dl#zone-academic-degree,
div#formular-feedback dl#zone-choice-1,
div#formular-feedback dl#zone-choice-2,
div#formular-feedback dl#zone-choice-3,
div#formular-feedback dl#zone-choice-4,
div#formular-feedback dl#zone-choice-5,
div#formular-feedback dl#zone-choice-global,
div#formular-feedback dl#zone-captcha,
div#formular-feedback dl#zone-form-buttons{
	border-top: 1px solid #CCCCCC;
	margin-top: 25px;
	padding-top: 25px;
}

div#formular-feedback dl#zone-across-mbs dt,
div#formular-feedback dl#zone-academic-degree dt{
	width: auto;
	float: none;
	clear: left;
	padding-top: 0px;
	padding-bottom: 3px;
	font-weight: bold;
}

div#formular-feedback dl#zone-choice-1 dt,
div#formular-feedback dl#zone-choice-2 dt,
div#formular-feedback dl#zone-choice-3 dt,
div#formular-feedback dl#zone-choice-4 dt,
div#formular-feedback dl#zone-choice-5 dt{
	width: 30px;
	padding-top: 0px;
	padding-bottom: 3px;
}

div#formular-feedback dl#zone-choice-1 dd,
div#formular-feedback dl#zone-choice-2 dd,
div#formular-feedback dl#zone-choice-3 dd,
div#formular-feedback dl#zone-choice-4 dd,
div#formular-feedback dl#zone-choice-5 dd{
	padding-top: 2px;
}

div#formular-feedback dl#zone-choice-global dt,
div#formular-feedback dl#zone-captcha dt{
	width: 150px;
}

div#formular-feedback dl#zone-choice-global textarea{
	width: 320px;
	height: 45px;
}

select#input-academic-degree{
	width: 475px;
}

div#formular-feedback dl#zone-captcha dd img{
	border: 1px solid #CCCCCC;
	padding: 1px;
}

div#formular-feedback dl#zone-captcha dd {
	float: left;
	display: block;
}
div#formular-feedback dl#zone-captcha dd div.captcha-left{
	float: left;
	width: 120px;
}
div#formular-feedback dl#zone-captcha dd div.captcha-right{
	float: left;
	width: 200px;
}

div#formular-feedback dl#zone-captcha dd input{
	width: 102px;
}


div#formular-feedback dl#zone-form-buttons dt{
	width: 0px;	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Tooltip
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.tooltip-wrap-right img{
	float: right;
	cursor: pointer;
}
.tool-tip {
	width: 300px;
	z-index: 13000;
	overflow: hidden;
}
.tool-tip *{
	color: #ffffff;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0;
	padding: 8px 8px 4px;
	background: url(../gfx/tooltip_gross.png) top left;
	border-bottom: 1px solid #ffffff;
	background-color: #07294C;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 4px 8px;
	background-color: #72869E;
	background: url(../gfx/tooltip_gross.png) bottom left;
}
.tool-text img{
	padding: 1px;
}
.tool-text a {

}
.tool-loading {
	background: url(../gfx/ajax_load_1.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}
div.tooltip-content{
	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Slideshow
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

.slideshow-images {
	height: 300px;
	width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

.slideshow {
	height: 300px;
	margin: 0 auto;
	width: 400px;
}
.slideshow a img {
	border: 0;
}

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}
