@charset "utf-8";

@media screen,projection {

/*
colors
red: #720442;
hover: #4f0026;
blue: #a3c0d8;
light : #f2e9e6
*/

html {
border-top : 10px solid #4b4b4b;
border-bottom : 20px solid #6e172f;
}
body {
margin : 0 auto;
padding : 0;
width : 960px;
color : #444;
font : x-small/1.5 'Lucida Grande',sans-serif;
text-rendering: optimizeLegibility;
}

/* Layout */

.container {
width : 960px;
}
html body * .clear {
display : block;
width : 0;
height : 0;
clear : both;
overflow : hidden;
visibility : hidden;
float : none;
margin : 0;
padding : 0;
font-size : 0;
line-height : 0;
list-style : none;
background : none;
border : 0;
}

#header {
width : 950px;
}
#top {
width : 960px;
}
#logo {
display : inline;
float : left;
width : 240px;
height : 105px;
background : url(/assets/shared/bg_top.png) repeat-x left top #4f0026;
}
#menu {
display : inline;
float : left;
width : 710px;
height : 90px;
margin : 15px 0 0 0;
padding : 0 10px 0 0;
text-shadow : 0px 1px 0px #444; 
background : url(/assets/shared/bg_menu.png) repeat-x right top #fff;
}
#banner {
width : 950px;
}
#submenu {
display : inline;
float : left;
width : 240px;
height : 155px;
margin : 0;
padding : 40px 0 0 0;
text-shadow : 0px 1px 0px #444; 
list-style : none;
background : url(/assets/shared/bg_top.png) repeat-x left bottom #4f0026;
}
#image {
position : relative;
overflow : hidden;
width : 710px;
_width : 707px;
margin-left : 240px;
}
#image * {
display : block;
margin : 0;
padding : 0;
}
#image #title {
position : absolute;
width : 690px;
height : 36px;
overflow : hidden;
margin-left : 10px;
color : #fff;
color : rgba(255,255,255,.9);
line-height : 38px;
text-shadow : 0px 1px 0px #444; 
font-size : 180%;
}
#sidebar {
display : inline;
float : left;
width : 200px;
min-height : 10px;
padding : 10px 10px 20px 20px;
margin-right : 10px;
font-size : 110%;
}
#wrapper {
display : inline;
float : left;
width : 710px;
margin : 0;
padding : 0;
}
#content {
margin : 10px;
font-size : 120%;
padding-bottom : 100px;
}
#footer {
width : 920px;
padding : 10px 10px 100px 10px;
text-align : right;
background : #faf8f7;
border-right : 10px solid #f2e9e6;
}

/* Navigation */

#menu {
font-size : 120%;
list-style : none;
}
#menu li {
position : relative;
display : inline;
float : left;
height : 85px;
background : url(/assets/shared/bg_menu.png) repeat-x left top #4f0026;
}
#menu a, #menu em {
float : left;
width : 86px;
height : 80px;
padding : 4px 2px;
color : #fff;
font-style : normal;
text-decoration : none;
text-align : center;
background : url(/assets/shared/dots.gif) no-repeat right 3px transparent;
}
#menu a:hover {
color : #bae2ff;
}
#menu li.current {
margin-top : -10px;
height : 95px;
background : url(/assets/shared/bg_menu.png) repeat-x left top transparent;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
#menu li.current a {
height : 90px;
}
#menu em {
color : #a3c0d8;
padding-top : 14px;
background-position : right 14px;
}
#menu #about {
background : none;
}
#menu #news {
width : 164px;
background : url(/assets/shared/dots.gif) repeat-y left 3px transparent;
}
#menu a#news span {
display : block;
overflow : hidden;
height : 60px;
margin-left : 6px;
padding-top : 2px;
font-size : 86%;
line-height : 1.4;
text-align : left;
border-top : 1px solid #ba4d6a;
-webkit-font-smoothing: antialiased;
}
#menu em#news span * {
display : none;
}

#menu a#news:hover {
color : #fff;
}

#submenu {
font-size : 110%;
line-height : 2.2;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
}
#submenu li {
float : left;
margin : 0;
padding : 0;
}
#submenu a, #submenu em {
display : block;
width : 210px;
padding : 0 0 0 30px;
color : #fff;
font-style : normal;
text-decoration : none;
background : url(/assets/shared/arrow.gif) no-repeat 20px 50% transparent;
}
#submenu a:hover, #submenu em {
background-color : #6e172f;
}
#submenu em {
color : #a3c0d8;
}
#submenu li.current a {
background-color : #6e172f;
}

#footer {
}
#footer a {
color : #444;
text-decoration : none;
}

/* Content */

h1 {
clear : both;
height : 35px;
vertical-align : bottom;
font-size : 140%;
margin : 10px -10px 20px -10px;
padding : 20px 10px 10px 10px;
background : #faf4f2;
border-right : 10px solid #f2e9e6;
}
h2 {
font-size : 120%;
}
h3, h4, h5, h6 {
font-size : 100%;
margin : 0;
}
.teaser {
color : #720442;
font-size : 110%;
}
.floatbox {
float : left;
position : relative;
width : 340px;
margin : 0 0 20px -10px;
border-left : 1px dotted #888;
}
.floatbox.last {
width : 358px;
margin : 0 -20px 20px 10px;
}
.floatbox h2 {
height : 35px;
margin : 0;
padding : 20px 10px 10px 10px;
background : #faf4f2;
border-right : 10px solid #f2e9e6;
}
.floatbox p, .floatbox ul {
margin : 0;
padding : 20px 10px 0 10px;
}

a:link, a:visited {
color : #720442;
text-decoration : none;
}
a:hover {
color : #444;
}
#content a {
border-bottom : 1px solid #720442;
}
#content a:hover {
border-bottom-color : #000;
}
a img {
border : none;
}
hr {
clear : both;
margin : 20px 0 19px 0;
color : #e5e5e5;
height : 0px;
border : none;
border-bottom : 1px solid #ccc;
}
hr.hidden {
display : none;
}
#content strong {
color : #720442;
}

#content img {
float : right;
margin : 0px -50px 20px 20px;
__margin : 0px -350px 20px 20px;
}
p, ul, ol {
margin : 0 0 20px 0;
padding : 0;
}
#content>p {
padding-right : 40px;
}
#content>ul {
_width : 350px;
}

#content>p.teaser {
width : auto;
font-size : 14px;
padding-right: 1em;
}
#content li {
padding : 0;
margin : 0 0 0 18px;
}

#content *.button, #sidebar a.button {
display : inline-block;
padding : 4px 20px;
margin : 20px 0;
color : #fff;
text-decoration : none;
font-size : 110%;
text-transform : uppercase;
letter-spacing : 1px;
text-shadow :  0px -1px 1px rgba(0,0,0,.8);
background-color : #3c3c3c;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#3c3c3c));
border : none;
border-radius : 16px;
-moz-border-radius : 16px;
-webkit-border-radius : 16px;
box-shadow : 2px 2px 4px #999;
-moz-box-shadow : 2px 2px 4px #999;
-webkit-box-shadow : 2px 2px 4px #999;
}

dl {
margin : 10px 0 30px 0;
padding : 0;
line-height : 2;
}
dt {
float : left;
width : 245px;
padding : 0;
font-weight : bold;
background : #fdf6ff;
background : #faf4f2;
border-right : 10px solid #fff;
border-bottom : 1px dotted #ddd;
}
dd {
padding : 0 0 0 10px;
margin : 0 0 0 245px;
border-bottom : 1px dotted #ddd;
}
#pricing dt {
font-weight : normal;
width : 460px;
}
#pricing dd {}

#img_buttons {
margin : 0 -10px;
padding : 0;
list-style : none;
}
#img_buttons a {
border : none;
}
#img_buttons li {
position : relative;
float : left;
width : 340px;
overflow : hidden;
margin : 0;
padding : 0;
border-top : 10px solid #f2e9e6;
}
#img_buttons li div {
overflow : hidden;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
}
#img_buttons li:nth-child(2n+2) {
margin-left : 20px;
}
#img_buttons li img {
float : none;
display : block;
margin : 0;
}
#img_buttons strong.button {
position : relative;
top : -60px;
left : 10px;
font-size : 96%;
font-weight : normal;
}

#coop {
margin : 0 0 20px 0;
padding : 0;
list-style : none;
overflow : hidden;
}
#coop li {
display : inline;
float : left;
width : 165px;
height : 165px;
margin : 0 6px 20px 0;
padding : 0;
}
#coop li:nth-child(4n) {
margin-right : 0px;
}
#coop li img {
width : 165px;
margin : 0;
float : none;
}

#kursplan {
position : relative;
width : 950px;
margin : -20px -10px 20px -250px;
font-size : 90%;
background : #faf4f2;
}
#annotations_left {
display : inline;
float : left;
width : 125px;
_width : 122px;
padding : 10px;
border-top : 42px solid white;
}
#kursplan table {
position : relative;
width : 805px;
border-collapse : collapse;
background : white;
}
#kursplan td, #kursplan th {
}
#kursplan th {
height : 40px;
padding-left : 20px;
text-align : left;
}
#kursplan tbody tr {
vertical-align : top;
}
#kursplan tbody td {
width : 115px;
padding : 0;
}
#kursplan .course {
cursor : hand;
cursor : pointer;
width : 110px;
padding : 4px 0 0 4px;
min-height : 80px;
_height : 80px;
border-top : 4px solid #a5a5a3;
}
#kursplan .course.aqua {
background-color : #fafcfe;
border-top-color : #d1e4f5;
}
#kursplan .course:hover {
cursor : -webkit-zoom-in;
cursor : -moz-zoom-in;
border-top-color : #b87b78;
-webkit-box-shadow : 2px 2px 6px rgba(0,0,0,.6);
}
.course em {
font-style : normal;
display : block;
}
#content .course strong {
color : #444;
}
span.icon {
position : relative;
display : inline-block;
width : 20px;
height : 20px;
margin :2px 10px 0 0;
background : url() no-repeat top left transparent;
}
span.icon.prevention {
background-image : url(/assets/shared/icon_prevention.gif);
}

.detail {
display : none;
background : white;
background : rgba(255,255,255,.9);
}
.detail.tooltip {
cursor : -webkit-zoom-out;
cursor : -moz-zoom-out;
position : absolute;
display : block;
top : 20px;
right : 20px;
width : 340px;
min-height : 240px;
padding : 20px 20px 0 20px;
border : 1px solid #444;
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
-webkit-box-shadow : 2px 4px 6px rgba(0,0,0,.6);
-moz-box-shadow : 2px 4px 6px rgba(0,0,0,.6);
box-shadow : 2px 4px 6px rgba(0,0,0,.6);
}
.tooltip em {
display : block;
line-height : 20px;
font-style : normal;
border-bottom : 1px solid #444;
}
.tooltip .thumb {
}
#content .tooltip .thumb img {
margin : 20px 0 20px 20px;
width : 170px;
height : auto;
border : 1px solid #444;
}

.article {
margin : 0 0 20px 0;
border-bottom : 1px solid #ddd;
}

.article h2, .story h2 {
margin-top : 0;
}
#content .article h2 a {
border-bottom : none;
}
.pubdate {
margin-bottom : 0;
color : #666;
text-align : right;
}
.js .pubdate {
margin : -40px 10px 0 0;
padding-bottom : 10px;
}
.permalink {
}
#content .permalink a {
border-bottom : none;
}
#content .story img {
width : 175px;
height : auto;
margin : 0;
}


/* sidebar */

#sidebar address {
overflow : hidden;
position : relative;
margin : 0 -20px 20px -20px;
padding : 10px 20px;
font-style : normal;
background : #faf4f2;
height : 45px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
}
#sidebar a {
color : #444;
text-decoration : none;
}

.fitatall {
color : #999;
}
.fitatall em {
color : #e8b62b;
font-style : normal;
}


}

/**
 * end media screen,projection
 *
 */
 
 /**
 * @media print
 *
 */
 
@media print {

body {
color : #000;
font : 8pt/1.4 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
h1 {
font-size : 140%;
}
h2, h3, h4, h5, h6 {
font-size : 100%;
margin : 0;
}
p {
margin : 0 0 1em 0;
}
a {
color : #000;
text-decoration : none;
}
#content a {
border-bottom : 1px solid #999;
}
hr {
border : none;
border-bottom : 1px solid #ddd;
}

}

/**
 * end media print
 *
 */