@charset "utf-8";

/*
     Autor: 	Juliane Baier, HTW-Dresden, 2015
     E-Mail:	baier@htw-dresden.de

     Version:	1.5

     Dieses Werk ist lizenziert unter einer Creative Commons    
     Namensnennung - Nicht-kommerziell - Weitergabe 
     unter gleichen Bedingungen 4.0 International Lizenz.

     Aus den Anforderungen der beiden Projekte LAVA und GRIPSS
     entstanden.

     http://creativecommons.org/licenses/by-nc-sa/4.0/
 
*/ 

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstÃ¼tzt keine maximale Breite */
.ie6 img {
	width:100%;
}

body {
	font-family: sans-serif;
	color: #5a5a5a;
	font-size: 13px;
}

b {
        font-weight: normal;
}

strong {
        font-weight: normal;
}

div.privacy_info::after {
       content: "\00000a ";
       display: block;
       white-space: pre-wrap;
}


/****************************************************/
/*******STATUS***************************************/
/****************************************************/

div.b_titled_wrapper.o_course_run h6 {
       border: 2px solid #eeeeee;
       padding: 0px;
       padding-top: 0px;
       margin-bottom: 2em;
       background-color: #eeeeee;

       visibility: visible;

       /* 
       Zum Ausblenden einkommentieren
       visibility: hidden;
       */

}

div.b_titled_wrapper.o_course_run h6:before {
       content: "Status: ";
}



/****************************************************/
/*******UEBERSCHRIFTEN*******************************/
/****************************************************/

h1 {
	color: #008080;
	font-weight: normal;
	font-size: 2em;
}

h2 {
	color: #008080;
	font-weight: normal;
	margin-top: 1.5em;
	font-size: 1.5em;

}

h3 {
	color: #008080;
	font-weight: normal;
	font-size: 1.17em;
}

h4 {
	color: #008080;
	font-weight: normal;
	font-size: 1em;
}

.o_repository h1,
.o_repository h2,
.o_repository h3,
.o_repository h4,
.o_repository_run h1,
.o_repository_run h2,
.o_repository_run h3,
.o_repository_run h4,
.o_course h1,
.o_course h2,
.o_course h3,
.o_coruse h4 {
	color: #008080;
}

div.o_repository h1,
div.o_repository h2,
div.o_repository h3,
div.o_repository h4,
div.o_repository_run h1,
div.o_repository_run h2,
div.o_repository_run h3,
div.o_repository_run h4,
div.o_course h1,
div.o_course h2,
div.o_course h3,
div.o_coruse h4 {
	color: #008080;
}

/****************************************************/
/*******TOGGLE_BOXEN*********************************/
/****************************************************/

div.b_togglebox.b_togglebox_closed {
        display: none;
}

div#b_togglebox_uuid.b_togglebox_content span {
        display: none;
}

a.b_togglebox_opened {
        display: none !important;
}

/****************************************************/
/*******BOXEN IN ÃœBERSICHTSSEITE*********************/
/****************************************************/

div.o_course_run_objectives {
        background-color: #ffffff;
        padding-top: 1em;
        margin-left: 0.5em;
        margin-right: 2.5em;
        border:1px solid #aaaaaa;
        -webkit-border-radius: 30px;
        box-shadow: 0 0 10px #eeeeee;
}

div.o_course_run_objectives h2{
        margin-top: 0em;
        padding-top: 0em;
}

div.o_course_run_toc,
div.o_course_run_toc_entry {
        border-color: #eeeeee;
}

div.o_course_run_toc {
        background-color: #ffffff;
}

/*******UNTERBOXEN IN ÃœBERSICHTSSEITE AUSBLENDEN*****/
/*Zum Wiederherstellen einfach lÃ¶schen***************/

div.o_course_run_toc
div.o_course_run_objectives {
       visibility: hidden;
       height: 1px;
}

div.o_course_run_toc
div.o_course_run_toc_entry {
       border-width: 0px;
       margin: 0px;
}

div.o_course_run_toc_entry
div.o_course_run_objectives {
       margin: 0px;
       padding: 0px;
       height: 0px;
}

div.o_course_run_shorttitle h2 {
       margin-top: 0px;
       margin-bottom: 2px;
}

div.o_course_run_displaytitle {
       margin-top: 2px;
}

/****************************************************/
/*******ICONS****************************************/
/****************************************************/

.b_with_small_icon-left {
        padding-left: 0px;
}

h1.b_with_small_icon_left {
        margin-left: 0em;
        /*background-image: none;*/
        background-image: url("../icons/gripss_logo.png");
        background-size: auto 47px;
        min-height: 55px;
        padding-top: 22px;
}

h1.b_titled_wrapper.b_with_small_icon_left.o_st_icon {
        padding-left: 3.5em;        
}

h1.b_titled_wrapper.b_with_small_icon_left.o_sp_icon,
h1.b_titled_wrapper.b_with_small_icon_left.o_cl_icon,
h1.b_titled_wrapper.b_with_small_icon_left.o_bib_icon,
h1.b_titled_wrapper.b_with_small_icon_left.o_wiki_icon,
h1.b_titled_wrapper.b_with_small_icon_left.o_iqtest_icon,
h1.b_titled_wrapper.b_with_small_icon_left.o_co_icon {
        padding-left: 3.5em;        
}

.o_sp_icon {
         background-image: url("../icons/code_petrol.png");
}

a.o_sp_icon:hover {
         background-image: url("../icons/code_grey1.png");
}

.o_st_icon{
        background-image: url("../icons/clipboard_petrol.png");
}

a.o_st_icon:hover {
        background-image: url("../icons/clipboard_grey1.png");
}

a.b_titled_wrapper.b_with_small_icon_left.o_st_icon {
        padding-left: 1.5em;
}

div.b_tree ul.b_tree_l0 li a.o_st_icon {
        background-image: url("../icons/clipboard_petrol.png");
}

div.b_tree ul.b_tree_l0 li a.o_st_icon:hover {
        background-image: url("../icons/clipboard_grey2.png");
}

/*
a.o_st_icon:visited,
a.b_tree_icon.o_st_icon {
        background-image: url("../icons/clipboard_black.png");
        color: #aaaaaa;
}
*/

div.b_tree ul.b_tree_l1 li a.o_sp_icon:hover {
        background-image: url("../icons/code_grey2.png");
}

/*
a.o_sp_icon:visited,
a.b_tree_icon.o_sp_icon {
        background-image: url("../icons/code_black.png");
        color: #aaaaaa;
}
*/


/****************************************************/
/********LINKS***************************************/
/****************************************************/

#b_body a:focus,
#b_body a:active{
      outline: none !important;
}

/*
#b_body a:visited{
      color: #aaaaaa;
}
*/


/****************************************************/
/*******LISTEN IN OPAL-BOXEN*************************/
/****************************************************/

div.gripss-content-text ul {
        padding: 1em;
	padding-top: 0em;
        padding-bottom: 0em;
	margin: 1em;
	margin-left: 2.8em;
	list-style-image:url("../icons/list_petrol.png");
	line-height: 1.8em;
}

div.gripss-content-text ul li{
	margin-bottom: 0.7em;
}

.o_course_run_objectives ul {
        padding: 1em;
	padding-top: 0em;
        padding-bottom: 0em;
	margin: 1em;
	margin-left: 2.8em;
	list-style-image:url("../icons/list_petrol.png");
	line-height: 1.8em;
}

.o_course_run_objectives ul li{
	margin-bottom: 0.7em;
}

/****************************************************/
/*******FEIN-TUNING**********************************/
/****************************************************/

div.o_course_run_peekview div.b_module_singlepage_wrapper {
	height: 0px;
	overflow: hidden;
}

div.o_st_peekview a {
	padding-top: 10px;
	padding-bottom: 10px;
}

div.o_course_run_toc div.o_course_run_shorttitle {
	padding-bottom: 3px;
}

/****************************************************/
/*******DATENSCHUTZHINWEIS***************************/
/****************************************************/

div.privacy_info {
        font-size: 90%;
        line-height: 130%;
        padding-top: 20px;
}

/*********************************************************************/
/***********************STANDARD-FORMATIERUNG*************************/
/*********************************************************************/

/****************************************************/
/*******SCHRIFT-FORMATIERUNG*************************/
/****************************************************/

tt {
	font-family: Courier, "Courier New", monospace;
	font-size: 1em;
}

p.tt {
	color: #000000;
}

p {
	margin-bottom: 1.5em;
	line-height: 1.8em;
}


.caps {
	font-variant: small-caps;

}

a {
	color: #008080;
	text-decoration: none;
}

a:hover {
	color: #aaaaaa;
	text-decoration: none;
}

a:active {
        color: #aaaaaa;
        text-decoration: none;
}

a:focus {
	color: #aaaaaa;
	text-decoration: none;
}

/****************************************************/
/*******BREADCRUMBS**********************************/
/****************************************************/

.breadcrumbs a{
	text-decoration:none;
	color: #008080;
}
.breadcrumbs a:hover{
	text-decoration:none;
	color: #aaaaaa;
}
.border-bottom{
	border-bottom: solid #ff0000 1px;
}

/****************************************************/
/*******AUFZÃ„HLUNGEN*********************************/
/****************************************************/

ul {
	padding: 0px;
	margin: 0px;
	margin-left: 2.8em;
	list-style-type: circle;
}

.prominent {
	padding: 1em;
	padding-top: 0em;
	margin: 1em;
	margin-left: 2.8em;
	list-style-image:url("../icons/list_petrol.png");
	line-height: 1.8em;

}

ul.prominent li{
	margin-bottom: 0.7em;
}