@charset "UTF-8";
/* CSS Document */

#deutsch-nav h1 {
	font-size:48px;
	line-height:1.3em;
}

#deutsch-nav  h1 span.med {
	font-size:24px;
	font-weight:bold;
	line-height:1.3em;
}

#deutsch-nav span.title-small {
	font-size:38%;
	font-weight:normal;
	line-height:1.3em;
}

#deutsch-nav ul.de-cat {
	margin:30px 0
}

#deutsch-nav ul.de-cat li {
	background:#f5a69c;
	float:left;
	margin:5px;
	color:#fff;
	display:inline-block;
}

#deutsch-nav ul.de-cat li.notyet {
	background:#ccc;
	padding:3px 10px;
}

#deutsch-nav ul.de-cat li a {
	background:#d9350e;
	color:#fff;
	display:block;
	padding:3px 10px;
}

#deutsch-nav ul.de-cat li,
#deutsch-nav ul.de-cat li a:hover {
	text-decoration:none;
	background:#f5a69c;
}

#deutsch-nav ul.de-cat li a:active {
	background:#ccc;
}

/* contents */

#deutsch {
	margin:0 0 30px 0
}

#deutsch .red,
#deutsch a {
	color:#d9350e;
}

#deutsch h2 {
  position: relative;
  color: #fff;
  background: #777;
  font-size: 20px;
  line-height: 1.3;
  border :1px solid #777;
  margin: 30px 0 10px 0;
  padding: 7px 5px 12px 25px;
}

#deutsch h2:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 40px;
  height: 0;
  width: 0;
  border: 12px solid transparent;
  border-top: 12px solid #777;
}

#deutsch h2 span {
	font-weight:normal;
	font-size:70%;
}

#deutsch h3 {
	 color: #d6270f;
	 margin:40px 0 20px 0;
}

#deutsch h4 {
	background-color:#999;
	color:#fff;
	margin:30px 0 20px 33px;
	padding:5px 7px;
	border: none;
	font-weight:normal;
	display: inline-block;
	font-size: 13.5px;
}

#deutsch h4.gray{
	background-color:#999;
	color:#fff;
	margin:30px 0 20px 33px;
	padding:6px 8px;
	border: none;
	font-weight:normal;
	display: inline-block;
	font-size: 14px;
}

#deutsch .words {
	margin:0 0 0 40px;
	line-height:2em;
}

#deutsch .conv {
	border-bottom:#ccc 1px solid;
	padding:10px 0 7px 0;
	margin:0 0 0 40px;
	font-size:1.2em;
	line-height:1.8em;
}

#deutsch .note {
	font-size:90%;
	line-height:1.4em;
	margin:20px 0 30px 40px;
}

#deutsch .uline {
	text-decoration:underline;	
}

#deutsch ul.word-list {
	margin:0 0 0 40px;
}

#deutsch ul.word-list li {
	border-bottom:#ccc 1px solid;	
	padding:10px 0 7px 0;
	line-height:1.5em;
}

#deutsch ul.list {
	margin-top:40px;
	padding:20px;
	display:inline-block;
}

#deutsch ul.list li{
	float:left;
	display:inline-block;
	margin:0 5px 10px 0;
}

#deutsch ul.list li a {
	color:#fff;
	background:#777;
	padding:7px;
}

/*  Toggle  */

#deutsch h3.switch{
	cursor: pointer; 
	margin: 20px 0 20px 0;
}
 
#deutsch .toggle {
	display: none;
}

#deutsch .toggle-open {
	text-align:right; 
	font-size:12px; 
	font-weight:normal; 
	color:#999999; 
	margin-top:-35px;
}

/*  Responsivizer  */

body.white .site #deutsch-nav h1 {
font-size: 24px;
line-height:1.3em;
color: #333333;
}

body.white .site #deutsch-nav  h1 span.med {
font-size:24px;
font-weight:bold;
line-height:1.3em;
}

body.white .site #deutsch-nav span.title-small {
font-size: 75%;
font-weight: normal;
line-height: 0.5em;
}

body.white .site #deutsch-nav ul.de-cat li {float: none;}

body.white .site #deutsch .conv {
font-size: 1em;
line-height: 1.4em;
margin: 0;
padding: 7px 0 7px 0;
}

body.white .site #deutsch .note {margin: 10px 0 20px 0;}

body.white .site #deutsch .words {
float: none !important;
margin: 0 0 0 10px !important;
line-height: 1.6em;
}

body.white .site #deutsch h2 {
margin: 10px 0 10px 0;
padding: 7px 5px 12px 10px;
}

body.white .site #deutsch h4.gray {margin: 30px 0 20px 0;}