/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*++ modified Richard Khoury - richard@arteam.it - vers. k2 > making white style as default ++*
*
*/
* { margin: 0; padding: 0; outline-width:0; }
html { font-size: 100%; }
body { font-size: 68.75%; font-family: verdana,arial,helvetica,sans-serif; background-color: #fff; }

h1 { font-size: 1.3em; color:#525252; border-bottom: 2px solid #777; }
h2 { font-size: 1.3em; margin: -.16em 0 .5em 0; color:#525252; border-bottom: 0px solid #777; border-top: 0px solid #777; }
h3 { font-size: 1.6em; text-align: right; }
h3 a:link,  h3 a:visited { color: #FFA500; line-height:120%; }
h3 a:hover { color: #fff000; }
h4 { font-size: 1.2em; color: #525252; }
h5 { font-size: 1.1em; color: #525252; }
h6 { font-size: 1em; color: #333; font-weight: bold; }

a:link { text-decoration: none; color: #666; }
a:active { text-decoration: none; color: #666; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: none; color: #fff000; }

a img { border: none; }

code { font-size: 1em; text-align: left; color: #333; }
dd { margin-left: .5em; }
hr { position:absolute; top:0; left:-9000px; }
p { margin: 0; }

.desc { margin: .1em 0 .6em 0; font-style:normal; color:#666; }
#img { background-color: transparent; margin: 0; }
#menu { width: 16%; overflow: auto; top: 25px; left: 33px; margin: 0; position: fixed; height: 88%; background-color: transparent; max-width: 220px; }
#menu .container { margin: 0; padding: 0; }
#content { margin: 29px 0 0 20%; display:block; }
#content .container { margin: 0; padding: 0 0 0 1em; }
#content .col_2, #content .col_3 { background-color: transparent; color: #333;}
#content p { width: 64%; margin-bottom: .6em; }
#content ul, #content ol { margin-left:2em; }
#ie6_alert { display: none; }
#once { clear: left; }

/*+++++++++++ text stuff +++++++++++*/
/* columns style */
.col_wrapper, .col_wrapper_2 { font-size:1em; display: block; background-color: transparent; float: left; width: 760px; margin: 0 0 1em 0; border-bottom: 0px solid #777; }
.col_wrapper_1 { font-size:1em; display: block; background-color: transparent; float: left; width: 99%; max-width: 99%; margin: 0 0 .3em 0; }
.col_wrapper_cap, .col_wrapper_deux { font-size:1em; display: block; background-color: transparent; float: left; width: 500px; margin: 0 1em .3em 0; border: 0px solid #ccc; }

/* 4 columns style */
.col_4 { background-color: transparent; color: #000; float: left; display: block; width: 24%; margin: 0; padding: .2em 1em .5em .2em; }
.col_4 p { background-color: #eee; width: 98% !important; margin: .16em; }

/* 3 columns style */
.col_3 { text-align: justify; color: #000; background-color: transparent; float: left; display: block; width: 30%; margin: 0; padding: .2em 1em .5em .2em; }
.col_3 p { background-color: #eee; width: 98% !important; margin: .16em; }

/* 2 columns style */
.col_2 { text-align: left; background-color: transparent; float: left; display: block; width: 48%; margin: 0; padding: .2em .5em .5em .2em; }
.col_2 p { background-color: transparent; width: 98% !important; margin: .16em; }
.col_cap { text-align: left; background-color: transparent; float: left; display: block; width: 48%; margin: 0; padding: .5em .2em .5em .2em; border-top: 1px solid #777; }
.col_cap p { background-color: transparent; width: 98% !important; margin: .16em; }

/* 1 column style */
.col_1 { text-align: left; color: #000; background-color: transparent; float: left; display: block; width: 100%; margin: 0; padding: .2em 0 0 0; }
.col_1_cap { text-align: left; color: #000; background-color: transparent; float: left; display: block; width: 100%; margin: 0; padding: .2em 0 0 0; border-top: 1px solid #777; }
.col_1 p { background-color: transparent; width: 100% !important; margin: .16em; }

/*++ news ++*/
.news { margin: .3em 0 .3em 0; width:100%; }
#news_container { width: 760px; }
#news_container .col_cap { border-top: 1px solid #eee; }
#news_container .all { border-top: 0px solid #ddd; }
#news_iframed #menu, body.news_iframed #menu .container { display:none; width: 0; }
#news_iframed #content { margin: 0; }
.news_item_end { clear: left; width: 100%; border-bottom: 1px solid #ccc; }

/*+++++++++++ images +++++++++++*/
.grow { margin: 0; border: 0px solid #777; }
.pic { margin: .3em 0 0 0; }
.pic p a:link, .pic p a:visited { background-color: #666; color:#eee; padding: 0px 3px 1px 3px; margin: 0; }
.pic p a:hover { background-color: #000; color:#fff; padding: 0px 3px 1px 3px; margin: 0; }
.txt_sx { float: left; padding: 0 .6em .6em 0em; width: 48px; }

/*+++++++++++ menu +++++++++++*/
#menu p { background-color: transparent !important; }
#menu ul { list-style: none; background-color: transparent !important; text-align: right; }
#menu li { display: block; margin-top: 2px; }
#menu li a { text-decoration: none; background-color: transparent !important; color: #888; padding: 0 2px; border-right: 0px solid #ddd; }
#menu li a:visited { text-decoration: none; background-color: #ffffcc !important; color: #888; padding: 0 2px; border-right: 0px solid #ddd; }
#menu li a:hover { text-decoration: none; background-color: #ffc966 !important; color: #fff; padding: 0 2px; border-right: 0px solid #ddd; }
#menu li.active a {background-color: #888 !important; color: #fff !important; padding: 0 2px; border: 0px solid #ddd; }
#menu ul li.section-title { padding: 3px 0 2px 5px; background-color: transparent; text-align: left; text-decoration: none; color: #888; font-size: 1em; font-weight: bold; border: 0; border-bottom: 1px solid #ddd; }
#menu ul li.section-title a { padding: 3px 0 2px 5px; background-color: transparent !important; text-align: left;  text-decoration: none; color: #888; font-size: 1em; font-weight: bold; border: 0; border-bottom: 0px solid #ddd; }
#menu ul li.section-title:hover { padding: 3px 0 2px 5px; background-color: #ffff99; text-align: left;  text-decoration: none; color: #333; font-size: 1em; font-weight: bold; border: 0; border-bottom: 1px solid #888; }
#menu .menu_bottom { margin-top: 2px; background-color: transparent !important; }
#menu .menu_bottom p { border-bottom: 0px solid #ccc; }

/*+++++++++++ menu behaviour +++++++++++*/
/*++ menu toggler ++*/
.more { height: .88em; margin:0; background-color: transparent; padding: 0; border-top: 2px solid #FFa500; border-bottom: 0px solid #333; }

/* submenu toggler */
.more_2 a, .more_2 a:visited { margin: 2px 0; font-size: .9em; color: #FFa500; background-color: transparent; padding: 0 5px 0 5px; text-decoration: underline; }
.more_2 a:hover { color: #fff000; background-color: #FFa500; padding: 0 5px 0 5px; text-decoration: none; }
#show_it {padding: 0; margin-top: 4px; border-top: 1px solid #ddd; }
#show_it li { text-align: left; }

/*+++++++++++ nav behaviour +++++++++++*/
.nav, .nav_scroll { display: block; margin: 0; background-color: transparent; color:#777; position: fixed; top: 31px; left: 64%; border: 0px solid #333; }
.nav_scroll { top: 21px; left: 64%; border: 0px solid #333; }
.the_link:link, .the_link:visited, .back:link, .back:visited { font-size: .9em; display: inline-block; text-align: center; text-decoration: underline; background-color: transparent; color:#FFa500; padding: 0 2px; margin: 0; }
.the_link:hover, .back:hover { font-size: .9em; display: inline-block; text-align: center; text-decoration: none; background-color: #FFa500; color:#fff000; padding: 0 2px; margin: 0; }
.back { font-size: .96em; background-color: transparent; display: block; margin: 0 2em 0 0; }
#arrows { font-size: .9em; font-weight: bold; color: #777; margin: 0; background-color: transparent; }
#left, #right { color: #FFa500; font-size: 2em; padding: 0 2px; }
#left:hover, #right:hover { background-color: #FFa500; color:#fff000 !important; padding: 0 2px; }
.go_left { display: block; cursor: pointer; white-space:nowrap; text-align:center; font-size: .9em; font-weight: normal; color: #777; position:absolute; top:32px; padding: 0 2px; margin: 0; }
#go { color: #FFa500; padding: 0 2px; text-decoration:underline; }
#go:hover { background-color: #FFa500; text-decoration:none; color:#fff000 !important; padding: 0 2px; }

/* not really in use - only archive stuff */
#toggler { font-size: 1.1em; text-align: right; margin: 0; color: #FFa500; background-color: #fff; padding: 2px; }
#toggler:hover { margin:0; color:#fff000; background-color: #888; padding: 2px; }

/*+++++++++++ custom styles selectors +++++++++++*/

/*+++++++++++ plugins adaptors +++++++++++*/
/*++ selecting styles according to plugin ++*/
/* the max-width can be overwritten > dynamic css > plugin.horizontal */
#img-container { display: block; margin: .3em 0 0 0; padding: 0; width: 760px; border-top: 0px solid #ddd; }
#img-container p { width: 720px; margin: 0; padding: 0 0 2em 0; }

/* sarah_test */
#visindex_sk #content .container { border-top: 2px solid #ddd; }

/*++ selecting styles according to section-id ++*/
/* news */
body.section-8 #content .container {height:100%; width:100%; background-color: #fff; margin-top:0; padding-bottom: 1em; }
body.section-8 h2 { margin-bottom: 1em; }
body.section-20 #content .container {height:100%; width:100%; background-color: #fff; margin-top:0; padding-bottom: 1em; }
body.section-20 h2 { margin-bottom: 1em; }

/*++ dark style = sandbox 1 (section-7)/ photo_studio (section-13) / photo_gallery (section-19) ++*/
body.section-7 { background-color: #000; color: #ddd;}
body.section-7 h3 a:link, body.section-7 h3 a:visited { color: #FFA500; }
body.section-7 h3 a:hover { color: #fff000; }
body.section-7 h1, body.section-7 h2, body.section-7 h4, body.section-7 h5 { color: #a3a3a3; }
body.section-7 h6 { color: #a3a3a3; }
body.section-7 #content .col_wrapper { background-color: #929292; color: #333; border: 3px solid #777;}
body.section-7 #content .the_link:link, body.section-7 #content .the_link:visited { color: #FFa500; }
body.section-7 #content .the_link:hover { color: #fff; }
body.section-7 .the_link:link, body.section-7 .the_link:visited { font-size: .9em; display: inline-block; text-align: center; text-decoration: none; background-color: transparent; color:#FFa500 !important; padding: 0 2px; margin: 0; }
body.section-7 .the_link:hover { font-size: .9em; display: inline-block; text-align: center; text-decoration: none; background-color: #FFa500; color:#fff000 !important; padding: 0 2px; margin: 0; }
body.section-7 .back:link, body.section-7 .back:visited { font-size: .9em; display: inline-block; text-align: center; text-decoration: none; background-color: transparent; color:#FFa500; padding: 0 2px; margin: 0; }
body.section-7 .back:hover { font-size: .9em; display: inline-block; text-align: center; text-decoration: none; background-color: #FFa500; color:#fff000; padding: 0 2px; margin: 0; }
body.section-7 #left, body.section-7 #right { color: #FFa500; }
body.section-7 #go { color: #FFa500; padding: 0 2px; text-decoration:none; }

/*++ selecting styles according to body-id ++*/
/*++ dark style ++*/
#dark_style { background-color: #000; color: #ccc;}
#dark_style h3 a:link, #dark_style h3 a:visited { color: #FFA500; }
#dark_style h3 a:hover { color: #fff000; }
#dark_style h1, #dark_style h2 { color: #a3a3a3; }
#dark_style h4, #dark_style h5, #dark_style h6 { color: #a3a3a3; }
#dark_style #menu li a:visited { background-color: #333 !important; }
#dark_style #menu li a:hover { background-color: #FFA500 !important; }
#dark_style #menu ul li.section-title { background-color: transparent; }
#dark_style #menu ul li.section-title:hover { color: #ccc; background-color: #333; }
#dark_style #content .col_wrapper { background-color: #929292; color: #333; padding: 2px; border: 3px solid #777;}
#dark_style #content .the_link:link, #dark_style #content .the_link:visited { color: #ccc; }
#dark_style #content .the_link:hover { color: #fff; }
#dark_style .the_link:link, #dark_style .the_link:visited { font-size: .9em; display: inline-block; text-align: center; text-decoration: underline; background-color: transparent; color:#FFa500 !important; padding: 0 2px; margin: 0; }
#dark_style .the_link:hover { font-size: .9em; display: inline-block; text-align: center; text-decoration: none; background-color: #FFa500; color:#fff000 !important; padding: 0 2px; margin: 0; }
#dark_style .back:link, #dark_style .back:visited { font-size: .9em; display: inline-block; text-align: center; text-decoration: underline; background-color: transparent; color:#888; padding: 0 2px; margin: 0; }
#dark_style .back:hover { font-size: .9em; display: inline-block; text-align: center; text-decoration: none; background-color: #FFa500; color:#fff000; padding: 0 2px; margin: 0; }

/*+++++++++++ menu stuff +++++++++++*/
/*+++++++++++ menu styles selectors +++++++++++*/
/*++ selecting menu styles according to section-id ++*/
/*++ dark style = sandbox 1 (section-7) / photo_studio (section-13) / photo_gallery (section-19) ++*/
body.section-7 { background-color: #000; color: #ccc;}
body.section-7 #menu ul { background-color: transparent; }
body.section-7 #menu li a:visited { background-color: #333 !important; }
body.section-7 #menu li a:hover { background-color: #FFA500 !important; }
body.section-7 #menu ul li.section-title { background-color: transparent; }
body.section-7 #menu ul li.section-title:hover { color: #ccc; background-color: #333 !important; }
body.section-7 .more_2 a, body.section-7 .more_2 a:visited { color: #FFa500; }
body.section-7 .more_2 a:hover { color: #fff000; }
/*++ medium style  ++*/
#medium_style { background-color: #929292; }
#medium_style #menu p { background-color: #333; margin: 0; padding: 2px 0 0 2px; }
#medium_style #menu ul { list-style: none; margin: 0 0 1px 0; background-color: transparent; text-align: right; }
#medium_style #menu li a { color: #ddd; background-color: transparent; padding: 0 2px; }
#medium_style #menu li a:visited { background-color: #9c9c9c !important; }
#medium_style #menu li a:hover { text-decoration: none; background-color: #FFa500 !important; color: #fff; padding: 0 2px; }
#medium_style #menu li.active a {background-color: #858585 !important; color: #eee !important; padding: 0 2px; border: 0px solid #eee; }
#medium_style #menu ul li.section-title { padding: 3px 0 2px 5px; text-align: left; background-color: transparent; text-decoration: none; color: #ccc; font-size: 1em; font-weight: bold; border: 0; border-bottom: 1px solid #777; }
#medium_style #menu ul li.section-title:link { padding: 3px 0 2px 5px; text-align: left; background-color: #777; text-decoration: none; color: #ccc; font-size: 1em; font-weight: bold; border: 0; border-bottom: 0px solid #ddd; }
#medium_style #menu ul li.section-title:hover { padding: 3px 0 2px 5px; text-align: left; background-color: #808080; text-decoration: none; color: #fff; font-size: 1em; font-weight: bold; border: 0; border-bottom: 1px solid #ddd; }
#medium_style #menu .menu_bottom { width:100%; background-color: transparent; color:#777; margin: 0; padding-left: 0; }
#medium_style #menu .menu_bottom p { background-color: transparent; margin: 0; padding-left: 0; border-bottom: 1px solid #777; }