@media screen and (max-width: 800px){
		.topstart {margin: 26px 0 0 !important;}
		secondnavi ul li a {padding: 26px 0 25px 15px!important;}
		secondnavi ul li a:hover {padding: 26px 0 25px 15px!important; background: #b20216!important;}
		}
		@media handheld, only screen and (max-width: 767px) {
		body, p {  font-size: 15px; background: none!important;}
		header lettersize{float: none!important;}
		.column, .columns {float: none!important;margin-left:0!important;}
		.row .four.columns {width: 95%!important;}
		.row .nine.columns {width: 95%!important;margin-top: 10px;}
		.footer ul li{float: none!important;}
		}
	
	 
	 	 
	@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;}
	
	secondnavi ul li a{padding: 5px 0 5px 5px!important;}	
	header lettersize .small, header lettersize .normal, header lettersize .large{display: none;}
	sidenavi ul li{font-size: 12px;}
	#searchsubmit {background: none!important;}
	#textsearch {width: 48%!important;}
	}
	
	
	
	
body{
	background: url('../images/bg_main.gif') repeat-x #f5f4f2;
	color: #676a66;
	font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 13px;
    line-height: 18px;
}

/*	--------------------------------------------------
    :: Typography
	-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    color: #676a66;
    font-weight: bold;
    line-height: 18px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit; 
}
h1{
	background: #dee0da;
	padding: 5px;
	display: block;
}
h2{
	color: #333333;
	padding: 10px;
}
h3{
	background: url('../images/arrow_sidenavi.png') no-repeat left center;
	margin: 0 0 0 12px;
    padding: 0 0 0 15px;
}

/*	--------------------------------------------------
	:: Links
	-------------------------------------------------- */
a {
	color: #676a66;
    line-height: inherit;
    outline: 0 none;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
p a, p a:visited { 
	line-height: inherit; 
}
	

/*	--------------------------------------------------
	:: Lists
	-------------------------------------------------- */
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ol ol { margin: 4px 0 5px 30px; }
	ul.large li { line-height: 21px; }
	
/* --------------------------------------------------
	:: Usability
	-------------------------------------------------- */
header,.small,.normal,.large, navi{
    display: block;
}
header lettersize{
	float: right;
    display: block;
}
.small a,.normal a,.large a{
	color: #FFF;
}
.small,.normal,.large{
	float: right;
	background: #174AB7;
}
.small{
	padding: 1px 4px;
	font-size: 10px!important;
	margin: 10px 0 0 10px;
}
.normal{
	padding: 4px 6px;
	margin: 6px 0 0 10px;
}
.large{
	padding: 6px 8px;
	font-size: 20px!important;
	margin: 4px 0 0 10px;
}
/* --------------------------------------------------
	:: Images
	-------------------------------------------------- */

img, object, embed {
    max-width: 100%;
}
img { 
	-ms-interpolation-mode: bicubic; 
}

/* --------------------------------------------------
	:: Stuff
	-------------------------------------------------- */
.btn{
	background: url('../images/bg_button.png') repeat-x;
	border: 1px solid #dee0da;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    font-weight: bold;
    margin: 0 0 10px 10px;
    padding: 5px;
	font-size: 13px;
}
.box3{
	background: #f5f4f2;
	width: 93%;
	margin: 10px 0 0 10px;
}
.eight, .three{ 
	margin: -4px 0 0 0;
}
.spacer{
	margin-bottom: 30px;
	position: relative;
}
.four{
	background: #fdfdfd;
}
.four img{
	padding: 10px 0 0;
}
.baustelle{
margin: -4px 0 0 0;
}
/* --------------------------------------------------
	:: Cloud
	-------------------------------------------------- */
#tagcloud.template,
#tagcloud.tags {
	background: #fdfdfd;
	border: 1px dashed #dee0da; 
	margin: 10px 0 0 0;
	padding: 10px;
	text-align: center;
}

.tag1 {
	font-size: 0.8em!important;
	color: #444444;
	}

.tag2 {
	font-size: 1.3em!important;
	color: #444444;
}

.tag3 {
	font-size: 2em!important;
	color: #444444;
}
/* --------------------------------------------------
	:: Grid
	-------------------------------------------------- */
.container {
    padding: 0 20px;
}
/* --------------------------------------------------
	:: Middle Navigation
	-------------------------------------------------- */
.topcontainer{
	height: 205px;
}

.topcolumn{
	float: left;
	margin: -4px 0 0 0;
	padding: 0 15px 0 15px;
}

.topcolumn h2{
	color: #333333;
	margin: 0 0 0 -4px;
	width: 50%;
}

.topcolumn #search{
	padding: 0 0 0 0;
}

.topcolumn #textsearch{
	background: #FFF;
	border: 1px solid #dee0da;
	margin: 0 0 10px 5px;
    padding: 5px;
	width: 60%;
	color: #989696;
}

.topcolumn #searchsubmit {
	border: 1px solid #7D7D7D;
	background: #174AB7;
	margin: 0 0 0 -5px;
	padding: 3px 7px 3px;
	cursor: pointer;
	color: #FFF;
}

.topcolumn img{
	height: 205px;
	margin: 0 1px 0 1px;
}

.row {
    margin: 0 auto;
    max-width: 940px;
    width: 100%;
}
.row, .clearfix {
    display: block;
}
.row .one.columns {
    width: 35%;
}
.row .nine.columns {
	width: 65%;
}
.row .eight.columns {
	width: 63%;
}
.row .two.columns {
	width: 100%;
}
.row .three.columns {
	width: 36.1%;
}
.row .four.columns {
    width: 30.4%;
}

.row .columns {
    width: 30.4%;
}

.row .twelve.columns {
   width: 97.7%;
}
.column:first-child, .columns:first-child {
    margin-left: 0;
}
.column, .columns {
    float: left;
    margin-left: 4.4%;
    min-height: 1px;
    position: relative;
}
.clear{
	clear: both;
}

/* --------------------------------------------------
	:: Middle navigation button  index page
	-------------------------------------------------- */
.btn-gray{
	background: linear-gradient(to bottom, #73CBD2 , #00A1AD);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    font-weight: bold;
    margin: 35px 20px 5px 5px;
    padding: 10px 0 10px 5px;
	font-size: 24px;
	text-align: center;
	box-shadow:	5px 5px 5px #676A66;
	width: 250px;
	height: 100px;
	float: left;
}

.btn-gray a{
	color: #FFFFFF;
	text-shadow: 5px 5px 5px #676A66;
	position: relative;
	top: 40%;
}
		
/*	--------------------------------------------------
	:: Search
	-------------------------------------------------- */
#search{
	padding: 15px 10px;
}
#textsearch {
	background: #FFF;
	border: 1px solid #dee0da;
	padding: 6px;
	width: 75%;
	color: #989696;
}
#searchsubmit {
	border: 1px solid #7D7D7D;
	background: #174AB7;
	margin: 0 0 0 -5px;
	padding: 5px 7px 5px;
	cursor: pointer;
	color: #FFF;
}
/*	--------------------------------------------------
	:: Content
	-------------------------------------------------- */
.content{
	background: #FDFDFD;
	padding: 10px;
}
.content ul li{
	padding: 10px 0 10px 0;
	line-height: 24px;
}
.hilite {
    background-color: #D6D6D6!important;
    font-weight: bold;
	padding: 3px;
}
.contentbg{
	background: #FDFDFD;
}

.contentlist ul{
	list-style-type: disc;
    margin: 0 0 0 25px;
}


/*	--------------------------------------------------
	:: Text
	-------------------------------------------------- */
hr{
	border-top: 1px dashed #dee0da;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
p img{
	margin: 10px 0;
}
td p{
	padding: 0px!important;
}
p{
	padding: 10px;
}
p a{
	color: #000;
}
p a:hover{
	text-decoration: none!important;
	color: #4F4F4F!important;
}
/* --------------------------------------------------
	:: Footer
	-------------------------------------------------- */
.footer{
	text-align: center;
}
.footer ul{
	display: inline-block;
}
.footer ul li{
	float: left;
	padding: 10px;
}
/* --------------------------------------------------
	:: Footer Logos
	-------------------------------------------------- */
.footer-logos{
	background: #FFF;
}
.bw-logos ul{
	padding: 30px 0 30px;
	text-align: center;
}
.bw-logos ul li{
	display: inline;
	padding: 0 10px 0 0;
}
/* --------------------------------------------------
	:: Breadcrump
	-------------------------------------------------- */
#bread{
	margin: 10px;
}
/* --------------------------------------------------
	:: Sidebar
	-------------------------------------------------- */
#sidebar {
	font-size: 16px;
}
sidenavi ul li{
	padding: 12px;
}
sidenavi li.current a {
	margin: 0 0 0 -15px;
    padding: 3px 1px 3px 15px;
}
sidenavi  li ul li.current_submenu_item a{
    font-size: 14px;
    padding: 0 15px;
}
sidenavi  li ul li.submenu_item a{
	background: none!important;
	font-size: 14px !important;
}

/* --------------------------------------------------
	:: Sidebar buttons index page
	-------------------------------------------------- */
.btn-green{
	background: linear-gradient(to bottom, #DCE67D , #BCCF00);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    font-weight: bold;
    margin: 5px 10px 5px 5px;
    padding: 10px 0 10px 5px;
	font-size: 16px;
	text-align: center;
	box-shadow:	5px 5px 5px #676A66;
	width: 125px;
	height: 50px;
	float: left;
}

.btn-green a{
	color: #FFFFFF;
	text-shadow: 5px 5px 5px #676A66;
	position: relative;
	top: 10%;
}

.btn-lightblue{
	background: linear-gradient(to bottom, #73CBD2 , #00A1AD);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    font-weight: bold;
    margin: 5px 0 5px 5px;
    padding: 10px 0 10px 5px;
	font-size: 13px;
	text-align: center;
	box-shadow:	5px 5px 5px #676A66;
	width: 125px;
	height: 50px;
	float: right;
}

.btn-lightblue a{
	color: #FFFFFF;
	text-shadow: 5px 5px 5px #676A66;
	position: relative;
	bottom: 10%;
}

.btn-yellow{
	background: linear-gradient(to bottom, #FFE068 , #FFCC00);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    font-weight: bold;
    margin: 5px 0 5px 5px;
    padding: 10px 0 10px 5px;
	font-size: 14px;
	text-align: center;
	box-shadow:	5px 5px 5px #676A66;
	width: 125px;
	height: 50px;
	float: right;
}

.btn-yellow a{
	color: #FFFFFF;
	text-shadow: 5px 5px 5px #676A66;
	position: relative;
	top: 25%;
}

.btn-blue{
	background: linear-gradient(to bottom, #6590A3 , #1C5B77);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    font-weight: bold;
    margin: 5px 0 5px 5px;
    padding: 10px 0 10px 5px;
	font-size: 16px;
	text-align: center;
	box-shadow:	5px 5px 5px #676A66;
	width: 125px;
	height: 50px;
	float: left;
}
.btn-blue a{
	color: #FFFFFF;
	text-shadow: 5px 5px 5px #676A66;
	position: relative;
	top: 25%;
}

.btn-purple{
	background: linear-gradient(to bottom, #B95D9C , #9B1670);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    font-weight: bold;
    margin: 5px 0 5px 5px;
    padding: 10px 0 10px 5px;
	font-size: 16px;
	text-align: center;
	box-shadow:	5px 5px 5px #676A66;
	width: 125px;
	height: 50px;
	float: right;
}

.btn-purple a{
	color: #FFFFFF;
	text-shadow: 5px 5px 5px #676A66;
	position: relative;
	top: 10%;
}

.btn-orange{
	background: linear-gradient(to bottom, #F6B85B , #F39200);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    font-weight: bold;
    margin: 5px 0 5px 5px;
    padding: 10px 0 10px 5px;
	font-size: 16px;
	text-align: center;
	box-shadow:	5px 5px 5px #676A66;
	width: 125px;
	height: 50px;
	float: left;
}

.btn-orange a{
	color: #FFFFFF;
	text-shadow: 5px 5px 5px #676A66;
	position: relative;
	top: 25%;
}

.btn-lightgreen{
	background: linear-gradient(to bottom, #E8F46A , #DEEF26);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    font-weight: bold;
    margin: 5px 0 5px 5px;
    padding: 10px 0 10px 5px;
	font-size: 16px;
	text-align: center;
	box-shadow:	5px 5px 5px #676A66;
	width: 125px;
	height: 50px;
	float: left;
}

.btn-lightgreen a{
	color: #FFFFFF;
	text-shadow: 5px 5px 5px #676A66;
	position: relative;
	top: 10%;
}
	
/* --------------------------------------------------
	:: Header Startpage
	-------------------------------------------------- */
header navi ul {
    float: right;
    margin: 35px 0 0 -20px;
    overflow: hidden;
    padding: 0;
}
header navi ul li {
    display: block;
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
}
secondnavi ul{
    overflow: hidden;
    padding: 0;
}
secondnavi ul li{
	padding: 2px 0;
	display: block;
}
secondnavi ul li a{
	padding: 39px 0 39px 15px;
	background: #fdfdfd;
	display: block;
	font-weight: bold;
	color: #b1b1b1;
}
secondnavi ul li a:hover{
	padding: 39px 0 39px 15px;
	background: url('../images/secondnavi_hover.png') no-repeat right center #174AB7;
	color: #FFF;
	text-decoration: none!important;
}
/* --------------------------------------------------
	:: Header Mainpages
	-------------------------------------------------- */
.pagetitel{
	border: 3px solid #FFF;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	padding: 10px;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	display: inline;
	float: left;
}
.pageinfo{
	font-size: 25px;
    font-style: italic;
    line-height: 40px;
	display: inline-block;
	float: left;
	margin: 60px 0 0 0;
	font-family: Georgia,serif!important;
}
.pageinfo h1 {
    background: none repeat scroll 0 0 #B20216;
    border-bottom: 3px solid #FFFFFF;
    border-left: 3px solid #FFFFFF;
    border-radius: 20px 0 0 20px;
    border-top: 3px solid #FFFFFF;
    box-shadow: 1px 1px 3px #787878;
    color: #FFFFFF;
    font-size: 25px;
    margin: 8px 0 0 398px;
    padding: 17px;
}
.pageinfo h2{
	font-size: 20px;
}

.top{
	margin: -4px 0 0 0;
}

/*	--------------------------------------------------
	:: Tables
	-------------------------------------------------- */
	table { background: #fff; border: 1px solid #ddd; margin: 0 0 0 10px; width: 90%; }
	
	table thead { background: #D2D2D2; padding: 5px; color: #333;}
	table thead tr th,
	table tbody tr td { font-size: 12px; line-height: 18px; text-align: left; }
	table thead tr {  }
	table thead tr th { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #fff; }
	table tbody {  }
	table tbody tr {  }
	table tbody tr.even,
	table tbody tr.alt { background: #f5f5f5; }
	/*body.safari table tbody tr:nth-child(even) { background: #f5f5f5; }*/
	table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
	

	/* Style the tables a bit lighter */
	table.alt { }
	table.alt thead { background: #f5f5f5; }
	table.alt thead tr th { color: #222; }
	/*table.alt thead tr th:first-child { border-left: none; }
	table.alt thead tr th:last-child { border-right: none; }*/
/*	--------------------------------------------------
	:: Anmeldeformular
	-------------------------------------------------- */
legend{
	font-size: 18px;
    padding: 0 0 10px 30px;
}
input{
	border: 1px solid #ddd;
}

/*	--------------------------------------------------
	:: Kurse
	-------------------------------------------------- */
.details{
	font-weight: bold;
	font-size: 14px;
	width: 70%;
	color: #333!important;
}	
.kurskurzbeschreibung{
	padding: 5px 0 5px 0;
}
.marker01{
		width: 30%;
}
.kursnav {
	list-style-type: none!important;
}
.kursnav  li{
	padding: 5px 0 5px 0;
	font-size: 16px;
	border-bottom: 1px dashed #DDD;
}
.ewsuche,.anmeldung{
	border: none;
}
.list-search{
	margin: 0 0 0 10px;
}
.list-search ul li h3{
	margin: 0 !important;
}

.columns ul li {
 list-style-type: circle;
 margin-left: 25px;
 padding: 10px;
}