/* @override 
	http://localhost:8000/static/css/local.css
	http://beta.handlepictures.de/static/css/local.css
*/

body {font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;}
body {background: #000000 url(../img/background.jpg) top center no-repeat; }

/* blueprint overrides/extensions */

.box {background:none;}

/* @end */

/* @group Colors */

/*#content { background-color:rgba(64,64,64,0.8);}*/
#content * {color:whitesmoke;}

a, #content a {color:#232ebc;text-decoration:none;}
a:focus, a:hover,
#content a:focus, #content a:hover {color:#232ebc;text-decoration:underline;}

#content h1 a, #content h2 a, #content h3 a, #content h4 a {color:whitesmoke;}

#billboard {background:rgba(128,128,128,0.4);border-bottom:3px solid black;}
#billboard h2 {color:#9f020f;font-size:20px;}

#menu-about, #menu-about ul {background-color:#757981;}
#menu-images, #menu-images ul {background-color:#55565b;}
#menu-team, #menu-team ul {background-color:#1e1f1f;}

/* @end */

/* @group Column Backgrounds */

body.frontpage #content {background:url(../img/frontpage.png);}
body.info #content {background:url(../img/info.png);}
body.images #content {background:url(../img/images.png);}
body.team #content {background:url(../img/team.png);}

/* @end */

/* @group Header */

#meta-navigation {text-align:right;}
#meta-navigation a {font-size:11px;color:white;border:1px solid white;padding:0 12px 2px 12px;border-width:0 2px 2px 2px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}

#billboard .box {margin-bottom:0;padding:24px 16px 16px 64px;}
#branding, #navigation {position:relative;height:136px;}
#logo {position:absolute;left:-32px;top:16px;z-index:1000;}
#navigation > ul {position:absolute;bottom:6px;right:0px;}

/* IE Fix */
#branding {z-index:3000;}
#menu-about {z-index:2700;}
#menu-images {z-index:2600;}
#menu-team {z-index:2500;}

/* @end */

#content-info > div.box {margin-top:192px;}
body.frontpage #content-info > div.box {margin-top:65px;}

body.info-1col #news img {max-width:100%;}
.box img {max-width:100%;}
.images-full img {width:100%;}

blockquote .credit {font-style:normal;font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}

ul.no-list {margin:0;padding:0;}
ul.no-list li {list-style-type:none;display:block;}
ul.horizontal-list, ul.menu {margin:0;padding:0;white-space:nowrap;}
ul.horizontal-list li, ul.menu li {list-style-type:none;display:block;float:left;padding:0 0.2em;}

/* @group Accordion */

.accordion {border:4px solid white;border-radius:1.5em;-webkit-border-radius:6px;-moz-border-radius:6px;}
.accordion h3, .accordion h4 {color:white;background-color:black;padding:0.5em 0.75em;border-bottom:4px solid white;margin-bottom:0;}
.accordion h3 a:focus, .accordion h3 a:hover, .accordion h4 a:focus, .accordion h4 a:hover {color:white;text-decoration:underline;}
.accordion h3 a, .accordion h4 a {color:white;text-decoration:none;}

/*

@end */

#latest-news h4 .date {float:right;font-size:.8em;}

#sitemap a {color:black;}

#footer {color:whitesmoke;padding:8px;}
/*#footer {margin-top:10px;padding:0.25em 0.75em;border:4px solid white;border-radius:1.5em;-webkit-border-radius:6px;-moz-border-radius:6px;background-color:black;color:white;}*/



/* @group ox-menu */

.ox-menu, .ox-menu ul {margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:18px;}

.ox-menu a, .ox-menu .title {display:block;padding:0px 5px;color:#eee;text-decoration:none;}
.ox-menu a:hover {color:#fff;background-color:#445;}

.ox-menu ul li .title {color:#CCD;}

.ox-menu li {float:left;position:relative;}
.ox-menu ul {position:absolute;display:none;width:210px;left:-3px;top:-3px;z-index:50;background-color:black;overflow:hidden;}
.ox-menu li ul a {width:17em;height:auto;float:left;}
.ox-menu ul ul {top:auto;}

.ox-menu > li {border:3px solid white;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;margin-right:8px;}
.ox-menu li:hover ul ul, .ox-menu li:hover ul ul ul, .ox-menu li:hover ul ul ul ul {display:none;}
.ox-menu li:hover ul, .ox-menu li li:hover ul, .ox-menu li li li:hover ul, .ox-menu li li li li:hover ul {display:block;}
.ox-menu li:hover ul {border:3px solid white;border-radius:1.5em;-webkit-border-radius:6px;-moz-border-radius:6px;}

.ox-menu #menu-start {border:none;margin-top:3px;margin-right:8px;}
.ox-menu #menu-start:hover {border:3px solid white;border-radius:1.5em;-webkit-border-radius:6px;-moz-border-radius:6px;left:-3px;margin:0;margin-right:2px;}

.ox-menu .button {border:none;margin:0 0 0 -4px;padding:0;}
.ox-menu .button img {float: left;width: 24px;height: 24px;margin:0;cursor:pointer;}


/* @end */

.slideshow .pics {margin-top:80px;height:440px;}
.slideshow .pics img {}
.slideshow .nav {clear:both; margin-top:20px; margin-bottom:100px;}
.slideshow .nav li { width: 70px; float: left; margin: 6px; list-style: none }
.slideshow .nav a { width: 70px; display: block; border: 1px solid #ccc; }
.slideshow .nav a.activeSlide { background: #88f }
.slideshow .nav a:focus { outline: none; }
.slideshow .nav img { border: none; display: block }

img.img_left {float:left;margin-right:1em;}
img.img_right {float:right;margin-left:1em;}