/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
html{
	min-height:101%;
}
 h1{
	background:none;
   
    padding-left:1px;
}







.container{
	margin-bottom:20px;
	margin-top:20px;
}

#main h2 a { color:#2ba8e2; text-decoration: none; outline: 0;}

.float-right{float:right;display:inline;}
.highlighted{
	color:#F6A400;
}


.invisible{display:none;}


/* Termine */
.mod_eventlist .header{
	background:#f8f8f8;
	float:right;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	padding:4px;
}
.mod_eventlist .event{
	margin-bottom:3em;
}
.mod_eventlist .event h2{
	font-size:20px;
}
.mod_eventlist .teaser p{
	margin-bottom:1em;
}
p.more:after{
	content:' »';
}

/* #Page Styles
================================================== */
h2 a{ color:#aaa;}
#main  li{ list-style:square; margin-left:40px;}
#news .ce_text a{ color:#FF6600;}
.teaser a{ color:#FF6600;}
.teaser p.more a{ color:#333;}
.ce_text a{ color:#FF6600;}


.back{ clear:both;}
.back a{ color:#FF6600;}

blockquote p{color:#FFFFFF;  margin-top:-100px; font-size:18px;}


.checkbox {
    float: left;
}
#footer{ height:100px; margin-top:0px; width:100%; padding:10px 0px; border-top:1px solid #eee; text-align:center;}


body { background-color: #000;}
header{ margin-top:35px;}
#header .inside{ border-bottom:0px solid #eee; height:68px; margin:auto;}



/* Main */
#nav{ background:#000;}
#nav{
	padding: 0px;
	list-style: none;
	position:relative;
	right:0px;
	top:7px;
	border-bottom: 1px solid #fff;
}


#nav a {color: #fff;
letter-spacing: 0.3em;
}

#nav ul li{
color: #aaa;
letter-spacing: 0.3em;
	float: left;
	padding: 5px 9px;
	position: relative;
	margin:0px;
	
}


#nav ul li.last{
margin:0px;
	
}


#nav a{
	float: left;
}

#nav li:hover > a{
	color: #aaa;
}

*html #nav li a:hover{ /* IE6 */
	color: #fff;
}

#nav li:hover > ul{
	display: block;
}



/* Clear floated elements */
#nav:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #nav             { zoom: 1; } /* IE6 */
*:first-child+html #nav { zoom: 1; } /* IE7 */


#right .mod_article{ padding:0px 0px 20px 20px;}
/*subnav class */
#subnav{ padding:23px 10px 20px 10px;}
#subnav ul li { border-bottom: 1px dashed #eee;  padding:0px; margin:0px 0px 10px 10px; font-weight:normal;}
/*bloecke */
#main h2{ margin:0px;
font-size: 20px;}
#main { margin-top:15px;}
p{ margin:10px 0px;}
.more{ margin:10px 0px; padding:5px 0px 0px 0px; border-top:1px solid #eee; text-align:right;}
.info{ margin:20px 0px 0px 0px; font-size:11px;}
.image_container img{ border:1px solid #cfd5d7;}
.image_container {}



/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

/* Main */
body.front{ background:none;}
body.front #right{ margin-top:0px;}
#logo img{ width:230px;}
#nav{ background:none;}
#nav{
	padding: 0px;
	list-style: none;
	position:relative;
	right:0px;
	top:26px;
	font-size:12px;
	
}

#nav ul li{
	float: left;
	padding: 5px 6px;
	position: relative;
	margin:0px;
	
	
}
#nav ul li.last{
margin:0px;
	
}


#nav a{
	float: left;
}

#nav li:hover > a{
	color: #000;
}

*html #nav li a:hover{ /* IE6 */
	color: #fff;
}

#nav li:hover > ul{
	display: block;
}



/* Clear floated elements */
#nav:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #nav             { zoom: 1; } /* IE6 */
*:first-child+html #nav { zoom: 1; } /* IE7 */
#slider{ background:#2ba8e2; height:280px; margin-bottom:0px; margin-top:0px;}
#slider .slider-1 img{ margin:15px 0px 0px 4px; border:8px solid #fff; width:300px;}
blockquote p{ }
#main .image_container img{ border:1px solid #cfd5d7; width:553px; height:159px;}
#main .three.columns { width:124px; float:left;}
#main .three.columns img { width:124px; height:100px;}
.elearning{ width:108px; margin:0px auto; text-align:center;}
.elearning p{ margin:10px 0px;}
#subnav ul li { margin:0px 0px 10px 10px; font-weight:normal; font-size:11px;}
.boxone { background:#e0e0e0; margin-bottom:10px; min-height:290px; font-size:11px;}
.boxtwo{ background:#e6e8e8; margin-bottom:10px; min-height:290px; font-size:11px;}
.boxthree{ background:#e4e4e4; margin-bottom:10px; min-height:290px; font-size:11px;}
#right{ margin-top:-12px;}
#right .mod_article img{ width:148px;}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		h1 { font-size: 22px; line-height: 1.4em; margin-bottom: 10px;}
		h2 { font-size: 20px; line-height: 1.5em; margin-bottom: 8px; }
		h3 { font-size: 28px; line-height: 1.5em; margin-bottom: 6px; }
		h4 { font-size: 16px; line-height: 1.5em; margin-bottom: 4px; }
		h5 { font-size: 14px; line-height: 1.5em; }
		h6 { font-size: 12px; line-height: 1.5em; }
		p, ul { font-size:12px; margin-bottom:1.5em; line-height:1.5em;}			
		#logo, #nav{
			text-align:center;
		}
		
body.front{ background:none;}
header{ margin-top:0px;}
#nav{ background:none;}
#nav{
	padding: 0px;
	list-style: none;
	position:relative;
	right:0px;
	top:0px;
}
#nav ul li{
	float: left;
	padding: 5px;
	width:200px;
	position: relative;
	margin:0px;
	
}
		
#nav ul li.last{
margin:0px;
	
}


#nav a{
	float: none;
}

#nav li:hover > a{
	color: #000;
}

*html #nav li a:hover{ /* IE6 */
	color: #fff;
}

#nav li:hover > ul{
	display: block;
}
#footer img{ width:480px;}	
#right{ background:none;}
#right .mod_article{ padding:20px;}
#subnav{ background:none; min-height:0px; padding:10px 0px;}
#subnav ul li { border-bottom: 1px dashed #eee;  padding:0px; margin:0px 0px 10px 0px; font-weight:bold;}

#slider{ background:#2ba8e2; height:310px; margin-bottom:0px; margin-top:10px;}
#slider .slider-1 img{ margin:0px 0px 0px -4px; border:8px solid #fff;}
blockquote p{ display:none;}
#main .image_container img{ border:1px solid #cfd5d7; width:418px; height:120px;}
#main .three.columns { width:210px; float:left;}
#main .three.columns img { width:208px; height:167px;}
.elearning{ width:418px; margin:0px auto; text-align:center;}
.elearning p{ margin:10px 0px;}

.boxone { background:#e0e0e0; margin-bottom:10px; min-height:0px;}
.boxtwo{ background:#e6e8e8; margin-bottom:10px; min-height:0px;}
.boxthree{ background:#e4e4e4; margin-bottom:10px; min-height:0px;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	h1 { font-size: 22px; line-height: 1.4em; margin-bottom: 10px;}
		h2 { font-size: 20px; line-height: 1.5em; margin-bottom: 8px; }
		h3 { font-size: 28px; line-height: 1.5em; margin-bottom: 6px; }
		h4 { font-size: 16px; line-height: 1.5em; margin-bottom: 4px; }
		h5 { font-size: 14px; line-height: 1.5em; }
		h6 { font-size: 12px; line-height: 1.5em; }
		p, ul { font-size:12px; margin-bottom:1.5em; line-height:1.5em;}			
		#logo, #nav{
			text-align:center;
		}
		
body.front{ background:none;}
body{ background:#fff;}
header{ margin-top:0px;}
#nav{ background:none;}
#nav{
	padding: 0px;
	list-style: none;
	position:relative;
	right:0px;
	top:0px;
}
#nav ul li{
	float: none;
	padding: 5px 9px;
	position: relative;
	margin:0px;
	
}
		
#nav ul li.last{
margin:0px;
	
}


#nav a{
	float: none;
}

#nav li:hover > a{
	color: #000;
}

*html #nav li a:hover{ /* IE6 */
	color: #fff;
}

#nav li:hover > ul{
	display: block;
}
#footer img{ width:420px;}	
#main figure {}
/*subnav class */
#right{ background:none;}
#subnav{ background:none; min-height:0px; padding:10px 0px;}
#subnav ul li { border-bottom: 1px dashed #eee;  padding:0px; margin:0px 0px 10px 0px; font-weight:bold;}

#slider blockquote{ text-align:right;  border:none;}
blockquote p{ display:none;}
#slider .slider-1 img{ margin:-4px 0px 0px -8px; border:8px solid #fff;}
#slider{ background:#2ba8e2; height:225px; margin-bottom:20px; margin-top:0px;}
#main { margin-top:0px;}
#main .image_container img{ border:1px solid #cfd5d7; width:298px; height:86px;}
#main .three.columns { width:150px; float:left;}
#main .three.columns img { width:148px; height:119px;}
.elearning{ width:278px; margin:0px auto; text-align:center;}
.elearning p{ margin:20px 0px;}

.boxone { background:#e0e0e0; margin-bottom:10px; min-height:0px;}
.boxtwo{ background:#e6e8e8; margin-bottom:10px; min-height:0px;}
.boxthree{ background:#e4e4e4; margin-bottom:10px; min-height:0px;}
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/