/* Style sheet default */

/*************************************
 * Positioning the site
 */
body {
	text-align: center;
	padding: 10px;
}

#wrapper {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header, #container, #footer {
	width: 100%;
}

#links {
	float: left;
	width: 68%;
}

.start #links {
	width: 65%;
}

#rechts {
	float: right;
	width: 30%;
}

.start #rechts {
	width: 25%;
}

/*lehrerteam*/
.lehrerteam #links, .lehrerteam #rechts {
	width: 49%;
}

#rechts .mod_article {
	margin-bottom: 15px;
}
#rechts .mod_article:last-child {
	margin-bottom: 0px;
}

/**********
 * HEADER
 */
#welt_head {
	width: 100%;
	height: 150px;
}

/* start */
.start #welt_head {
	height: 500px;
}

#welt_head #logo {
	max-width: 172px;
	width: 30%;
	position: relative;
	top: -10px;
	left: -10px;
	float: left;
	z-index: 999
}
#welt_head #motto {
	float: left;
}

/**********
 * FOOTER
 */

#footer {
	height: 50px;
}

#footer #drache {
	height: 40px;
	float: left;
	margin-left: 55px;
	margin-top: 7px;
}

#footer .mod_customnav ul {
	margin-top: 8px;
	margin-left: 40px;
}

/**************
 * Navigation
 */
.mod_customnav {
	text-align: center;
}

/*Hauptnav*/
#hauptnav.mod_customnav {
	margin-top: 58px;
}

.start #hauptnav.mod_customnav {
	margin-top: 3px;
}

#hauptnav.mod_customnav ul li {
	/*min-width: 131px;*/
	width: 14%;
}

/*Unternavi */
#unternav {
	margin-bottom: 5px;
	clear: both;
}

/**********************************
 * KLASSENNAVIGATION
 */
#schulklassen .mod_customnav .klasse {
	width: 50px;
	height: 50px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	position: relative;
	top: -55px;
}

#schulklassen .mod_customnav .klasse span {
	position: relative;
	top: 10px;
}

/******************
 * TERMINE
 */
.event {
	clear: both;
	padding-bottom: 20px;
	margin-bottom: 15px;
	margin-left: 5px;
	min-height: 50px;
	overflow: visible;
}
.layout_upcoming .event.last, .mod_eventlist .layout_upcoming.event:last-child, .layout_month .event.last, .mod_eventlist .layout_month.event:last-child {
	margin-bottom: 0px;
}
.event .info {
	font-weight: bold;
	text-align: center;
	color: white;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 5px;
	margin-left: -5px;
	margin-top: -5px;
}

.event .info .day {
	padding-top: 5px;
}

.event .endDate {
	width: 200px;
}

.event h2 {
	margin: 0px;
}
.event h2.no_sub {
	padding-top: 20px;
}

/* layout_upcoming, layout_month */
.event.layout_month .content h2, .event.layout_upcoming .content h2 {
	float: left;
	margin-right: 10px;
}

.event.layout_month .content .ce_text, .event.layout_upcoming .content .ce_text {
	padding-top: 2px;
}

.event.layout_month .content .ce_text.no_sub, .event.layout_upcoming .content .ce_text.no_sub {
	padding-top: 22px;
}

.event.layout_upcoming ul.tagged, .event.layout_month ul.tagged {
	margin-top: -15px;
	margin-right: 5px;
}

.event.layout_upcoming .fuer.no_sub ul.tagged, .event.layout_month .fuer.no_sub ul.tagged {
	margin-top: 5px;
}

/* layout_upcoming_small */
ul.tagged {
	margin-top: -5px;
}

/******************************
 * NEUIGKEITEN
 */
.mod_newslist .news, .mod_newsarchive .news {
	padding: 5px;
}
.mod_newslist img, .mod_newsarchive img {
	margin-top: 5px;
	margin-right: 15px;
}

.mod_newslist .news, .mod_newsarchive .news {
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.mod_newslist .info, .mod_newsarchive .info {
	width: 60px;
	font-weight: bold;
	color: white;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 2px 5px;
	margin-right: 10px;
}

.mod_newslist .info .day, .mod_newsarchive .info .day {
	float: left;
	margin-right: 4px;
}

.mod_newslist h2, .mod_newsarchive h2 {
	margin: 0px;
	margin-top: -3px;
	margin-left: 75px;
}

.mod_newslist .teaser, .mod_newsarchive .teaser {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.mod_newslist p, .mod_newsarchive p {
	margin: 5px 5px;
}

.mod_newslist .read_more, .mod_newsarchive .read_more {
	float: right;
}

/* layout_short */
.mod_newslist .layout_short img, .mod_newsarchive .layout_short img {
	max-width: 120px;
	float: left;
}

/* layout_short_small */
.mod_newslist .layout_short_small img, .mod_newsarchive .layout_short_small img {
	max-width: 100px;
	display: none;
}

.mod_newslist .layout_short_small h2, .mod_newsarchive .layout_short_small h2 {
	margin: 2px 0px;
}

/* layout_short_huge */
.mod_newslist .layout_short_huge img, .mod_newsarchive  .layout_short_huge img {
	max-width: 300px;
	float: left;
}

/* layout_short, layout_short_huge */
.mod_newslist .layout_short .info, .mod_newslist .layout_short_huge .info, .mod_newsarchive .layout_short .info, .mod_newsarchive .layout_short_huge .info {
	float: left;
}

/** Anzeige Neuigkeiten */
.back {
	width: 82px;
}

/******************************
 * GUESTBOOK, FUNDGRUBE
 */
.comment .info .time {
	float: left;
	margin-right: 15px;
}

.comment .info .time {
	color: white;
	font-weight: bold;
	padding: 2px 3px;
}

/******************************
 * KONTAKT
 */
#kontakt iframe, #kontakt_danke iframe {
	float: right;
	margin-top: -60px;
}

#kontakt-aufnehmen .radio_container {
	width: 180px;
}

#kontakt-aufnehmen .radio_container span {
	padding-left: 10px;
}

#kontakt-aufnehmen textarea {
	width: 99%;
}

/******************************
 * TAGS
 */
.mod_newslist ul.tagged {
	float: none;
}

.mod_eventlist ul.tagged {
	float: right;
}

ul.tagged li {
	padding: 0;
	width: 23px;
	height: 23px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	float: left;
	margin-right: 4px;
}

ul.tagged li a, ul.tagged li span {
	position: relative;
	top: 3px;
}

ul.tagged li.tag_alle {
	background-color: #888;
}

/**********************************
 * PAGINATION
 */
.pagination {
	overflow: visible;
}

.pagination ul li {
	text-align: center;
	margin: 0px 3px;
	width: 20px;
	height: 20px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	opacity: 0.6; /* allgemein */
	filter: alpha(opacity=60); /* IE */
	-moz-opacity: 0.6; /* Mozilla */
	-khtml-opacity: 0.6; /* KTHML */
	-opera-opacity: 0.6; /* Opera */
	background-color: #336699;
}

.pagination ul li:hover {
	opacity: 1; /* allgemein */
	filter: alpha(opacity=100); /* IE */
	-moz-opacity: 1; /* Mozilla */
	-khtml-opacity: 1; /* KTHML */
	-opera-opacity: 1; /* Opera */
}

.pagination ul li.next, .pagination ul li.previous, .pagination ul li.last, .pagination ul li.first {
	width: 25px;
	height: 25px;
	margin-top: -2px;
}

.pagination ul li.last a, .pagination ul li.first a {
	position: relative;
	top: 1px;
}

.pagination ul li.next.empty, .pagination ul li.previous.empty, .pagination ul li.last.empty, .pagination ul li.first.empty {
	background-color: transparent;
}

.pagination ul li.last, .pagination ul li.first {
	width: 28px;
	height: 28px;
	margin-top: -3px;
}

/***********************************
 * BROWSERS
 */
#warning {
	padding: 10px;
}
#warning p {
	text-align: left;
	width: 500px;
}
ul.browsers {
	padding: 0;
	margin: 0;
}
ul.browsers li {
	float: left;
	display: inline;
	width: 90px;
	padding: 5px 3px;
}

ul.browsers li img {
	width: 70px;
}

/*************************************************************************************************************************************************************
 * ***********************************************************************************************************************************************************
 * ***********************************************************************************************************************************************************
 *//*
 @media (max-width: 900px), (max-device-width: 900px) {

 #schule, #random3 {
 display: none;
 }

 #welt_head .random {
 width: 45%;
 }

 #welt_head .random .mod_randomImage {
 width: 100%;
 max-width: 390px;
 }

 #hauptnav ul li a p {
 display: none;
 }
 }

 */

/*-----------------------------------------------------------------------------------*/
/*	CSS3 Media Queries for Responsiveness (from big to small)
 /*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 930px) , (max-device-width: 930px) {
	.start #links {
		width: 64%;
	}
	
	.start #rechts {
		width: 24%;
	}
}

@media screen and (max-width: 780px) , (max-device-width: 780px) {
	.start #links {
		width: 63%;
	}
	
	.start #rechts {
		width: 24%;
	}
}


/* --- tablets in portrait mode --- */
@media screen and (max-width: 900px) , (max-device-width: 900px) {
	html {
		font-size: 115%;
	}

	#schule, #random3 {
		display: none;
	}

	#welt_head .random {
		width: 45%;
	}

	#welt_head .random .mod_randomImage {
		width: 100%;
		max-width: 390px;
	}

	#hauptnav ul li p {
		display: none;
	}

	#hauptnav.mod_customnav ul li, #unternav.mod_customnav ul li {
		width: 30%;
	}	
}

@media screen and (max-width: 740px) , screen and (max-device-width: 740px) {

	#hauptnav.mod_customnav ul li, #unternav.mod_customnav ul li {
		width: 44%;
	}
	#unternav {
		width: 100%;
	}
	
	#schulklassen .mod_customnav .menu-item {
		height: 190px;
	}
	
	.start #links {
		width: 62%;
	}
	
	.start #rechts {
		width: 23%;
	}
}

/* --- smartphones in landscape mode --- */
@media screen and (max-width: 630px) , screen and (max-device-width: 630px) {
 
	html {
		font-size: 115%;
	}

	.random, .mod_breadcrumb, #drache, #schulklassen .klassenfoto {
		display: none;
	}

	.start #links, .start #rechts, .lehrerteam #links, .lehrerteam #rechts, #links, #rechts {
		width: auto;
		margin: 0;
		float: none;
	}

	.start #links, .lehrerteam #links, #links {
		margin-bottom: 10px;
	}

	#unternav {
		width: 100%;
	}

	#hauptnav.mod_customnav ul li, #unternav.mod_customnav ul li {
		width: 95%;
		font-size: larger;
	}

	.start #welt_head {
		height: auto;
	}

	#welt_head #motto {
		line-height: 60px;
		font-size: 40px;
		margin-left: 0px;
		margin-top: 7px;
	}

	#footer {
		height: auto;
	}

	#schulklassen .mod_customnav .klasse {
		width: 100%;
		height: 100%;
		top: 0;
		padding: 5px 0px;
		font-size: larger;
	}

	#schulklassen .mod_customnav .menu-item {
		float: none;
		margin: 15px 0px;
		width: 100%;
		height: 50px;
	}

	#footer .mod_customnav ul li {
		float: none;
	}

	.event .info .day {
		padding: 0;
		float: left;
	}

	.event .info, .mod_newslist .info, .mod_newsarchive .info {
		height: 30px;
		width: 100px;
		padding-left: 10px;
	}

	.chrome .mod_newslist h2, .safari .mod_newslist h2 {
		margin-left: 120px;
	}
}