/*
Universe Template
http://www.templatemo.com/preview/hwschule_389_universe
*/

body {
	margin: 0;
	padding: 30px 0;
	color: #44526B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #060b11;
	background-image: url(../images/hwschule_body-1.png);
	background-repeat: repeat-y;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
	color:#333;
	font-weight:400;
	padding: 0;
	margin: 0 0 10px 0;
	font-family: Verdana, Geneva, sans-serif;
}

h1 { font-size:34px; margin-bottom: 35px  }
h2 { font-size:26px; margin-bottom: 30px; line-height: 30px; }
h3 { font-size:20px; line-height: 24px }
h4 { font-size:18px }
h5 { font-size:16px }
h6 { font-size:12px }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#95200c;
}

img { margin: 0; padding: 0; border: 0; }
.img_border { border: 1px solid #ccc; background: #fff; padding: 4px }
.img_nom { display: block; margin-bottom: 15px }
.img_fl { float: left; display: block; margin: 1px 20px 8px 0 }
.img_fr { float: right; margin: 1px 0 8px 20px }

p { margin: 0 0 10px 0; padding: 0 }
p.text-center { text-align: center; }
p.text-right { text-align: right; }
p.text-justify { text-align: justify; }
.ce-gallery figcaption { font-style: italic; font-size: 90%; }
em { color: #771201 }

label { display: block; }
input { margin-bottom: 10px }

.form-group {
	overflow: hidden;
}
form .actions {
	clear: both;
}
.form-group label {
	float: left;
	width: 25%;
}
.form-group label .required {
	color: red;
}
.form-group .form-check-label,
form .actions .btn-toolbar {
	margin: 10px 0 0 24.5%;
}
.form-group .input input[type=text],
.form-group .input textarea {
	width: 60%
}
.form-group .input textarea {
	padding: 8px;
	height: 100px;
}

a:link, a:visited { color:#000; text-decoration: underline}
a:hover { text-decoration: none }
a:hover,a:active { outline: none }

a.more { display: inline-block; padding: 4px 15px; text-decoration: none; margin-top: 5px; color: #fff; line-height: 24px; text-align: center; background: #444 }
a.more:hover { background: #000 }

ul, ol { margin: 0; padding: 0; list-style: none }

ul.list_bullet { margin: 10px 0 10px 15px; padding: 0; list-style: none }
ul.list_bullet li { color:#797979; margin: 0 0 7px 0; padding: 0 0 0 20px; background: url(../images/hwschule_bullet.png) no-repeat scroll 0 5px  }
ul.list_bullet li a { color: #797979; font-weight: normal; text-decoration: none }
ul.list_bullet li a:hover { color: #797979 }

.lmgsitemap p {
	margin:0;
	font-weight:bold;
}
.tree,
.tree ul {
  margin:0 0 0 1em; /* indentation */
  padding:0;
  list-style:none;
  color:#369;
  position:relative;
}

.tree ul {margin-left:.5em} /* (indentation/2) */

.tree:before,
.tree ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px solid;
}

.tree li {
  margin:0;
  padding:0 1.5em; /* indentation + .5em */
  line-height:2em; /* default list item's `line-height` */
  font-weight:normal;
  position:relative;
}

.tree li:before {
  content:"";
  display:block;
  width:10px; /* same with indentation */
  height:0;
  border-top:1px solid;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
}

.tree li:last-child:before {
  background:white; /* same with body background */
  height:auto;
  top:1em; /* (line-height/2) */
  bottom:0;
}

#hwschule_wrapper {
	width: 980px;
	margin: 0 auto;
	padding: 0 10px;
}
#language_menu {
	position: absolute;
	top: -14px;
	left: 21px;
	height: 15px;
	width: 50%;
}
#language_menu li {
	float: left;
	margin: 0 10px 0 0;
}
#language_menu li a img {
	width: 15px;
	-webkit-filter: grayscale(.6);
	filter: grayscale(.6);
}
#language_menu li.text-muted img {
	width: 15px;
	-webkit-filter: grayscale(100);
	filter: grayscale(100);
}
#language_menu li.active a img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/** Columns **/

.content_wrapper { overflow: hidden; width: 100% }
.content_mb_30 { margin-bottom: 30px }
.content_mb_60 { margin-bottom: 60px }

.col_2 {width:300px; margin-right: 40px }
.col_3 {width:190px; margin-right: 35px }
.col_23 {width:415px; margin-right: 35px }

.col_2, .col_3, .col_23 { float:left }

.clear { clear: both }
.left { float:left }
.right { float:right }
.center { margin: 0 auto }
.no_margin_right {margin-right:0 !important;}


/*** Header ***/

#hwschule_header {
	position: relative;
}
#hwschule_header span.header_border {
	position: absolute;
	top: -17px;
	left: 1px;
	height: 10px;
	width: 979px;
	border-top: 20px solid #fff;
	border-radius: 7px 7px 0 0;
}

#site_title { float: right; width: 150px; height: 170px; }
#site_title a { display: block; }

#hwschule_menu {
	float: left;
	width: 830px;
	height: 170px;
	background: url("../images/hwschule_header.png") transparent top left no-repeat;
	background-size: cover;
}

/*** Slider ***/

#hwschule_slider {
	clear: both;
	width: 980px;
	height: 360px;
}

/*** Main Content ***/

#hwschule_main_content {
	width: 980px;
	padding-bottom: 10px;
	background: url(../images/hwschule_content_bg.png) repeat-y right;
}

/*** Sidebar ***/

#hwschule_sidebar {
	float: left;
	width: 280px;
	color: #999;
	padding-top: 0;
}

#hwschule_sidebar h3 {
	color: #fff;
}

#hwschule_sidebar a {
	color: #999
}
#hwschule_sidebar a.selected {
	color: #F7BC58
}

ul.sidebar_link li {
	padding: 10px 0;
	border-bottom: 1px solid #999
}
ul.sidebar_link li.lmg-copyright {
	padding: 20px 0 5px 0;
	border-bottom: 0;
	color: #F7BC58;
	text-align: center;
}

.sidebar_content_box {
	padding: 20px;
	margin-bottom: 20px;
	background: #44526B
}

ul.sidebar_gallery li {
	display: block;
	float: left;
	margin: 0 10px 10px 0
}

#contact_form { padding: 0 }
#contact_form form { margin: 0px; padding: 0px; }

#contact_form form .input_field {
	width: 288px;
	padding: 5px;
	margin-bottom: 20px;
	color: #333333;
	background: #FFFFFF;
	border: 1px solid #dedede;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contact_form form label { display: block; margin-bottom: 5px; }

#contact_form form textarea {
	width: 628px;
	height: 130px;
	padding: 5px;
	margin-bottom: 10px;
	color: #333333;
	background: #FFFFFF;
	border: 1px solid #dedede;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contact_form .submit_btn, #comment_form .submit_btn {
	display: block;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background-color: #444444;
	border: 1px solid #333333;
	color: #FFFFFF;
	font-size: 11px;
	cursor: pointer;
}

/*** Content ***/

#hwschule_content {
	float: right;
	padding: 30px;
	width: 640px;
	background: #fff;
	min-height: 744px;
}

#hwschule_content h2.post_title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px
}

.news_list { margin-bottom: 30px }
.news_list .date { color: #fff }
.news_list a { display: block; margin-bottom: 5px; font-weight: 700 }
.news_list p { font-size: 11px }

/* Gallery */
#gallery li { display: block; float: left; margin: 0 0 30px 0; padding: 0; width: 640px; position: relative; }
#gallery li span { display: block }
#gallery li span a.more { display: block; margin-top: 10px }
#gallery li.no_margin_right { margin-right: 0 }
#gallery li span {
	display: none;
	font-size: 11px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding: 10px;
	background: #fff;
	color: #ccc;
	width: 600px;
	line-height: 1.2em;
	background: url(../images/caption_background.png) repeat;
}
#gallery li span h4 { color: #fff; margin-bottom: 10px; font-size: 14px }
#gallery li a:hover { text-decoration: none }

.post { margin-bottom: 20px; padding-bottom: 20px; background: url(../images/hwschule_hr.png) bottom repeat-x }
.post h2 { margin-bottom: 10px; font-size: 24px; font-weight: 700 }
.post img { margin-bottom: 5px }
.post_meta {border: 1px solid #666; border-left: 0; border-right: 0; padding: 5px; height: 16px; margin-bottom: 10px }
.post_meta span { float: left; display: block; float: left; margin-right: 20px; padding-left: 20px; background-repeat: no-repeat; background-position: left center  }
.post_meta span.post_author { background-image: url(../images/agent.png) }
.post_meta span.date { background-image: url(../images/calendar.png) }
.post_meta span.tag { background-image: url(../images/tag.png) }
.post_meta span.comment { float: right; background-image: url(../images/chat-02.png) }

ol.comment_list { margin: 0 0 40px; padding: 0; list-style: none }
ol.comment_list .comment_box { padding: 20px; background: url(../images/hwschule_divider.png) repeat-x bottom }
ol.comment_list li { margin-bottom: 20px }
ol.comment_list li ul { list-style: none; background: none }
ol.comment_list li ul li { margin-bottom: 20px }
ol.comment_list li ul li .comment_box {  }
.comment_content { float: right; width: 630px }
ol.comment_list li ul li.depth_2 .comment_content  { width: 590px }
ol.comment_list li ul li.depth_3 .comment_box { }
ol.comment_list li ul li.depth_3 .comment_content  { width: 550px }

#comment_form { width: 400px; margin-top: 40px }
#comment_form form label { display: block }

#comment_form form .input_field {
	width: 288px;
	padding: 5px;
	margin-bottom: 20px;
	color: #333333;
	background: #FFFFFF;
	border: 1px solid #dedede;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#comment_form form textarea {
	width: 388px;
	height: 130px;
	padding: 5px;
	margin-bottom: 10px;
	color: #333333;
	background: #FFFFFF;
	border: 1px solid #dedede;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*** TYPO3 specific ***/
.frame-default {
	margin-bottom: 30px;
}
p.toplink {
	text-align: right;
	margin: 20px 0 0 0;
}
/*** TYPO3 News list ***/
.news-list-item span.news-list-date {
	background-color: #fff;
	display: block;
}
.news-list-item {
	background-color: #e8e8e8;
	margin-bottom: 20px;
}
.news-list-item h2 {
	background-color: #f7bc58;
	font-size: 20px;
	margin-bottom: 10px;
	padding: 0 0 0 10px;
}
.news-list-item h2 a {
	text-decoration: none;
	float: none;
}
.news-list-item a {
	text-decoration: none;
	float: right;
}
.news-list-item a img {
	padding: 0 10px 5px 0;
}
.news-list-item p {
	float: left;
	width: 70%;
	padding: 0 0 0 10px;
}
.news-list-item hr.clearer {
	clear: both;
	color: #fff;
	border: none;
}
.browseLinksWrap {
	text-align: center;
}
.browseLinksWrap a,
.browseLinksWrap .disabledLinkWrap {
	padding: 0 5px 0 5px;
}
.browseLinksWrap .activeLinkWrap {
	background-color: #f7bc58;
	color: #fff;
	padding: 2px;
}
/*** TYPO3 News single ***/
.news-single-item {
}
.news-single-item .news-single-rightbox {
	background-color: #111;
	color: #fff;
	margin: 10px 0 25px 0;
	padding: 5px 0 5px 10px;
}
.news-single-item h1 {
	font-size: 24px;
	margin-bottom: 15px;
}
.news-single-item h2 {
	font-size: 18px;
	line-height: normal;
	margin-bottom: 25px;
}
.news-single-item .cl-right {
	clear: both;
	color: #fff;
	border: none;
}
.news-single-item .ce-gallery {
	float: right;
}
.news-single-item p {
	width: 58%;
}

/*** TYPO3 indexed_search ***/
.tx-indexedsearch-res {
	margin-bottom: 30px;
}
.tx-indexedsearch-res h3 {
	font-size: 16px;
	line-height: 20px;
}
.tx-indexedsearch-res h3 a {
	text-decoration: none;
}
.tx-indexedsearch-res h3 a:hover {
	text-decoration: underline;
}
.tx-indexedsearch-redMarkup {
	color: red;
}
span.ce-sword {
	color: red;
}
.tx-indexedsearch-browsebox {
	margin: 10px 0 30px 0;
}
.tx-indexedsearch-searchbox fieldset legend {
	display: none;
}

/*** FOOTER ***/
#hwschule_footer {
	padding: 20px 10px;
	text-align: right;
	background: url(../images/hwschule_content_bottom.png) top right no-repeat
}
#hwschule_footer a { color: #999 }

.hwschule_paging { margin: 0 0 20px; padding: 0 }
.hwschule_paging ul { margin: 0; padding: 0; list-style: none }
.hwschule_paging ul li { margin: 0; padding: 0; display: inline }
.hwschule_paging ul li a { float: left; display: block; color: #666; text-decoration: none; margin-right: 5px; padding: 5px 10px; background: #eeeeee; border: 1px solid #dddddd}
.hwschule_paging ul li a:hover { background: #666666; border: 1px solid #333333; color: #fff }