@charset "utf-8";
* {
	margin:0;
	padding:0;
} 

html, body {
	height: 100%;
}
html { 
	overflow: scroll;
	overflow-x: auto;
}

body {
	background-color: #FFF;
	background-image: none;
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#wrapper {
	min-height: 100%;
	width:960px;
	margin:0 auto;
}

#container {
	overflow:auto;
	padding-bottom: 125px;  
}

#footer {
	position: relative;
	margin-top: -125px; 
	height: 125px;
	width:960px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
	clear:both;
	font-size:11px;
	color: #666;
} 
#footer .oben {
	padding-top:3px;
	background-color:#FFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B9BEBC;
}
#footer .mitte {
	margin-top:20px;
	margin-bottom:20px;
} 
#footer .unten {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B9BEBC;
} 

#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #666666;
	text-decoration: underline;
}

#footer ul {
	float:left;
	width:140px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-right:30px;
	margin-left:20px;
}

#footer li {
	background-image: none;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}

body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}






h1, h2, p, ul {
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}
h1 {
	font-size: 17px;
	color: #00447A;
	font-weight: bold;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8D6DF;
}
h1.blank {
	margin-bottom:20px;
	padding-bottom:0px;
	border-bottom-style: none;
}
h2 {
	font-size: 15px;
	color: #666;
	font-weight: bold;
}
h3 {
	font-size: 13px;
	color: #666;
	font-weight: bold;
	margin-bottom:10px;
}

a:link, a:visited, a:active {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
.fett, .fett a, a.fett {
	font-weight:bold;
	
}
hr {
	border: 0;
	height:1px;
	color: #C8D6DF;
	background-color: #C8D6DF;
	margin-top:15px;
	margin-bottom:15px;
	clear:both;
}
pre {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}




#header {
	height: auto;
	background-color: #FFF;
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
}

#header .top {
	height:17px;
	background-color: #00447A;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B9BEBC;
}
#header .inside {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #B9BEBC;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #B9BEBC;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #B9BEBC;	
}
/*
#header .logo {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B9BEBC;
}
*/
#header .logo .schule {
	float:left;
	padding:10px;
}
#header .logo .mitte {
	height:80px;
	margin-left:200px;
	margin-right:260px;
	padding:0px;
	line-height:80px;
	text-align:center;
	vertical-align: middle;
}
#header .logo .mitte img {
	vertical-align: middle;
}

#header .logo .partner {
	float: right;
	padding:10px;
	padding-top:16px;
}
#header .unten {
	height: 3px;
	background-color: #B9BEBC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00447A;
}


#main {
	margin-left:170px;
	margin-right:300px;
	margin-bottom:40px;
}

.drei#main  {
	margin-left:170px;
}

#main .inside {
/*
	margin:0px;
	padding:0px;
*/
	padding-right:40px;
}
#left {
	width:150px;
	margin-right:20px;
}
#right {
	width:300px;
}

#right .still {
	height:200px;
	/*
	background-image:url(/tl_files/dieschule/still/lachen.jpg);
*/
	background-repeat: no-repeat;
	background-color:#EEE;
	margin-bottom:20px;	
}
#right .bogen {
	height:200px;
/*
	background-image:url(/tl_files/layout/still_bogen.png);
*/
	background-image:url(/include/images/layout/still_bogen.png);
	background-repeat: no-repeat;	
}

.clear, #clear {
	clear:both;
}



.news ul {
	margin:0;
	padding: 0;
	list-style-type:none;
}
.news li {
	margin:0;
/*
	border-bottom:1px solid #C8D6DF;
*/
	list-style-type:none;
	padding: 0px;
	padding-bottom: 10px;
}
.news a, .news h3 {
	color:#666;
}


/*
	Subnavigation
.nav li {
	margin:0;
	padding: 0px;
	list-style-type:none;
	padding-bottom: 7px;
}
.nav li.current a { 
	font-weight:bold;
}                    
*/


.suche {
	float:right;
	padding:0px;
	padding-top:15px;
}
.suche input, .suche input[type=text] {
	height:28px;
	width:140px;
	text-align:right;
	vertical-align:middle;
	padding:0px;
	padding-top:5px;
	padding-right:45px;
	padding-left:5px;
	padding-bottom:5px;
	color:#B9BEBC;
	font-size:13px;
	background-color:#FFF;
	background-image:url(/include/images/layout/lupe.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border:1px solid #B9BEBC;

	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;

}
.suche input:focus
{
	background-image:url(/include/images/layout/lupe_off.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color:#F8F9FA;
	border:1px solid #4c4c4c;
	color:#4c4c4c;
}



/* Style sheet detail */

/*

.blickpunkt {
	background-color:#F8F9FA;
	color: #666;
	margin-bottom:20px;
	padding:15px;
	border:1px solid #C8D6DF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior:url(/include/layout/border-radius.htc);
}

	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	behavior:url(/include/layout/images/border-radius.htc);
	border-radius:10px;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
.blickpunkt.headline {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;

	padding-bottom:0px;
	z-index: 1;
}

.blickpunkt.body {
	margin-top:-10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: 9998;

}
*/
.blickpunkt {
	background-color:#F8F9FA;
	color: #666;
	margin-bottom:20px;
	padding:15px;
	border:1px solid #C8D6DF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
}

.blickpunkt .image_container {
	float:left;
}
.blickpunkt img {
	margin-right:15px;
}
.blickpunkt p {
	margin:0px;
}
.blickpunkt h2 {
	font-size: 12px;
	font-weight: bold;
}
#herzlich-willkommen .mod_newslist {
/*  
	Standort: Abstand von Blickpunkt zu Text
*/
	margin-bottom:20px;
}



/* NAVIGATION */

#header .mod_navigation ul{
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 80px;
	margin-left: 0px;
}
#header .mod_navigation ul li{
	float:left;
	padding:0;
	list-style-type:none;
	background:none;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header .mod_navigation ul>li>a,#header .mod_navigation ul>li>span {
	height:40px;
	float:left;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	color:#666;
	line-height:40px;
	outline:none;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
/*
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
*/

}
#header .mod_navigation ul li a:active,#header .mod_navigation ul li a:focus{color:#FFF;}
#header .mod_navigation ul li a:hover {
	background-color:#666;
	color:#fff;
	
/*
	text-shadow: 1px 1px 1px #333;
*/
	-moz-box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	box-shadow: 0px 0px 8px #999;
	text-shadow: none;

}
#header .mod_navigation ul li.active a, #header .mod_navigation ul li.trail a, #header .mod_navigation ul li.active span {
	background-color:#666;
	color:#fff;
/*
	text-shadow: 1px 1px 1px #333;
	-moz-box-shadow: 3px 3px 15px #999;
	-webkit-box-shadow: 3px 3px 15px #999;
	box-shadow: 3px 3px 15px #999;
*/

	-moz-box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	box-shadow: 0px 0px 8px #999;
	text-shadow: none;
}
/*
#header .mod_navigation ulXXX li a:hover{background-color:#666;color:#fff;}
#header .mod_navigation ulXXX li.active a{background-color:#666;border-right:1px solid #rgba(2;border-left:1px solid #rgba(2;color:#fff;}
*/
#header .mod_navigation ul.off>li>a{color:#CCC;text-shadow: none;}
#header .mod_navigation ul.off li a:hover{background-color:#CCC;color:#fff;text-shadow: none;}
#header .mod_navigation .off ul li.active a {
	background-color:#CCC;
	color:#fff;
/*
*/
	text-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:none;
}

/* OFF */
#header .mod_navigation.off ul li a {
	color:#CCC;
	text-shadow: none;
}
#header .mod_navigation.off ul li a:hover, 
#header .mod_navigation.off ul li.active a, #header .mod_navigation.off ul li.active span,
#header .mod_navigation.off ul li.trail a 
{ 
	background-color:#CCC;
	color:#fff;
	text-shadow: none;
/*
	text-shadow: none;
	-moz-box-shadow: 3px 3px 10px #E2E2E2;
	-webkit-box-shadow: 3px 3px 10px #E2E2E2;
	box-shadow: 3px 3px 10px #E2E2E2;
*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:none;
}                    

/* NAVIGATION */ /* ENDE */

/* UNTERNAVIGATION */

div#unternavigation {
	width:150px;
	float:left;
	display: block;
}
#unternavigation .mod_navigation ul {
	margin:0px;
}
#unternavigation li {
	padding-bottom:5px;
	background-image: none;
	padding-left: 0px;
}

#unternavigation a:hover {
	text-decoration:underline;
}
#unternavigation ul ul {
	padding-top:5px;
	
}
#unternavigation ul ul li {
	margin-left:10px;
	list-style-type:none;
}







.navigation ul {
	margin:0px;
}
.navigation li {
	padding-bottom:5px;
	background-image: none;
	padding-left: 0px;
}
.navigation .aktiv a {
	font-weight:bold;
	text-decoration:underline;
}










/* UNTERNAVIGATION */ /* ENDE */

/* NAVIGATION TEAM */
#navigationTeam li {
	background-image: none;
	padding-left: 0px;
}
#navigationTeam li ul {
	margin-bottom:10px;
}

#navigationTeam h3 {
	margin-bottom:5px;
	margin-top:0px;
}



/* NAVIGATION TEAM */ /* ENDE */


.auflistung table {
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom:5px;
	padding-top:5px;
}
.auflistung table td {
	border-bottom-style: none;
}

.auflistung td {
	padding-bottom:2px;
	padding-top:2px;
	vertical-align:top;
}
/*
.auflistung td a {
	color:#666;
}
*/
.auflistung.kurz table {
	width:470px;
	border-bottom-style: none;
}
.auflistung.kurz td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom:5px;
	padding-top:5px;
}







.keinstill#top #wrapper #container #right div.still {
	visibility: hidden;
	 
}

/* KARTE */

.karte #left {
	visibility:hidden;
	 
}


/* KARTE */ /* ENDE */


/* LISTN */
ul {
	list-style-type: none;
	padding: 0;
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	
/*
	margin-bottom: 15px;;
	margin: 0;
*/
}

li {
	background-image: url(/include/images/spitzmarke/liste.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 13px;
/*
	margin-bottom: 0em;
	margin-top: 0em;
	background-position: 0 .4em;
	padding-left: .6em;
*/
}

ol {
	list-style-type:decimal;
	padding-left:1.8em;
	padding-right:0;
	padding-bottom: 0;
	padding-top: 0;
	margin: 0;
}
ol li
{
	background-image: none;
	padding-left: 0px;
}
/* LISTN */ /* ENDE */


/* TEAM */
.team #main {
	margin-right:200px;
}
.team #right { width:200px; }

.team h3 {
	margin-bottom:10px;
	margin-top:20px;
}
.team #auflistung td {
	border-bottom:1px solid #DDD;
	padding-top:5px;
	padding-bottom:5px;
}
.team #auflistung td a {
	color:#000;
}

/* TEAM */ /* ENDE */

/* INFOTERMINE */
#infotermine div.mod_eventlist {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
}
#infotermine div.header, #infotermine div.event {
	float:left;
	margin-bottom:7px;
	margin-top:7px;
}

#infotermine div.header {
	width:150px;
}
#infotermine div.event {
	width:300px;
}
#infotermine div.clear {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}


/* INFOTERMINE */ /* ENDE */

/* NEWS */ /* ENDE */

#news-bilder div.news {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
}
#news-bilder div.datum, #news-bilder div.headline {
	float:left;
	margin-bottom:7px;
	margin-top:7px;
}

#news-bilder div.datum {
	width:100px;
}
#news-bilder div.headline {
	width:350px;
}
#news-bilder div.clear {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}

.pagination{
	margin-bottom:0px;
	margin-top:0px;
	padding-top:7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
}
.pagination p{width:30%;float:left;margin-bottom:0;}
.pagination ul{
	width:70%;
	float:right;
	margin-bottom:0;
	text-align:right;
	list-style-type: none;
}
.pagination li{
	display:inline;
	padding-right:1px;
	padding-left:1px;
	background-image: none;
}

.bild-links {
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 15px;
}
/* NEWS */ /* ENDE */




.wichtig, a .wichtig, .wichtig h2 {
	color: #009900;
}
.unwichtig, .unwichtig a {
	color: #7A7A7A;
}

.error, .error a, .error h2 {
	color: #900;
}
div.error {
	border: 1px solid #900;
	padding: 10px;
	padding-bottom:0px;
	background-color: #FFFFFF;
	margin-bottom:20px;
}
div.wichtig {
	border: 1px solid #009900;
	padding: 10px;
	padding-bottom:0px;
	background-color: #FFFFFF;
	margin-bottom:20px;
}

.auflistung th {
	border-bottom:1px solid #DDD;
	padding-top:0px;
	padding-bottom:5px;
}

.auflistung td {
/*
	border-bottom:1px solid #C0CEE4;
	border-bottom:1px solid #BEC5C6;
	border-bottom:1px solid #CBD6E9;
*/
	border-bottom:1px solid #DDD;
	padding-top:5px;
	padding-bottom:5px;
}
.auflistung td a {
	color:#000;
}
.auflistung .unwichtig a {
	color: #7A7A7A;
}

.auflistung .blank td {
	padding-top:0px;
	padding-bottom:0px;
	border-bottom-style: none;
}
.auflistung td h2 {
	margin:0;
	padding:0;
	font-size: 14px;
	font-weight: normal;
}

.auflistung td.termin {
	padding-left: 10px;
	text-align: right;
}

.auflistung .termin, .auflistung .termin a {
	color:#666;
	font-size:11px;
}


.auflistung li {
	background-image: none;
	padding-left: 0px;
	border-bottom:1px solid #DDD;
	padding-top:5px;
	padding-bottom:5px;
}

/* AUFLISTUNG DIV */

div.auflistung {
	border-bottom:1px solid #DDD;
	padding-top:5px;
	padding-bottom:5px;
}
div.auflistung .label {
	width:100px;
	position:relative;
	float:left;
}
div.auflistung .value {
	margin-left:100px;
	width:auto;
	position:relative;
	text-align:right;
}

/* AUFLISTUNG DIV */ /* ENDE */


.klein {
	font-size: 90%;
/*
	font-size: 10px;
	font-size: 75%;
*/
}

/* LASTMINUTE */

.lastminute .headline {
	background-color: #c60011;
	background-image: url(/include/images/page/lastminute.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding:10px;
	padding-top:20px;
	margin:0px;
	margin-bottom:20px;
}
.lastminute .headline a, .lastminute .headline h2, .lastminute .headline p {
	color:#FFF;
	padding:0px;
	margin:0px;
}
.lastminute h3 {
	margin-bottom:10px;
}
.lastminute div.auflistung {
	padding-top:10px;
	padding-bottom:10px;
}

.lastminute li {
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 0px;
	background-image: none;
	border-bottom-style: none;
}
.lastminute ul {
	margin-bottom:0px;
}

.lastminute .wichtig a {
	color: #009900;
}


/* LASTMINUTE */ /* ENDE */




/* BILDUNG */
#bildung h3 {
	margin-top:25px;
	margin-bottom:10px;
}

/* BILDUNG */ /* ENDE */



.mime_icon {
	vertical-align: middle;
}



/* FORMULARE */

.formular p {
	margin-bottom:5px;
	clear:both;

}
.formular hr {
	margin-top:10px;
	margin-bottom:10px;
}

label {
	font-family: arial, sans-serif;
	font-size: 12px;
	float:left;
	width:150px;
	height: auto;
	font-weight: normal;
	color:#333;
	margin: 0;
	padding: 0;
	padding-top:5px;
/*
	height:33px;
	display: table-cell; 
	vertical-align: middle;
	display: block;	
	height:33px;
*/

}
label.lang {
	float: none;
	width: auto;
	height: auto;
	font-weight: normal;
	color:#000;
	margin: 0;
	padding: 0;
/*
	padding-top:5px;
	height:33px;
	display: table-cell; 
	vertical-align: middle;
	display: block;	
	height:33px;
*/

}

input, textarea {
	font-family: arial, sans-serif;
	font-size: 12px;
	width: 290px;
	height: auto;
	margin:0px;
	padding:4px;
	border: #CCCCCC 1px solid;
/*
	height:23px;
	width: 296px;
*/
}
input[type=text] {
	width: 290px;
}
input[type=checkbox], input[type=radio] {
	width: 30px;
	padding:0px;
	padding-left:0px;
	padding-right:10px;
	margin:0px;
}

select {
	font-family: arial, sans-serif;
	font-size: 12px;
	width: 299px;
	height: auto;
	margin:0px;
	padding:4px;
	padding-bottom:2px;
	padding-top:2px;
	border: #CCCCCC 1px solid;
/*
	height:35px;
	cursor: pointer;
*/
}
button {
	padding:4px;
	padding-left:15px;
	padding-right:15px;
	cursor: pointer;
/*
	margin-left: 120px;
*/
}

input.strasse_kurz {
	width: 230px;
	margin-right:9px;
}

input.strasse_nr {
	width: 40px;
}
input.plz {
	width: 60px;
	margin-right:6px;
}

input.ort {
	width: 214px;
}

.error label {
	color: #900;
}
.error input, .error select, .error textarea
{
	border: #900 1px solid;
	background: #FBF6F7;
}

.checkbox label {
	width: 400px;
	float: right;
/*
*/

}
.checkbox input[type=checkbox] {
	background-color:#CCC;
}

/* FORMULARE */ /* ENDE */


pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 99%;
}