/* import framework core */
@import url("../yaml/yaml/core/base.min.css");

/* import screen layout */
@import url("../yaml/yaml/navigation/hlist.css");
@import url("../yaml/yaml/navigation/vlist.css");

html { 
  overflow-y: scroll;
}

body {
  font-family:"Lucida Console", Monaco, monospace;
  font-size:10px;
}


body > header { 
  min-width: 760px;
  height:100px;
}
.ym-wrapper {
  max-width: 100em;
  margin: 0 auto;
  box-sizing:border-box; 
  -moz-box-sizing: border-box; 
  padding: 30px;  
}
header .ym-wrapper {
  padding-bottom:0px;
}
main .ym-wrapper {
  padding-top:0px;
}
.ym-gl, .ym-gr {
  box-sizing:border-box; 
  -moz-box-sizing: border-box; 
}
#togglebutton {
  cursor:pointer;
}

#contentContainer {
  box-sizing:border-box; 
  -moz-box-sizing: border-box; 
  margin-left:135px;
  margin-left:10%;
  /*width:100%;*/
  min-height:400px;
}

.shadow {
  -moz-box-shadow: 3px 3px 4px #b2b1b1;
	-webkit-box-shadow: 3px 3px 4px #b2b1b1;
	box-shadow: 3px 3px 4px #b2b1b1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b2b1b1')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b2b1b1');
}

/* h1: autom. Navititle
   h2: Übersicht studentinnen
   h3: Überschrift Abschnitte (reise -> reise 1 -> reise 2013)
*/   

h2, h1, .bigred {
  color:#a1110a;
  font-size:2.3em;
  font-weight:normal;
  margin-bottom:12px;
}
.bigred {
  font-size:23px;
}
#content a {
  color:#a1110a;
}

h1 a, .bigred a, h2 a {
  font-weight:normal;
  text-decoration:none;
  border-bottom:1px solid #a1110a;
  color:#a1110a;
}

h2 {
  font-size:16px;
  margin-top:12px;
}
h3 {
  margin:12px 0px;
  font-size:1.3em;
  color:#000000;
  font-weight:bold;
}

.align-right {
  text-align:right;
}
.indent {
  margin-left:30%;
}
.bold {
  font-weight:600;
}
p,li,td {
  font-size:1.3em;
  line-height:1.6em;
}
.italic {
  font-style:italic;
}
.bigred

/*Textrahmen, um die Laufweite zu begrenzen*/
.csc-frame-frame1 {
  width:75%;
}
.csc-frame-frame2 {
  min-height:50px;
}

.csc-frame-rulerAfter {
  border-bottom:2px dotted #efefef;
  padding-bottom:15px;
}
div.csc-textpic-left .csc-textpic-imagewrap {
    margin-bottom:12px;
    margin-top:12px;
}
#contentContainer .ym-gbox {
  padding:0px;
  margin:0px;  
}
#contentContainer .ym-gl {
  padding:1px 24px 0px 0px;
}
#contentContainer .ym-gr {
  padding:0px 0px 0px 0px;
  margin:0px; 
}
p, ul, table {
  margin-top:12px;
  margin-bottom:12px;
}
#breadcrumb {
  margin-bottom:30px;
}
#breadcrumb p {
  color:#a1110a;  
}
#breadcrumb p a {
  color:#a1110a;
  text-decoration:none;
}
#breadcrumb p a:hover {
  text-decoration:underline;
}


/****************************************/
/* Horizontale Hauptnavigation überschreiben */
/*****************************************/
.ym-hlist {
  background-color:transparent;
}
.ym-hlist ul {
  padding-left:0.2em;
  padding-right:0em;
  padding-bottom:0px;
  margin-bottom:1em;
  list-style-type:none;
}

.ym-hlist ul li {
   margin:0em 0.7em 0em 0em;
   font-size:1.4em;
   letter-spacing:0.05em;
   padding:0em 0em 0em 0em;
}
.ym-hlist ul li.first {
  padding-left:0px;
}
.ym-hlist .sep {
  float:left;
  padding:0.7em 0em 0em 0.7em;
}

.ym-hlist ul li a,
.ym-hlist ul li a:hover,
.ym-hlist ul li a.active {
  float:left;
  color:#323131;
  line-height:1.0em;
  text-shadow: 0 0px 0px;
  background: #ffffff;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 1.0);
  box-shadow:none; /*2px 2px 3px 2px #1b799b;*/
  padding:0.7em 0em;
}

.ym-hlist ul li a:focus,
  .ym-hlist ul li a:hover,
  .ym-hlist ul li a:active,
  .ym-hlist ul li a.active {
    color: #b22b1f;
    background: #ffffff;
    border-radius: 0.0em;
}
.ym-hlist ul li a.first {
   padding-left:0em;
}

.contenttable {
  width:75%;
}

.contenttable .td-0 {
  min-width:20%;
  white-space: nowrap;
  vertical-align:top;
  padding-right:8px;
}

nav#sitemap {
    background: none repeat scroll 0 0 #efefef;
    display: block;
    float: left;
    left: 100px;
    max-width: 280px;
    padding: 0;
    position: absolute;
    top: 130px;
    width: 280px;
    padding:1em 1em 1em 2em;
    z-index: 10;
}

/****************************************/
/*Vertikale Hauptnavigation überschreiben*/
/*****************************************/
.ym-vlist {
  box-sizing:border-box;
  -moz-box-sizing: border-box;
}
.ym-vlist ul {
  margin-top:0em;
}
	

.ym-vlist ul, .ym-vlist li,
.ym-vlist a {
  background-color:transparent;
  border-bottom: 0px solid transparent;
  border-top: 0px solid transparent;
}

.ym-vlist li {
  display:inline;
  margin:1em 0em 0em 0em;
  box-sizing:border-box;
  -moz-box-sizing: border-box;
    background-color:#efefef;
}

.ym-vlist li li {
  font-size:inherit;
  margin:0;
}

/*Navigation: Ebene 1*/
.ym-vlist li a,
.ym-vlist li a:visited {
    line-height:2.2em;
    display:block;
    padding:0% 4%; 
    background-color:#efefef;
    background-color: rgba(239, 239, 239, 1.0);
    color:#320e0b;
    width:80%;
}
/*Navigation: Ebene 2*/
.ym-vlist li ul li a,
.ym-vlist li ul li a:visited,
.ym-vlist li ul li strong, 
.ym-vlist li ul li span {
  padding-left:4%;
  background-color:#efefef;
  color:#b22b1f;
}
.ym-vlist li ul li a:before {
  content: "_"
}

/*
.ym-vlist a, .ym-vlist a:visited {
  background:none;
  color:#b22b1f;
}
*/

/*Navigation: Ebene 1*/
.ym-vlist li a:focus,
  .ym-vlist li a:hover,
  .ym-vlist li a:active,
  .ym-vlist li a.active {
    background-color:#efefef;
    background-color:rgba(239, 239, 239, 1.0);
    color: #5d130c;
    text-decoration:none;
}

/*Navigation: Ebene 2*/
.ym-vlist li ul li a:focus,
  .ym-vlist li ul li a:hover,
  .ym-vlist li ul li a:active,
  .ym-vlist li ul li a.active {
    background-color:#efefef;
    background-color:rgba(239, 239, 239, 1.0);
    color: #5d130c;
    text-decoration:none;
}

.csc-textpic-caption {
  padding-top:0.7em;
}

@media screen and ( max-width: 780px ) { 		


/* Linearisation for Grid- and Column-Module, 
   based on CSS class .linearize-level-1 */
  .linearize-level-2,
  .linearize-level-2 > [class*="ym-c"], 
  .linearize-level-2 > [class*="ym-g"] {
  }
  
  #contentContainer {
     margin-left:0px; 
  }
  .contenttable {
    width: 100%;
  }
}


.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin-bottom:20px;
}
.embed-responsive::before {
  padding-top: 56.25%;
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}