/*==============================================
Projekt: Oberschule Eschen [OBESC02]
Start: 07.12.2015
Code: Dimitris Gerasopoulos
Online: 16.12.2015
Server: Orazio
==============================================*/


/*
###############################################################################################

                (()__(()
                /       \ 
               ( /    \  \
                \ o o    /
                (_()_)__/ \             
               / _,==.____ \
              (   |--|      )
              /\_.|__|'-.__/\_
             / (        /     \ 
             \  \      (      /
              )  '._____)    /    
            (((____.--(((____/

            CONTENTS:
            ----------------------------------

			 1.Foundation & DNN korrekturen
			 2.Default css rules
			 3.Typography
			 4.Website structure and containers
			 5.News
			 6.Events
			 7.Personen
			 8.Kontaktformular
			 9.Diverses
			 10.Klassen
			 11.Media Queries

###############################################################################################
*/

@import url("css/mobile_navigation.css");
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=bb56ce9d-2b16-4894-bd4a-a09fc80f65f1");

@font-face {
	font-family: "Museo Sans W01_100";
	src: url("Fonts/e14e9fd6-0631-4491-b873-211c7b6f926c.eot?#iefix");
	src: url("Fonts/e14e9fd6-0631-4491-b873-211c7b6f926c.eot?#iefix") format("eot"),url("Fonts/fd9d5b5d-71c1-4db0-bf20-cd7e3ce4d069.woff2") format("woff2"),url("Fonts/e976d680-12b6-411e-9f79-0ef9287f484d.woff") format("woff"),url("Fonts/81780024-f1ae-4135-a0ae-d0bab2c19986.ttf") format("truetype"),url("Fonts/98fa899e-fa41-4563-b67a-33d373ba60ee.svg#98fa899e-fa41-4563-b67a-33d373ba60ee") format("svg");
}

@font-face {
	font-family: "Museo Sans W01_300";
	src: url("Fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?#iefix");
	src: url("Fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?#iefix") format("eot"),url("Fonts/1d3191cd-ae8c-45e2-bb04-11e96d8fa974.woff2") format("woff2"),url("Fonts/b252d464-65cb-4950-88f7-ac0a1bf79b75.woff") format("woff"),url("Fonts/b3d18117-6517-4d3f-afc1-774086ff5fc1.ttf") format("truetype"),url("Fonts/b9bed509-0816-43d8-b14b-7525a21f4bde.svg#b9bed509-0816-43d8-b14b-7525a21f4bde") format("svg");
}

@font-face {
	font-family: "Museo Sans W01_500";
	src: url("Fonts/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix");
	src: url("Fonts/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix") format("eot"),url("Fonts/d9896899-f08c-4750-a874-a9e10d83c2cb.woff2") format("woff2"),url("Fonts/d42dd843-62b0-4623-8855-d5882512c3c9.woff") format("woff"),url("Fonts/6d532ccb-086c-4000-bab2-5d16862fcf01.ttf") format("truetype"),url("Fonts/f56b7407-f97b-4cb3-9ce6-4e13065eec93.svg#f56b7407-f97b-4cb3-9ce6-4e13065eec93") format("svg");
}

@font-face {
	font-family: "Museo Sans W01_700";
	src: url("Fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?#iefix");
	src: url("Fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?#iefix") format("eot"),url("Fonts/e2d37f34-6bca-473c-b64d-93811f4dc046.woff2") format("woff2"),url("Fonts/eadbb595-a394-48fc-834f-8bf5da15cddf.woff") format("woff"),url("Fonts/9bcba093-b507-4b9b-9c83-303003d3815c.ttf") format("truetype"),url("Fonts/9a2af429-2624-4bd1-a676-8f0eed3e7e31.svg#9a2af429-2624-4bd1-a676-8f0eed3e7e31") format("svg");
}

@font-face {
	font-family: "Museo Sans W01_900";
	src: url("Fonts/7e90c1ee-e4b1-46f0-9134-93a8ba421545.eot?#iefix");
	src: url("Fonts/7e90c1ee-e4b1-46f0-9134-93a8ba421545.eot?#iefix") format("eot"),url("Fonts/009ca58d-46af-4651-a359-f0ae2301085b.woff2") format("woff2"),url("Fonts/3619b5f4-8df9-44f5-8c53-b7c236e9c74e.woff") format("woff"),url("Fonts/9b2d949a-4e1c-435c-8412-f377c80583ae.ttf") format("truetype"),url("Fonts/7a319e11-05eb-49ce-bdb7-f692766e6477.svg#7a319e11-05eb-49ce-bdb7-f692766e6477") format("svg");
}

@font-face {
	font-family: "St Ryde W01 Regular";
	src: url("Fonts/8c22adf5-0fd9-4e62-8e2e-6ff732479a87.eot?#iefix");
	src: url("Fonts/8c22adf5-0fd9-4e62-8e2e-6ff732479a87.eot?#iefix") format("eot"),url("Fonts/c9576255-7894-49e4-9dd8-3f269d4cce5b.woff2") format("woff2"),url("Fonts/d1b36457-8148-45dd-8698-3dbeac99b08c.woff") format("woff"),url("Fonts/2cf07e52-631c-4a7a-97ec-26340a960579.ttf") format("truetype"),url("Fonts/9f9a8548-c2ee-43ba-a9bb-57b70816543f.svg#9f9a8548-c2ee-43ba-a9bb-57b70816543f") format("svg");
}

@font-face {
	font-family: "St Ryde W01 Medium";
	src: url("Fonts/1e81b19c-5c55-451e-9fbc-c90d0e40abfb.eot?#iefix");
	src: url("Fonts/1e81b19c-5c55-451e-9fbc-c90d0e40abfb.eot?#iefix") format("eot"),url("Fonts/3936da84-32ae-4ee0-bf0b-59fb25fb4026.woff2") format("woff2"),url("Fonts/644fbb63-90b2-4d7a-bd32-649a41e844be.woff") format("woff"),url("Fonts/015de416-c154-404b-a14a-27eff13c58e7.ttf") format("truetype"),url("Fonts/2e6b6b31-87e7-4c54-8026-9c496fccc073.svg#2e6b6b31-87e7-4c54-8026-9c496fccc073") format("svg");
}

@font-face {
	font-family: "St Ryde W01 Bold";
	src: url("Fonts/d8fcfd91-1a7a-4fe3-ac92-2726ab0efce2.eot?#iefix");
	src: url("Fonts/d8fcfd91-1a7a-4fe3-ac92-2726ab0efce2.eot?#iefix") format("eot"),url("Fonts/df48f133-b06c-4d99-8eeb-7a25a220ae18.woff2") format("woff2"),url("Fonts/b9dcb589-e7ea-4675-b9b6-6458d214a9c7.woff") format("woff"),url("Fonts/06ae6d63-de3b-4700-aba5-929f918ecaa5.ttf") format("truetype"),url("Fonts/3b67774c-9c63-4b76-b7db-d9884bae3791.svg#3b67774c-9c63-4b76-b7db-d9884bae3791") format("svg");
}



/*
###############################################################################################

                                Foundation & DNN korrekturen

###############################################################################################
*/

.show-for-print {
	display: none;
}

.swActions {
	z-index: 300;
}

.dnnLogItemHeader div {
	font-size: 14px;
}

.rwTitleRow, .swReset .ModNuntioContentC a, #fancybox-inner, #fancybox-outer, #fancybox-wrap, .swActions .swActionMenuTag, .swActions .dnnActionMenuTag, .dnnPrimaryAction, a.dnnSecondaryAction, a.sw_dnnPrimaryAction, .megaborder, .admin_action, .update_action, .operation_action {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.RadTreeView .rtLI {
	list-style: none !important;
	line-height: normal;
}

.swReset .edit_skin input, .swReset .edit_skin textarea, .swReset .edit_skin select {
	width: auto;
}

.dnnLoginActions, .dnnLoginRememberMe {
	display: none;
}

.dnnLoginService a {
	font-size: 11px !important;
	border: none !important;
}

.dnnLoginService p {
	top: 52px;
}

.swContentPane {
	padding-top: 0px;
}

#dnnUsers a.dnnPrimaryAction,
#dnnFileUpload a.dnnPrimaryAction {
	float: right;
}

.edit_skin.admin_skin input[id*="title"], .edit_skin.admin_skin input[id*="name"], .edit_skin.admin_skin textarea[id*="summary"], .edit_skin.admin_skin input[id*="summary"], .edit_skin.admin_skin textarea[id*="imageLegend"] {
	width: 80%;
}

#div_t3g {
	top: -30px;
}

.edit_skin .text_area_property_edit .counter_remaining {
	left: auto;
}

.update_action.operation_link {
	width: auto !important;
}

.admin_action.operation_action.delete_action .action_text {
	opacity: 0;
}

.RadWindow .rwTable, .RadWindow .rwTable table {
	margin: 0px;
	border-radius: 0;
	border-collapse: initial;
}

tbody th, tbody td {
	padding: 0px;
}

.edit_skin_wrapper td {
	min-width: 20px;
}

/*
###############################################################################################

                                Default css rules

###############################################################################################
*/

.main_wrapper .DnnModule {
	margin-bottom: 20px;
}



#Body {
	background-color: #fff;
	background-image: url(media/sidebar_bg.png);
	background-repeat: no-repeat;
	background-position: -260px -450px;
	background-attachment: fixed;
}

.touch #Body {
	/*background-attachment: scroll;*/
}

/* set default page bg here */
.swReset .reContentCell {
	background-color: #efebe7 !important;
}
/* set default bg for html editor only here */

.swReset, .swReset .Normal, .swReset th, .swReset td, .swReset input, .swReset textarea, .swReset h1, .swReset h2, .swReset h3, .swReset h4, .swReset h5, .swReset h6, #frm_upload {
	font-family: "Museo Sans W01_300",Arial,Helvetica,Verdana,sans-serif;
	font-size: 16px;
	line-height: 19px;
	color: #000;
}
	/* set default font here */

	.swReset a:link, .swReset a:visited {
		color: #fcc10d;
		font-family: "Museo Sans W01_500";
		font-weight: normal;
	}
	/* set default link style here */
	.swReset a:hover, .swReset a:active {
		color: #fcc10d;
		font-weight: normal;
	}
	/* set default hover style here */

	.swReset ul {
		margin: 0;
		padding: 0;
		padding-left: 22px;
	}

	.swReset ol {
		margin: 0;
		padding: 0;
		padding-left: 27px;
	}

	/* set default list styles here */
	.swReset li, .RadEditor .reContentArea ul li {
		list-style: square none outside !important;
		list-style-type: square;
		margin: 0px;
		padding: 0px;
	}
/* set default list styles here */

.swRoot {
	margin: 0;
}


/*
###############################################################################################

                                Typography

###############################################################################################
*/


.Head, .swReset .Normal h1, .reContentArea h1 {
	font-family: "St Ryde W01 Regular";
	/*letter-spacing: 0.66px;*/
	letter-spacing: 0.4px;
	color: #fcc10d;
	font-size: 66px;
	line-height: normal;
	margin: 30px 0px 30px 0px;
}

.Head {
}

.swReset .Normal h1, .reContentArea h1 {
}

.reContentArea h1 {
}


.swReset hr {
}


.swReset .Normal h2, .reContentArea h2 {
}

.swReset h3, .reContentArea h3 {
}

iframe {
}

b, strong {
	font-family: "Museo Sans W01_700";
	font-weight: normal;
}

.swContent .swModuleContainer {
}


.swReset a[href*=".pdf"], .swReset a[href*=".xls"], .swReset a[href*=".doc"] {
	position: relative;
	padding-left: 20px;
	color: #0763ad;
	line-height: 22px;
	font-family: 'Museo Sans W01_700';
}

	.swReset a[href*=".pdf"]:before, .swReset a[href*=".xls"]:before, .swReset a[href*=".doc"]:before {
		content: '';
		display: block;
		width: 16px;
		height: 17px;
		position: absolute;
		top: 0px;
		left: 0px;
		background-image: url(media/download_icon.png);
		background-repeat: no-repeat;
	}


/*
###############################################################################################

                                Website structure and containers

###############################################################################################
*/

.logo {
	position: fixed;
	top: 30px;
	left: 35px;
	z-index: 10000;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	.logo #dnn_dnnLOGO_imgLogo {
		max-width: 210px;
	}


#dnn_LOGO1_hypLogo {
	position: relative;
	z-index: 1001;
}


#side_menu {
	position: fixed;
	left: 0px;
	bottom: 45%;
	z-index: 10;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	#side_menu ul {
		padding: 0px;
		margin: 0px;
	}

		#side_menu ul > li {
			margin-bottom: 5px;
		}

		#side_menu ul li a {
			background-color: #fff;
			font-size: 18px;
			line-height: normal;
			font-family: "St Ryde W01 Bold";
			color: #0763ad;
			text-transform: uppercase;
			letter-spacing: 0.45px;
			display: block;
			width: 250px;
			padding: 6px 0px 6px 35px;
			-moz-transition: background-color 0.3s ease-in-out;
			-o-transition: background-color 0.3s ease-in-out;
			-webkit-transition: background-color 0.3s ease-in-out;
			transition: background-color 0.3s ease-in-out;
		}

			#side_menu ul li a:hover {
				text-decoration: none;
			}


		#side_menu ul > li a:hover {
			color: #fff;
			background-color: #0763ad;
		}


.is-accordion-submenu-parent > a::after {
	border-color: #033054 transparent transparent !important;
}


.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
	margin-top: -8px;
	border-top-color: #fff !important;
}




#side_menu .is-submenu-item {
	margin-bottom: 0px;
}

	#side_menu .is-submenu-item a {
		background-color: #044579;
		color: #fff;
		font-size: 14px;
		line-height: 27px;
		letter-spacing: 0.378px;
		font-family: "St Ryde W01 Regular";
		padding: 0px 0px 0px 35px;
		text-transform: none;
	}

#side_menu ul li[aria-selected=true] > a {
	color: #fff;
	background-color: #0763ad;
}

#side_menu .is-submenu-item a.selected,
#side_menu .is-submenu-item a:hover {
	background-color: #033054;
}

#side_menu ul .submenu {
	padding: 3px 0px 0px 0px;
}

.make_it_absolute {
	bottom: auto !important;
	margin-top: 100px;
	position: absolute !important;
}

a.impressum_link {
	background-color: #fff;
	font-size: 21px;
	line-height: normal;
	font-family: "St Ryde W01 Bold";
	color: #0763ad;
	letter-spacing: 0.45px;
	display: block;
	/*width: 86px;
	padding: 6px 0px 6px 35px;*/
	width: 35px;
	padding: 6px 0px 6px 9px;
	-moz-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
	float: left;
}

a.fb_link {
	background-color: #fff;
	font-size: 21px;
	line-height: normal;
	font-family: "St Ryde W01 Bold";
	color: #0763ad;
	letter-spacing: 0.45px;
	display: block;
	width: 35px;
	padding: 6px 6px 6px 14px;
	-moz-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
	margin-left: 5px;
	float: left;
}

.fb_link:hover, .impressum_link:hover {
	text-decoration: none;
}

.is-accordion-submenu-parent > a::after {
	border-color: #f48320 transparent transparent;
}


#header {
	margin-top: 46px;
}

	#header .header_text {
		font-family: "St Ryde W01 Regular";
		color: #f48320;
		font-size: 14px;
		line-height: normal;
	}

	#header .mail_link {
		width: 21px;
		height: 21px;
		background-image: url(media/mail.png);
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		margin-left: 10px;
		margin-top: -5px;
	}

		#header .mail_link:hover {
			background-image: url(media/mail_hover.png);
		}

	#header .map_link {
		width: 10px;
		height: 21px;
		background-image: url(media/map1.png);
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		margin-left: 9px;
	}

		#header .map_link:hover {
			background-image: url(media/map1_hover.png);
		}


.mail_wrapper, .map_wrapper {
	width: 34px;
}


.main_wrapper {
	padding: 0px 34px 86px 34px;
}

	.main_wrapper .swContent {
		/*padding-right: 30px;*/
	}


#to_top_button {
	position: fixed;
	bottom: 83px;
	left: 0px;
	cursor: pointer;
	display: none;
	max-width: 65rem;
	width: 100%;
	text-align: right;
	z-index: 10;
}


.mobile_header {
	background-color: #ff7d15;
	padding: 30px 15px;
}

#dnn_LOGO1_imgLogo {
	max-width: 210px;
}

/*
###############################################################################################

                                News

###############################################################################################
*/


.news_item {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	min-height: 150px;
}

.sw_skin.news_post.main_item.list_skin .news_item:first-of-type {
	min-height: 300px;
}


.news_image_wrapper img {
	border-radius: 100%;
	-moz-transition: border-width 0.3s ease-in-out;
	-o-transition: border-width 0.3s ease-in-out;
	-webkit-transition: border-width 0.3s ease-in-out;
	transition: border-width 0.3s ease-in-out;
	border: 0px solid #ff7d15;
}


	.news_image_wrapper img:hover {
		border: 10px solid #ff7d15;
	}


.push_the_news {
	padding-left: 150px;
}

.news_item .date_item {
	color: #ff7d15;
	font-size: 24px;
	line-height: 27px;
	font-family: 'St Ryde W01 Regular';
}


.news_item .item_title a,
.news_item .item_title a .action_text {
	color: #ff7d15;
	font-size: 24px;
	line-height: 27px;
	font-family: 'St Ryde W01 Bold';
}

.news_item .more_link,
.news_item .more_link .action_text {
	color: #ff7d15;
	font-family: 'St Ryde W01 Bold';
}


	.news_item .more_link:hover,
	.news_item .item_title a:hover {
		text-decoration: none;
	}



.news_details_item .item_title {
	color: #ff7d15;
	font-family: 'St Ryde W01 Bold';
	font-size: 24px;
	line-height: 27px;
	margin-bottom: 20px;
}

.news_details_item .subheader_item.date_item {
	margin-top: 40px;
}

.news_details_item .flex-control-nav.flex-control-paging {
	bottom: -20px;
	text-align: left;
	z-index: 1000;
	display: inline-block;
	right: 0;
	width: auto;
}

.news_details_item .flex-control-nav li {
	margin: 0px 11px 0px 0px;
}

.news_details_item .flex-control-paging li a {
	background-color: #dadada;
	box-shadow: none;
	width: 11px;
	height: 11px;
}

	.news_details_item .flex-control-paging li a.flex-active {
		background-color: #ff7d15;
	}

.back_to_news {
	position: absolute;
	top: -90px;
	right: 0;
	width: 32px;
	height: 32px;
	background-image: url(media/close_news.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.swReset a.news_link {
	color: #fcc10d;
	font-family: 'St Ryde W01 Bold';
	font-size: 14px;
	line-height: 17px;
	position: relative;
}

	.swReset a.news_link:hover {
		text-decoration: none;
	}

.swReset a.next_news_link {
	float: right;
	padding-right: 20px;
}

	.swReset a.next_news_link:after {
		content: '';
		display: inline-block;
		height: 20px;
		width: 15px;
		background-image: url(media/down_arrow.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 50% 50%;
		top: -2px;
		right: 0px;
		position: absolute;
	}


.next_prev_wrapper {
	margin: -24px 0px 9px 0px;
}

.swReset a.prev_news_link {
	padding-left: 20px;
}

	.swReset a.prev_news_link:before {
		content: '';
		display: inline-block;
		height: 20px;
		width: 15px;
		background-image: url(media/up_arrow.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 50% 50%;
		top: -2px;
		left: 0px;
		position: absolute;
	}


/*
###############################################################################################

                                Events

###############################################################################################
*/

/*Inherits all styles from news*/


table#events_table {
	width: 100%;
}

	table#events_table thead th {
		background-color: #f48320;
		color: #fff;
		padding: 15px 5px;
		min-width: 120px;
		font-family: "St Ryde W01 Bold";
	}

	table#events_table td {
		vertical-align:top;
		padding:15px 5px;
		border-bottom:1px solid #ff7d15;
	}

/*
###############################################################################################

                                Personen

###############################################################################################
*/


.list_skin .list_content .admin_actions.team_actions {
	top: 61%;
	right: 50%;
	margin-right: -30px;
}

.list_content .team_cell_wrapper {
	padding: 8px !important;
}

.list_skin.team_superwrapper {
	margin: -8px -44px;
}

.team_cell_image {
	border-radius: 100%;
	overflow: hidden;
}

.list_content .team_cell_wrapper:nth-of-type(5n+1) {
	margin-left: 16.6666%;
}

.list_content .team_cell_wrapper:nth-of-type(5n+2) {
	margin-right: 16.6666%;
}

.team_cell_text {
	text-align: center;
}

.team_cell_wrapper a {
	color: #000 !important;
}

	.team_cell_wrapper a:hover {
		text-decoration: none;
		cursor: url('/Portals/0/Skins/oberschuleeschen/media/mail_cursor_new.cur'), auto;
	}


/*version 2*/

.team_cell_image2 img {
	border-radius: 100%;
	max-width: 210px;
}

.team_cell_text2 {
	color: #fcc10d;
	margin-top: 80px;
}

.row_odd.team_cell_wrapper2 {
	margin-left: 100px;
}


/* !FOCUSED IMAGES */
/*-----------------------------------------*/
.focuspoint {
	position: relative; /*Any position but static should work*/
	overflow: hidden;
	height: inherit;
}

	.focuspoint img {
		position: absolute;
		left: 0;
		top: 0;
		margin: 0;
		display: block;
		/* fill and maintain aspect ratio */
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		max-height: none;
		max-width: none;
	}

.team_cell_image {
	position: relative;
	padding-bottom: 100%;
}

	.team_cell_image .focuspoint {
		width: 100%;
		position: absolute;
		margin: 0px;
		top: 0px;
		left: 0px;
		height: 100%;
	}


	.team_cell_image .fake_focuspoint {
		width: 100%;
		position: absolute;
		margin: 0px;
		top: 0px;
		left: 0px;
		height: 100%;
	}


	.team_cell_image.no_focuspoint {
		padding-bottom: 0px;
	}

/*
###############################################################################################

                                Kontaktformular

###############################################################################################
*/

.kontaktform {
}


	.kontaktform label.SubHead {
		font-family: 'Museo Sans W01_300';
		font-weight: normal;
		font-size: 16px;
		line-height: 19px;
		margin-bottom: 5px;
		display: block;
	}

span[id*="lblRequired"] {
	display: none;
}

.kontaktform td[colspan="1"]:nth-of-type(1) {
	width: 115px;
}


.kontaktform td div:not(:empty) {
	margin-bottom: 20px;
}

.kontaktform .NormalTextBox {
	font-family: 'Museo Sans W01_300';
	font-weight: normal;
	font-size: 16px;
	border: 2px solid #fcc10d;
	width: 100%;
	line-height: 20px;
	border-radius: 0px;
}

.NormalTextBox:focus {
	outline-color: #fcc10d;
}

.NormalTextBox.empfaenger_field input[type="radio"]:focus {
	outline: none !important;
}

.styledRadio {
	float: left;
}

	.styledRadio + label {
		position: relative;
		margin-top: 4px;
		display: inline-block;
		margin-left: 10px;
	}

.NormalTextBox.anrede_field {
	padding: 2px 0px;
	max-width: 88px;
}

.NormalTextBox.name_field {
	max-width: 366px;
}

.NormalTextBox.email_field {
	max-width: 482px;
}

.NormalTextBox.empfaenger_field {
	max-width: 482px;
}

.NormalTextBox.lehrperson_field {
	padding: 2px 0px;
	max-width: 482px;
}

.NormalTextBox.hidden_email_field {
	display: none;
}

.NormalTextBox.betreff_field {
	max-width: 482px;
}

.NormalTextBox.nachricht_field {
}

a.NormalTextBox.senden_field {
	border: 0;
	display: inline-block;
	text-align: right;
	font-size: 36px;
	line-height: 36px;
	font-family: "St Ryde W01 Bold";
}

	a.NormalTextBox.senden_field:hover {
		text-decoration: none;
	}


div[id*="pnlThankYou"] table {
	margin: 0px !important;
}

.NormalTextBox.strong_label {
	border: none;
}

/*
###############################################################################################

                                Diverses

###############################################################################################
*/
/* facebook share teilen */
a.facebook_icon{
	font-size: 14px;
	line-height: 11px;
	text-decoration: none;
}
a.facebook_icon:hover, a.facebook_icon:active{
	color: #ff7d15;
}
/**/
.hiddenPerson{
	border: 5px solid red;
}
.team_image_news_image {
	padding-bottom: 53%;
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
}

	.team_image_news_image .focuspoint {
		position: absolute;
		width: 100%;
	}

/*Paging*/

.relative_paging_actions {
	display: none;
}

.swReset .paging_wrapper .paging_actions .current span {
	display: block;
	border: 4px solid #ff7d15;
	background-color: #FFFFFF;
	color: #000000;
	padding: 0px;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 23px;
	text-align: center;
	border-radius: 100%;
}

.swReset .paging_wrapper .paging_actions a:link, .swReset .paging_wrapper .paging_actions a:visited {
	display: block;
	border: 4px solid #ff7d15;
	background-color: #ff7d15;
	color: #fff;
	padding: 0px;
	width: 30px;
	height: 30px;
	font-family: 'Museo Sans W01_700';
	font-size: 14px;
	line-height: 23px;
	text-align: center;
	border-radius: 100%;
}

	.swReset .paging_wrapper .paging_actions a:link:hover, .swReset .paging_wrapper .paging_actions a:hover {
		text-decoration: none;
		background-color: #fcc10d;
	}


.edit_skin .locale .label,
.downloads_item .category_list_content .list_title {
	font-weight: normal;
	font-size: 16px;
	font-family: 'Museo Sans W01_700';
}

.LoginPanel {
	max-width: 300px;
}

.dnnLoginService {
	width: 100% !important;
	min-width: 100% !important;
	margin: 0 !important;
	padding-top: 0px;
	height: 100px;
	padding: 15px;
}

	.dnnLoginService .dnnFormItem {
		padding: 0px;
		margin: 0px;
		font-size: 13px;
		line-height: 14px;
		min-height: initial;
	}

.swReset .dnnLogin label {
	display: block;
	width: 100%;
	float: left;
	text-align: left;
	font-family: "Museo Sans W01_700";
	font-size: 16px;
}

.dnnLoginService .dnnFormItem input {
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100% !important;
	height: 2.4375rem;
	padding: 0.5rem;
	border: 1px solid #FF7D15;
	margin: 0 0 1rem;
	font-family: inherit;
	font-size: 1rem;
	color: #0a0a0a;
	background-color: #fefefe;
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	border-radius: 0;
	-moz-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	-o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	-webkit-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	-webkit-appearance: none;
}

.dnnLoginService p {
	margin: 0px !important;
	padding: 0px !important;
	position: relative;
	top: 0px;
	left: 0px;
}

#dnn_ctr_Login_Login_DNN_cmdLogin {
	display: block !important;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 0;
	padding: 0.85em 1em;
	margin: 0;
	font-size: 0.9rem;
	background: #ff7d15;
	color: #fff;
	font-family: "Museo Sans W01_300";
	font-size: 16px !important;
}

	#dnn_ctr_Login_Login_DNN_cmdLogin:hover, #dnn_ctr_Login_Login_DNN_cmdLogin:focus {
		background: #222;
		color: #fff;
		text-decoration: none;
	}

.swRoot_157.swRootEdit.row,
.swRootEdit .row, .swRootEdit.row {
	max-width: 80em;
}

.fswRoot_157 #to_top_button,
.fswRootEdit #to_top_button {
	max-width: 80em;
}


#side_menu_ul li {
	position: relative;
}

.fake_link_wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80%;
}


.fake_link {
	background-color: transparent !important;
	width: 100% !important;
	height: 33px;
}

.gallery_image .fct_legend_title_image, .gallery_image .fct_legend_title_album {
	width: auto;
	height: auto;
	margin-bottom: 10px;
}


#mobile_footer {
	background-color: #033054;
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 2000;
}

.icon_div {
	text-align: center;
}

	.icon_div img {
		width: 50px;
	}

/*
###############################################################################################

                                Klassen

###############################################################################################
*/

.klassen_list {
	margin: -10px;
}

.klasse_image_wrapper {
	padding-bottom: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius: 100%;
}

.klassen_list .item_data.klasse_wrapper.columns {
	padding: 10px;
}

.klassen_list .klasse_wrapper:nth-of-type(5n+1) {
	margin-left: 16.6666%;
}

.klassen_list .klasse_wrapper:nth-of-type(5n+2) {
	margin-right: 16.6666%;
}

.klasse_text {
	text-align: center;
}


.lg-actions .lg-icon {
	font-family: 'St Ryde W01 Bold';
	font-size: 19px !important;
}

	.lg-actions .lg-icon span {
		color: #ff7d15;
	}


.lg-toolbar {
	padding-right: 15px;
}

.lg-backdrop {
	background-color: #fff !important;
	background-image: url(media/sidebar_bg.png);
	background-repeat: no-repeat;
	background-position: -260px -450px;
}

.lg-toolbar .lg-icon {
	color: #fff !important;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
	background-color: rgba(255,255,255,0.9) !important;
	border-radius: 40px !important;
}


/*
###############################################################################################

                                Media Queries

###############################################################################################
*/

@media only screen and (max-width: 64em) {
	.push_the_news {
		padding-left: 0px;
	}

	.Head, .swReset .Normal h1, .reContentArea h1 {
		font-size: 48px;
	}

	.team_cell_image2 img {
		border-radius: 100%;
		max-width: 160px;
	}

	.row_odd.team_cell_wrapper2 {
		margin-left: 100px;
	}

	.lg-actions .lg-icon {
		font-family: 'lg';
		font-size: 13px !important;
		color: #ff7d15 !important;
	}


	.klassen_list {
		margin: -5px;
	}

		.klassen_list .item_data.klasse_wrapper.columns {
			padding: 5px;
		}

		.klassen_list .klasse_wrapper:nth-of-type(5n+1) {
			margin-left: 0;
		}

		.klassen_list .klasse_wrapper:nth-of-type(5n+2) {
			margin-right: 0;
		}


	.news_item {
		min-height: 0px !important;
	}

	.news_image_wrapper img {
		min-width: 100px;
	}
}

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

	#Body {
		background-position: -360px -450px;
	}

	#header .header_text {
		font-size: 10px;
	}

	.logo {
		left: 15px;
	}

	#side_menu ul li a {
		width: 200px;
		padding: 6px 0px 6px 15px;
	}

	.logo #dnn_dnnLOGO_imgLogo {
		max-width: 150px;
	}

	.news_image_wrapper img {
		width: 100%;
		max-width: 300px;
	}

	.back_to_news {
		top: -65px;
	}
}




@media only screen and (max-width: 41em) {


	.hide-for-small-only {
		display: none !important;
	}

	.team_cell_text2 {
		margin-top: 0px;
	}

	.row_odd.team_cell_wrapper2 {
		margin-left: 0px;
	}

	.team_cell_image {
		text-align: center;
	}

	.list_skin.team_superwrapper {
		margin: -8px;
	}


	.list_content .team_cell_wrapper:nth-of-type(5n+1) {
		margin-left: 0;
	}

	.list_content .team_cell_wrapper:nth-of-type(5n+2) {
		margin-right: 0;
	}

	.klassen_list .klasse_wrapper:nth-of-type(5n+1) {
		margin-left: 0;
	}

	.klassen_list .klasse_wrapper:nth-of-type(5n+2) {
		margin-right: 0;
	}


	.news_image_wrapper img,
	.news_image_wrapper img:hover {
		border: none;
	}

	#Body {
		background-image: none;
	}

	.main_wrapper {
		padding: 0px 15px 82px 15px !important;
	}

		.main_wrapper .swContent {
			padding-right: 0px;
		}

	.Head, .swReset .Normal h1, .reContentArea h1 {
		font-size: 38px;
	}

	.media-object.news_item {
		padding-bottom: 20px;
		border-bottom: 2px dotted #ff7d15;
	}

	.lg-actions .lg-icon {
		font-family: 'lg';
		font-size: 22px !important;
		color: #ff7d15 !important;
	}

	.empfaenger_field td {
		display: block;
		width: 100%;
		float: left;
	}
}

@media print {

	.show-for-print {
		display: block;
	}

	#dnnCPWrap, .swActions, .user_actions, .operation_action,
	#side_menu, #mobile_footer, .show-for-small-only,
	.fixed_elements {
		display: none !important;
	}

	a[href]:after {
		content: none !important;
	}

	.large-1, .medium-1 {
		width: 8.33333%;
	}

	.large-2, .medium-2 {
		width: 16.66667%;
	}

	.large-3, .medium-3 {
		width: 25%;
	}

	.large-4, .medium-4 {
		width: 33.33333%;
	}

	.large-5, .medium-5 {
		width: 41.66667%;
	}

	.large-6, .medium-6 {
		width: 50%;
	}

	.large-7, .medium-7 {
		width: 58.33333%;
	}

	.large-8, .medium-8 {
		width: 66.66667%;
	}

	.large-9, .medium-9 {
		width: 100%;
	}

	.large-10, .medium-10 {
		width: 83.33333%;
	}

	.large-11, .medium-11 {
		width: 91.66667%;
	}

	.large-12, .medium-12 {
		width: 100%;
	}


	.swRoot > .medium-8 {
		width: 100%;
	}
}