/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 19, 2012 */

@font-face {
    font-family: 'MisoBold';
    src: url('miso-bold-webfont.eot');
    src: url('miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('miso-bold-webfont.woff') format('woff'),
         url('miso-bold-webfont.ttf') format('truetype'),
         url('miso-bold-webfont.svg#MisoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MisoLight';
    src: url('miso-light-webfont.eot');
    src: url('miso-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('miso-light-webfont.woff') format('woff'),
         url('miso-light-webfont.ttf') format('truetype'),
         url('miso-light-webfont.svg#MisoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MisoRegular';
    src: url('miso-regular-webfont.eot');
    src: url('miso-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('miso-regular-webfont.woff') format('woff'),
         url('miso-regular-webfont.ttf') format('truetype'),
         url('miso-regular-webfont.svg#MisoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*  CSS Cyrill Weiss  */

#aufbau {
	background-color:#182123;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
	line-height:100px;
	width:100%;
}


body {
	background:url(../img/img_body_bg.gif) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	overflow-y:scroll;
}

#left .inside {
	padding:20px 20px 0 0;
    font-family: 'MisoLight';
	font-size:19px;
}

#left h3 {
	font-weight:bold;
}

#main .inside {
	padding:20px 0 0 0;
	min-height:480px;
}

.drei_spalten #main .inside {
	padding:20px 20px 0 0;
}

#right .inside {
	padding:20px 0 0 0;
}

#footer {
	font-family: 'MisoLight';
	border-top:#1a262f 2px solid;
	width:940px;
	padding:10px;
	margin-top:10px;
	font-size:16px;
}

#logo {
	width:312px;
	height:54px;
	background:url(../img/img_logo.png) no-repeat;
	position:absolute;
	top:90px;
	left:20px;
}

#logo a {
	width:312px;
	height:54px;
	display:block;
}


/*  feinschmecker  */

#feinschmecker {
    font-family: 'MisoLight';
	width:220px;
	height:30px;
	background-color:#1a262f;
	background-color:transparent;
	position:absolute;
	top:190px;
	color:#FFF;
	padding:20px;
	font-size:22px;
	line-height:2px;
	z-index:999;
}


/*  nav  */

#nav {
    font-family: 'MisoLight';
	width:960px;
	height:95px;
	background-color:#1a262f;
	position:absolute;
	top:190px;
}

#nav ul {
	width:auto;
	float:right;
	margin:0 20px 0 0;
}

#nav li {
	float:left;
	margin-left:20px;
	
}

#nav a {
	color:#fff;
	text-decoration:none;
	font-size:19px;
	line-height:20px;
	vertical-align:bottom;
	display:table-cell;
	padding:0 10px 5px 10px;
	height:90px;
}

#nav a:hover,
#nav li.active span {
	color:#fff;
	text-decoration:none;
	font-size:19px;
	color:#fff;
	background-color:#9e0f1d;
	display:table-cell;
	padding:0 10px 5px 10px;
	line-height:20px;
	vertical-align:bottom;
	height:90px;
}

#nav a.trail {
	color:#fff;
	text-decoration:none;
	font-size:19px;
	color:#fff;
	background-color:#9e0f1d;
	display:table-cell;
	padding:0 10px 5px 10px;
	line-height:20px;
	vertical-align:bottom;
	height:90px;
}



/*  nav2  */

#nav2 {
    font-family: 'MisoLight';
}

.pagetitle {
	background-color:#1a262f;
	line-height:30px;
	color:#fff;
	display:block;
	width:170px;
	padding-left:5px;
	font-size:24px;
	margin-bottom:40px;
}

#nav2 a {
	color:#1a262f;
	font-size:19px;
	line-height:27px;
}

#nav2 li a:hover,
#nav2 li.active span {
	color: #9e0f1d;
 	line-height:27px;
	font-size:19px;
}







/*  meta  */

#meta {
    font-family: 'MisoLight';
	top:8px;
	left:20px;
	position:absolute;
}

#meta ul {
	padding:0;
	margin:0;
}

#meta li {
	float:left;
	padding-right:10px;
	margin-right:10px;
	border-right:#FFF 1px solid;
}

#meta li.last {
	border:0;
}

#meta li a {
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	line-height:12px;
	padding:0;
}

#meta li a:hover,
#meta li.active span {
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	line-height:12px;
	padding:0;
	color:#9E0F1D;
}




/*  Bilder Startseite */

#list-home {
	position:absolute;
	width:306px;
	bottom:5px;
}

#list-home h2,
#list-home .more {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
}

#list-home .more {
	text-transform:uppercase;
	margin-top:-10px;
}

#list-home p {
}



#reddot {
    font-family: 'MisoLight';
	background:url(../img/img_red_circle.png) no-repeat;
	width:200px;
	height:200px;
	color:#FFF;
	vertical-align:middle;
	padding:50px 0 0 40px;
	font-size:20px;
	position:absolute;
	left:730px;
	top:550px;
}

#reddot a {
	color:#FFF;
}


/*  bilder-galerie  */

.bilder-galerie {
    font-family: 'MisoLight';
	float:left;
	margin:0 20px 40px 0;
}

.bilder-galerie:nth-child(3n) {
	float:left;
	margin:0 0 40px 0;
}

.bilder-galerie img {
	border-bottom:#C00 2px solid;
}

.bilder-galerie .caption {
	text-align:center;
/*	color:#9e0f1d;*/	
	font-size:19px;
}


/*  bild-links  */


.bild-links {
    font-family: 'MisoLight';
	float:left;
	margin:0 20px 40px 0;
}

.bild-links:nth-child(1) {
	float:left;
	margin:0 0 40px 0;
}

.bild-links img {
	border-bottom:#C00 2px solid;
}

.bild-links p {
	text-align:center;
	font-size:19px;
}


/*  Events  */

#next-events div {
	margin-top:5px;
}

/*#next-events .kursnummer {
	width:10% !important;
	display:inline-block;
}*/

#next-events .date {
	width:55% !important;
	display:inline-block;
}

#next-events .preis {
	width:14% !important;
	display:inline-block;
}


/*  Events alle  */

#next-events-alle div {
	margin-top:5px;
}

/*
#next-events-alle .kursnummer {
	width:7% !important;
	display:inline-block;
}
*/
#next-events-alle .kursname {
	width:25% !important;
	display:inline-block;
}

#next-events-alle .date {
	width:40% !important;
	display:inline-block;
}

#next-events-alle .preis {
	width:14% !important;
	display:inline-block;
}


/*  Event Details  */

#event-details .anmelden {
	font-weight:bold;
}

#right .back {
	display:none;
}



/*  Anmeldung  */

.form-wrapper {
	
}

.form-wrapper .event {
	background:#9e0f1d;
	color:#fff;
	text-align:center;
	width:500px;
	line-height:50px;
	font-size:30px;
    font-family: 'MisoLight';
}

input.sende-button {
	background:#9e0f1d;
	border:0;
	color:#fff;
	text-align:center;
	width:250px;
	line-height:50px;
	font-size:15px;
    font-family: 'MisoLight';
	transition:background 0.3s ease-in-out;
}


input.sende-button:hover {
	cursor:pointer;
	background:#666;
	border:0;
	color:#fff;
	text-align:center;
	width:250px;
	line-height:50px;
	font-size:15px;
    font-family: 'MisoLight';
}

.form-wrapper .date {
	background:#efefef;
	color:#666;
	text-align:center;
	width:500px;
	line-height:20px;
	font-size:15px;
	padding:20px 0;
}

label {
	display:block;
	margin-top:5px;
}

input.text {
	border:1px solid #ccc;
	line-height:30px;
	height:30px;
	width:490px;
	background:#fff;
	padding:0 5px;
}

input.captcha {
	border:1px solid #ccc;
	line-height:30px;
	height:30px;
	width:50px;
	background:#fff;
	padding:0 5px;
	margin-bottom:5px;
}

textarea {
	border:1px solid #ccc;
	line-height:18px;
	height:150px;
	width:490px;
	background:#fff;
	padding:0 5px;
	margin-bottom:5px;
}


/*  Accordion  */

#main .ce_accordion h1 {
	text-align:center;
	max-width:100% !important;
}

.ce_accordion h1:hover,
.ce_accordion h4:hover {
	cursor:pointer;
}

.ce_accordion h4 {
	color:#1a262f;
	font-size:19px;
	line-height:27px;
}

#nav2 li a:hover,
#nav2 li.active span,
#nav2 li p {
	color: #9e0f1d;
 	line-height:27px;
	font-size:19px;
	font-weight:bold;
}

#nav2 li a:hover {
	cursor:pointer;
}

#nav2 li .level_2 a:hover,
#nav2 li.active .level_2 span,
#nav2 li .level_2 p {
	color: #9e0f1d;
 	line-height:27px;
	font-size:19px;
	font-weight:normal;
}

#nav2 li p {
	margin-bottom:0;
}

#nav2 .level_2 li {
	padding-left:12px;
}



body.kontakt .ce_accordion {
	display:none;
}


/*  Distanz bei kochseminar  */

#nav2 li.kochseminar {
	margin-bottom:26px;
}

#nav2 a.kurse,
#nav2 a.seminare,
#nav2 a.events {
	font-weight:bold;
}