/**
 * Gefäßzentrum Bremen
 * Screen, Projection and Print stylesheet
 *
 * @version	 1.2
 * @modified 2009-02-23
 * @author	 <http://vorderdeck.de>
 */

/**
 * @media screen & projection
 *
 */

@media screen,projection {

/**
 * Global
 *
 */
html {
margin : 0;
padding : 0;
background : #fff;
}
body {
overflow-y: scroll;
margin : 0;
padding : 32px 0 0 0;
color : #151515;
font : x-small/1.5 sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}
h1 {
margin : 0 0 18px 0;
letter-spacing : 1px;
text-transform : uppercase;
}
p+h1 {
padding-top : 9px;
}
h2, h3, h4, h5 {
margin : 0;
}
h5 {
color : #666;
}
p, ul, ol {
margin : 0 0 18px 0;
padding : 0;
}
table {
font-size : inherit;
font : 100%;
}
pre, code {
font : 115% monospace;
}
hr {
height : 1px;
margin : 0 0 17px 0;
color : #c00;
border : none;
border-bottom : 1px solid #c00;
}
a:link,a:visited {
color : #151515;
outline : none;
}
a img {
border : none;
}
#content a, #sidebar a {
text-decoration : none;
border-bottom : 1px solid #000;
}
#content a:hover, #sidebar a:hover {
color : #000;
background : #fff;
border-bottom : 1px solid #666;
}
li {
margin-left : 15px;
padding : 0;
}
ul li {
list-style : square;
}
dl {
margin : 18px 0;
}
dt{
position : relative;
font-style : italic;
}
sup {
margin-left : .5em;
font-size : 94%;
}

/**
 * Layout
 *
 */

#container {
width : 880px;
margin : 0 auto;
font-size : 120%;
}
#top {
height : 120px;
margin : 0 auto;
position : relative;
}
#logo {
position : relative;
left : -33px;
}
#dgg {
position : absolute;
top : 0;
left : 751px;
}
#menu {
height : 35px;
margin : 0;
padding : 0 0 36px 0;
background : url(/media/shared/bg.png) repeat-x left bottom #fff;
}

#main {
position : relative;
background-color : #fff9e6;
_border-top : 1px solid #fff9e6;
border-bottom : 1px solid #444;
}
#left {
position : absolute;
top : 0;
left : 0;
width : 176px;
overflow : hidden;
}
#content {
padding : 45px 216px 18px 192px;
min-height : 320px;
}
#sidebar {
position : absolute;
width : 200px;
top : 0;
left : 680px;
padding : 0 0 20px 0;
}
address {
position : relative;
margin : 0;
_margin : -2px 0 0 0;
padding : 18px 0 90px 192px;
font-size : 94%;
font-style : normal;
background : #fefefe;
}
#to-top {
z-index : 20;
display : none;
position : absolute;
top : -19px;
left : 680px;
_left : 484px;
height : 16px;
width : 16px;
background : url(/media/shared/top.png) no-repeat left top transparent;
}


/**
 * Navigation
 *
 */

#menu li {
float : left;
list-style : none;
margin : 0;
padding : 0;
}
#menu a, #menu em {
display : block;
float : left;
width : 160px;
padding-left : 16px;
color : #666;
line-height : 35px;
font-weight : bold;
text-decoration : none;
font-style : normal;
letter-spacing : 1px;
text-shadow : 0px 1px 1px #fff;
background : #fff;
border-bottom : 1px solid #fc3;
-webkit-border-top-left-radius : 4px;
-webkit-border-top-right-radius : 4px;
-moz-border-radius-topleft : 6px;
-moz-border-radius-topright : 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
#menu a:hover {
color : #000;
text-decoration : none;
background : #fff9e6;
}
#menu .current em, #menu .current a {
color : #000;
background : #fc3;
border-bottom-color : #fff9e6;
}

#submenu, #submenu ul {
margin : 0;
padding : 0;
line-height : 35px;
list-style : none;
}
#submenu {
margin-bottom : 30px;
}
#submenu ul {
line-height : 23px;
}
#submenu li {
margin : 0;
padding : 0;
list-style : none;
border-bottom : 1px solid #fc3;
}
#submenu li li {
border : none;
border-top :1px solid #fff2ca;
}
#submenu a {
display : block;
color : #666;
padding : 0 0 0 16px;
font-weight : bold;
text-decoration : none;
}
#submenu a:hover {
color : #000;
background : #fff;
text-decoration : underline;
}
#submenu em, #submenu li.current a {
display : block;
_width : 100%;
padding : 0 0 0 16px;
color : #000;
font-weight : bold;
font-style : normal;
background : #fff;
}
#submenu li.current li a {
color : #666;
padding : 0 0 0 32px;
background-color : #fff9e6;
}
#submenu li.current li em {
padding : 0 0 0 32px;
}
#submenu li.current li li a, #submenu li.current li li em {
_width : 100%;
padding-left : 48px;
font-weight : normal;
}
#submenu li.current li a:hover {
color : #000;
background : #fff;
}

/**
 * Content Styles
 *
 */
 
#content img {
_position : relative;
_display : block;
zoom : 1;
float : right;
clear : both;
padding : 0;
margin : 0 -216px 18px 12px;
_margin-right : -108px;
border : 1px solid #fff;
border-right : none;
}
p.holds_image {
padding : 0;
}
.caption {
_position : relative;
float : right;
clear : both;
width : 200px;
margin : -18px -216px 16px 12px;
text-align : left;
font-size : 94%;
font-style : normal;
border-left : 1px solid #fffef2;
background : #fffef2;
}
blockquote, .info {
margin : 0 0 16px 0;
padding : 17px 14px 0 14px;
color : #a30000;
background : #fff;
border : 1px solid #fc3;
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
}
#content blockquote a,#content  .info a {
color : #a30000;
}

#flow-is-life {
background-color : #fff9e6;
}

.annotation {
font-style : italic;
}

.footnotes {
font-size : 94%;
}
.footnotes hr {
height : 0px;
border : none;
border-top : 1px solid #000;
}
.footnotes a {
display : none;
}

.stats dl {
padding : 8px 14px;
background : #fff;
border : 1px solid #ddd;
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
-webkit-box-shadow : 0px 2px 3px #000;
-moz-box-shadow : 0px 2px 3px #000;
box-shadow : 0px 2px 3px #000;
}
.stats dt {
float : left;
font-style : normal;
}
.stats dd {
margin : 0;
position : relative;
z-index : 20;
text-align : right;
border-bottom : 1px dotted #fff9e6; /* transparent */
}
.stats dt:hover, .stats dd:hover {
border-bottom : 1px dotted #ddd;
}

.back {
padding-top : 17px;
text-transform : lowercase;
border-top : 1px solid #eee;
}
.swf-movie {
border : 1px solid #555;
}

img.aside {
padding-bottom : 9px;
}

#download blockquote {
float : right;
width : 166px;
margin : -96px -216px 12px 12px;
}

#teaser {
display : none;
padding : 0 9px;
font-size : 94%;
background : rgba(255,254,242,.8) !important;
background : #fffef2;
border-right : 2px solid #fc0;
border-left : 1px solid #fc0;
border-bottom : 1px solid #fc0;
-webkit-border-bottom-left-radius : 4px;
-moz-border-radius-bottomleft : 4px;
border-bottom-left-radius: 4px;
}
#teaser h2 {
margin : 0;
line-height : 35px;
border-bottom : 1px solid #fc0;
}
#teaser h2 a {
border : none;
}
#teaser h2 span#closer {
float : right;
width : 14px;
height : 35px;
background : url(/media/shared/close.gif) no-repeat 0 center transparent;
}
#teaser ul {
}
#teaser li {
margin : 9px 0 0 0;
list-style : none;
}
#teaser em {
color : #444;
}

/**
 * end media screen
 *
 */

}

/**
 * @media print
 *
 */
 
@media print {

body {
font : 9pt/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
* {
color : #000;
background : #fff;
}
h1 {
font-size : 100%;
text-transform : uppercase;
}
h2, h3, h4, h5, h6 {
font-size : 100%;
}
a {
text-decoration : none;
border-bottom : 1px solid black;
}
a img, #top a {
border : none;
}
#content a[href^="http"]:after {
color : #ccc;
content : ' ('attr(href)')';
border : none;
}
#menu, #submenu, #teaser, #register, .back {
display : none;
}
#to-top {
display : block;
width : 0;
visibility : hidden;
}
#left, #sidebar {
width : 0;
}
#content img {
float : right;
margin : 0 0 1em 1em;
}
.info, .mission, blockquote, .info {
border : 1px solid #ccc;
padding : 0 .5em;
}
address {
padding : 1em;
font-size : 94%;
border-top : 1px solid black;
}

}
/**
 * end media print
 *
 */