@charset "utf-8";


/* CSS Document */

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPER, ANCHOR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
	
body {
	background-color: #fff;
	font-family: 'Aller Regular', Arial, Garamond, Helvetica, sans-serif;
	font-size: 87.5%;
	font-weight: normal;
	line-height: 1.1em;
	text-rendering: optimizeLegibility;
	color: #777777;
	width: 100%;
	overflow-y: scroll;
	padding: 0;
	margin: 0;
	}

body > #wrapper {
    height: auto;
	min-height: 100%;
	}
body, html {
	height: 100%;
	}

html {
    -moz-box-sizing: border-box;
	}

#wrapper { width: 100%; position: relative; margin-bottom: 20px; }

header, footer, nav, section, aside, article, figure, figcaption { display: block; }

p { line-height: 1.4em; margin: 0; padding: 0; -moz-hyphens: auto; -webkit-hyphens: auto; -o-hyphens: auto; -ms-hyphens: auto; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; line-height: 1.2em; }

.block { overflow: hidden; }

#favlink_search_container { display: none; }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FONTS	
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

@font-face {
    font-family: 'Aller Regular';
    src: url('../fonts/aller_std_rg-webfont.eot');
    src: url('../fonts/aller_std_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_std_rg-webfont.woff') format('woff'),
         url('../fonts/aller_std_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller_std_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'Aller Light';
    src: url('../fonts/aller_lt-webfont.eot');
    src: url('../fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_lt-webfont.woff') format('woff'),
         url('../fonts/aller_lt-webfont.ttf') format('truetype'),
         url('../fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'Aller Bold';
    src: url('../fonts/aller_bd-webfont.eot');
    src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller_bd-webfont.ttf') format('truetype'),
         url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
	}

* { font-family: 'Aller Regular', Arial, Garamond, Helvetica, sans-serif !important; }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		LINKS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
	
a {
	color: #4e3c83;
	text-decoration: none;
	cursor: pointer;
	}
#main .boxes4ward_article a strong, #main .ce_text figure a strong, #main .mod_article .ce_text a strong { 
    background-color: #c8cbcd; 
	color: #fff; 
	padding: 6px 10px 4px 10px; 
	font-size: 1.1em; 
	letter-spacing: 0.05em; 
	text-transform: uppercase; 
	}	
#top #main .boxes4ward_article .caption a, #main .mod_article .team-info a { 
    background: none; 
	text-transform: none; 
	padding: 6px 0 4px 0;
	color: #4e3c83;
	}
	

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

#header { width: 960px; height: 106px; position: relative; margin: 0 auto; /* 130px */ }
#header .inside { width: 100%; }

a img { border: medium none; }
a#logo img { float: left; z-index: 1000;; position: absolute; /*Ütop: 16px;*/ border: 0; border: none; }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		DROPDOWN NAVIGATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
.invisible { display: none; }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTAINER,MAIN,LEFT,RIGHT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#container { position: relative; max-width: 960px; margin: 0 auto; }
#main, #right { position: relative; width: auto; margin-bottom: 30px; }
.inside { position: relative; text-align: left; margin: 0; padding: 0; }

#default #main { width: 590px; float: left; margin-top: 5px; }
#default #right { float: right; width: 280px; padding-left: 15px; border-left: 1px solid #c8cbcd; }
#default #right .mod_boxes4ward { padding: 0; }

#default #left p { line- hight: 16px; }
#default #right p { padding: 3px 0; }
#default #right .space { width: 45px; float: left; padding: 3px 0; }
#default #content-left.block { width: 630px; display: block; position: relative; margin-top: -10px; }

#default h3 { padding-top: 8px; }
#main h1 { margin-bottom: 50px; }
#main #info-box h1 { margin-bottom: 20px; }



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		IMPRESSUM
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
#impressum div.ce_text p {
	text-align: inherit !important;
	}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BOXES4WARD
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#top .mod_boxes4ward { float: left; padding-bottom: 70px; } 
#top .boxes4ward_article.first { display: block; width: 300px; padding: 0 14px 0 0; border-right:1px solid #cbcccc; }
#top .boxes4ward_article { display: block; float: left; width: 300px; padding: 0 14px; }
#top #info-box-middle.boxes4ward_article { display: block; float: left; width: 370px; padding: 0 14px; }
#top #info-box-middle.boxes4ward_article.first { border: none; }
#top .boxes4ward_article.last { display: block; width: 300px; padding: 0 0 0 14px; border-right: 0; border-left:1px solid #cbcccc;}
#top .boxes4ward_article.last.newsletter { display: block; width: 230px; padding: 0 0 0 14px; border-left: 1px solid #c8cbcd; }

#teaser-box.boxes4ward_article .caption { font-size: 1.2em; text-transform: uppercase; padding: 10px 0;}
#teaser-box .ce_text .teasertext { height: 120px; text-align: justify; }

.boxes4ward_article { display: block; } 
.boxes4ward_article .info img { float: left; padding-right: 15px; }
.boxes4ward_article .info .caption { white-space: nowrap; padding: 7px 0; } 
.boxes4ward_article .info p { font-size: 0.8em; padding-right: 10px; }
#info-box.boxes4ward_article.first  { padding: 0 14px 0 0; }
#info-box.boxes4ward_article  { padding: 0 14px 0 14px; }
#info-box.boxes4ward_article.last  { padding: 0 0 0 14px; }
#info-box.boxes4ward_article h1 { font-size: 1.2em; }

.ce_text, .ce_form, .mod_dlh_googlemaps { padding-bottom: 40px; }
#top .ce_text { padding-bottom: 4px; }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		EVENTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.mod_eventlist .header .date, .mod_eventlist .header .time { float: left; }
.mod_eventlist .layout_teaser { margin-bottom: 20px; }
.mod_eventlist .layout_teaser h2 { display: none;; }
.mod_eventlist .layout_teaser a { color: #4e3c83;  }
.mod_eventlist .layout_teaser .teaser { padding: 5px 0 0 0; border-bottom: 1px solid #c8cbcd; }
.mod_eventlist .layout_teaser.last .teaser { border: none; }
#default #right .layout_teaser p { padding: 3px 0 13px 0; }
#default #right .layout_teaser p.more {margin-top:-10px;}

.mod_eventlist h1 { font-size: 1.3em; }  /* Opera Anpassung  */



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SPALTENSET   /**  siehe auch "system/modules/Subcolumns/assets/yaml3/subcols.css"
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

    /***  Preisliste  ***/

#default.pricelist #main { width: 620px; }

.pricelist .c25l.col_1 {
    width: 25%;
}	
.pricelist .c25l.col_2 {
    width: 40%;
}	
.pricelist .c25l.col_3 {
    width: 20%;
}	
.pricelist .c25r.col_4 {
    width: 15%;
}
.c25l.col_3 .ce_text p, .c25r.col_4 .ce_text p {
    padding-left: 2px;
}
.pricelist .ce_hyperlink {
    padding: 2px 0 17px 0;
}
.pricelist .ce_text p {
    padding-bottom: 15px;
}
.pricelist .ce_text { padding: 0; }

	
	
    /***  Events  ***/
    
#default.dates #main { width: 640px; }
#default.dates #content-left.block { width: 640px; display: block; position: relative; margin-top: -10px; }
#default #main section.subcolumns { margin-bottom: 20px; }

.dates .c25l.col_1 {
    width: 15%;
}	
.dates .c25l.col_2 {
    width: 50%;
}	
.dates .c25l.col_3 {
    width: 20%;
}	
.dates .c25r.col_4 {
    width: 15%;
}
.c25l.col_3 .ce_text p, .c25r.col_4 .ce_text p {
    padding-left: 2px;
}
.dates .ce_hyperlink {
    padding: 2px 0 17px 0;
}
.dates .ce_text p {
    padding-bottom: 15px;
}  

.dates .mod_eventlist h1 { display: none; }  
.dates .mod_eventlist .date { float: left; width: 33%; margin-right: 0; padding-left: 0.3%; }
.dates .mod_eventlist .description { float: left; width: 46%; margin-right: 3%; padding-left: 0.3%; }
#default.dates .mod_eventlist .description h3 { padding-top: 0; }
.dates .mod_eventlist .category { float: left; width: 18%; margin-right: 1%; padding-left: 1.4%;  }
.dates .mod_eventlist .location { float: left; width: 13%; margin-right: 0; padding-left: 1.6%; }	


    /*** Eventlisten - Rechte Spalte ***/ 

#right .mod_eventlist  { padding: 0 0 20px 0; }	
#right .mod_eventlist .layout_upcoming { padding: 10px 0; }	
	
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		KALENDER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
.mod_calendar .calendar { width: 100%;  }
table.calendar .month .head { padding-bottom: 20px; }	
table.calendar .head {
    font-size: 14px;
    padding: 6px 0;
    text-align: center;
}
table.calendar .label {
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    padding: 2px 2px 10px 2px;
    text-align: center;
    width: 14%;
}	
table.calendar td { height: 5em; vertical-align: top; }	
table.calendar .days { padding-bottom: 5px; width: 14%; border: 1px solid #4E3C83; }	
table.calendar .header {
    background-color: #4e3c83;
    color: #fff;
    font-size: 11px;
    padding: 2px 4px;
}
table.calendar tbody .event { line-height: 1.1; padding: 12px 3px; -moz-hyphens: auto; }
table.calendar .today { background-color: #c8cbcd; }
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		TEAMSEITE
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
#main .team-img {
    float: left;
    margin-right: 40px;
    width: 70px;
	height: 140px;
}	
#main .cards-img {
    float: right;
    margin-right: 5px;
    width: 150px;
}	
#main .team-info {
    float: left;
    height: 178px;
    margin-top: 2px;
    width: 310px;
}	
#main .team-info h2 {
    padding-bottom: 0;
    padding-left: 0;
}
#team .ce_text { margin: 0; padding: 0; }
#team .ce_text.border { margin-bottom: 50px; }


	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		PREISLISTEN	
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.boxes4ward_article .ce_text table td { height: 24px; padding: 10px 20px 10px 0; vertical-align: top; }


	

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NEWSLETTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

    /*** Newsletter abonnieren ***/ 
  
#tl_subscribe .formbody .text { float: left; padding: 8px; box-shadow: none; margin: 0 10px 0 0; border: 1px solid #c8cbcd; }
#default #tl_subscribe .formbody .text { float: left; padding: 8px; box-shadow: none; margin: 0 10px 0 0; border: 1px solid #c8cbcd; }
#right #tl_subscribe .formbody .text { float: left; width: 160px; padding: 7px 8px 6px 8px; box-shadow: none; margin: 0 10px 0 0; border: 1px solid #c8cbcd; }
#tl_subscribe .formbody .submit { 
    background: url("../images/template/arrow-submit.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 34px;
    margin-left: 177px;
    /*position: absolute;*/
    text-indent: -999em;
    width: 30px;
	border: none;
    z-index: 1000; }

#top .mod_subscribe { height: auto; width:244px; }
#top .mod_subscribe .error{ margin-bottom: 15px; }


     /**  Ausrichtung in der Rechten Spalte **/
     
#right .mod_subscribe input.text { width: 160px; }

#default .submit_container  { padding-top: 10px; margin: 0 30px 0 0; float: left; }
#default .submit_container .submit,
input[type=submit].submit { 
    background: url("../images/template/submit.png") no-repeat; 
    display: block;
    width: 120px;
    height: 28px;
    text-indent: -9999px;
    border: 0;	
	cursor: pointer;
}

#default .reset_form  { padding-top: 10px; margin: 0; }
#default .reset_form .reset { 
    background: url("../images/template/reset.png") no-repeat; 
    display: block;
    width: 140px;
    height: 28px;
    text-indent: -9999px;
    border: 0;	
	cursor: pointer;
}

    /*** Newsletter kündigen ***/
     
#default .mod_unsubscribe  { padding-top: 10px; }
#default .mod_unsubscribe .text { padding: 8px; margin: 0 0 10px 0; border: 1px solid #C8CBCD; width: 240px; }
input[type="text"] { color: #777777; font-size: 0.9em; }
#default .mod_unsubscribe  .submit { 
    background: url("../images/template/cancel.png") no-repeat; 
    display: block;
    width: 110px;
    height: 28px;
    text-indent: -9999px;
    border: 0;	
	cursor: pointer;
}


    /*** Newsletter Liste ***/ 

#default .mod_nl_list { padding: 0 0 20px 0; }
#default .mod_nl_list ul { padding: 0; margin: 0 0 15px 0; }
#default .mod_nl_list li { list-style: none; padding: 15px 0; border-bottom: 1px solid #777777; }
#default .mod_nl_list li a { padding: 0; margin: 0 0 0 15px; }

#default .mod_nl_reader .newsletter { margin-bottom: 30px; }
#default .boxes4ward_article p.back { padding: 10px 0; }
#default .boxes4ward_article .back a { padding: 5px 10px 3px 12px; }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SOCIAL MEDIA
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
#right .social-media { padding-top: 30px; }	
	



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

footer { position: relative; width: 100%; height: 43px; background-color: #858585; margin-top: -43px; }
footer a { color: #fff;  }
#nav-footer { width: 960px; margin: 0 auto; }
#nav-footer ul { list-style: none outside none; margin: 0; padding: 1% 0 0 0; float: right; }
#nav-footer li.first { float: left; padding: 0 10px 0 0; margin-top: 4px; letter-spacing: 0.1em; border-right: 1px solid #fff; }
#nav-footer li { float: left; padding: 0 10px 0 10px; margin-top: 4px; letter-spacing: 0.1em; border-right: 1px solid #fff; }
#nav-footer li.last { float: left; padding: 0 0 0 10px; margin-top: 4px; letter-spacing: 0.1em; border: none; }

#nav-footer span.active { color: #fff; }

#footer .swa {margin: 15px 0 0 0; float:left; color:#aaaaaa; font-family:'Aller Regular'}
#footer .size {width:960px; margin:0 auto;}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		GALERIE,LIGHTBOX
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	
#mbCenter {
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    left: 50%;
    overflow: hidden;
    position: absolute;
    z-index: 9999;
}

#mbTitle, #mbNumber, #mbPrevLink, #mbNextLink, #mbCloseLink {
    color: #777777;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

#mbPrevLink big, #mbNextLink big, #mbCloseLink big {
    color: #777777;
    font-size: 16px;
    font-weight: bold;
    line-height: 14px;
}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SLIDER, KARUSSELL
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

.custom { display: block; position: relative; }
.mod_caroufredsel { position: relative; width: 100%; }
figure { margin: 0; padding: 0; }
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
    width: 100%;
    height: 800px;
    vertical-align: bottom;
}

#slider a { color: #777777; }

.caroufredsel_navi a { 
    background: url("../images/slider/slider-navi.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 74px;
    margin: -13px 0 0;
    position: absolute;
    text-indent: -999em;
    top: 50%;
    width: 38px;
	z-index: 1000;
	}
 
              /** Slider Navigation erst bei Hover über den Slider sichtbar  **/
    
#slider .caroufredsel_navi a { 
    visibility: hidden;
	opacity: 0;
	-moz-transition:all .5s ease .5s;
    -o-transition:all .5s ease .5s;
    -webkit-transition:all .5s ease .5s;
    transition:all .5s ease .5s;
}
#slider:hover .caroufredsel_navi a { 
    visibility: visible; 
    opacity: 1; 
    -moz-transition:all .4s ease 0s;
    -o-transition:all .4s ease 0s;
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s;    
}


.caroufredsel_controls { width: 100%; }

.caroufredsel_navi a.caroufredsel_prev { left: 3%; }
.caroufredsel_navi a.caroufredsel_next { background-position: -43px 0; right: 3%; }

.caroufredsel_pagi { position: relative; z-index: 1000; top: -122px; left: 85%; width: 180px; }
.caroufredsel_pagi a { display: inline-block; z-index: 1000; height: 18px; width: 18px; padding: 0 3px; margin-right: 4px;  
                    border: 0; text-indent: -9999px; background: url("../images/slider/slider-control.png") no-repeat; }
.caroufredsel_pagi a.selected { background: url("../images/slider/slider-control-active.png") no-repeat; }
.caroufredsel_pagi span { /*display: none;*/ text-indent: -9999px; }

#sliderbox { display: block; position: absolute; z-index:1000; width: 405px; left: 40%; top: 240px; margin: 0 auto; padding: 0; }
#sliderbox h1 { color: #fff; background-color: #4e3c83; width: 310px; font-size: 2.4em; margin: 5px 0; padding: 18px; }
#sliderbox h2 { color: #fff; background-color: #c8cbcd; width: 220px; font-size: 1.6em; margin: 0 0 60px 0; padding: 12px 12px 12px 20px; }
a#scroller img { height: auto; margin-left: 30px; border: 0; border: none; }

img.pulse {
	-webkit-animation: pulsar 2.5s infinite;
	-moz-animation: pulsar 2.5s infinite;
	-o-animation: pulsar 2.5s infinite;
	animation: pulsar 2.5s infinite;
	}

@-webkit-keyframes pulsar {
	  0% { -webkit-transform: scale(1.0); }
	 50% { -webkit-transform: scale(1.1); }
	100% { -webkit-transform: scale(1.0); }
	}
@-moz-keyframes pulsar {
	  0% { -moz-transform: scale(1.0) }
	 50% { -moz-transform: scale(1.1) }
	100% { -moz-transform: scale(1.0) }
	}
@-o-keyframes pulsar {
	  0% { -o-transform: scale(1.0) }
	 50% { -o-transform: scale(1.1) }
	100% { -o-transform: scale(1.0) }
	}
@keyframes pulsar {
	  0% { transform: scale(1.0) }
	 50% { transform: scale(1.1) }
	100% { transform: scale(1.0) }
	}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SEITENBILDER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

#default #seitenbilder { padding-bottom: 50px; }	
.ce_pageimages img { width: 100%; height: auto; }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		GOOGLE MAPS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

.mod_dlh_googlemaps { margin: 0 0 30px 0; position: relative; }
.mod_dlh_googlemaps .info { width: 300px; height: 90px; }
#default .mod_dlh_googlemaps form { margin: 10px 0 20px 0; }
#default .mod_dlh_googlemaps form .text { border: 1px solid #C8CBCD; width: 210px;padding: 4px; margin-right: 10px; }
#default .mod_dlh_googlemaps form input[type="text"]{ color: #777777; font-size: 0.9em; }
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FORMULAR KONTAKT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
.error {color:red;}
#default.kontakt .formbody .select, #default.kontakt .formbody .text, #default.kontakt .formbody .textarea { font-size: 1.0em; color: #777777; }
#default.kontakt .form-field.text, #default.kontakt .form-field.textarea, #default.kontakt .submit_container { margin: 15px 0; }
#default.kontakt .select{ border: 1px solid #C8CBCD; /*box-shadow: none; */ color: #777777; padding: 4px 5px 5px 0; }
#default.kontakt .text { border: none;/* box-shadow: none;*/ padding: 0; }
#default.kontakt .form-field label, #default.kontakt .form-field label.mandatory { float: none; margin: 0 400px 5px 0; }
#default.kontakt .form-field input, #default.kontakt .form-field textarea { border: 1px solid #C8CBCD;  padding: 5px; margin-top: 5px; }

#default.kontakt .form-field .select  {
   background: transparent;
   width: 268px;
   font-size: 1.0em; 
   color: #777777; 
   padding: 2px 5px 5px 0;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   margin: 0;
   }
#default.kontakt .form-field.select {
   width: 70px;
   height: 27px;
   padding: 7px 5px 3px 5px;
   overflow: hidden;
   margin: 0 5px 0 0;
   border: 1px solid #C8CBCD;
   background: url("../images/template/arrow-select.png") no-repeat right #fff;
   }

   
   /*** Anmelde-Formulare ***/
   
.form-field.text, .form-field.textarea, .submit_container, .explanation, .form-field.upload, fieldset.checkbox_container {
   margin: 20px 0;	
}
.form-field.textarea { margin: 0 0 20px 0; }

#default .select{ border: 1px solid #C8CBCD; box-shadow: none;  color: #777777; padding: 4px 5px 5px 0; }
#default .text { border: none; /*box-shadow:none;*/ padding: 0; }
#default .form-field label { margin: 0 0 5px 0; }
#default .form-field input { width: 250px; }
#default .form-field input, #default .form-field textarea { border: 1px solid #C8CBCD;  padding: 5px; }   
#default .form-field.upload input { border: none;  padding: 5px; } 
       
#default fieldset.checkbox_container { width: 568px; border: 1px solid #c8cbcd; }

.formbody .efgLookupSelect .multiselect { width: 350px; padding: 5px; }
#default .form-field.select .multiselect { margin-top: 0; padding: 5px; }

#default .form-field.select { margin: 20px 0; border: none; }
#default .form-field.select select { margin-top: 10px; padding: 5px; }
#default .form-field label.mandatory, #default .form-field.select label, #default .form-field.conditionalselect label { float:left; width: 200px; margin-right: 20px; }
#default .form-field.textarea label { float:none; width: 200px; margin-right: 200px; }
#default .form-field.textarea textarea { margin-top: 5px; }

input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="tel"], textarea { color: #777777; font-size: 0.9em; }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COOKIEBAR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#cookiebar {
	background-color: #ccc;
	color: #222;
}

#cookiebar a {
	color: #222;
}

#cookiebar button {
	background: #4e3c83;
	border-radius: 3px;
	padding: 0 25px;
}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CLEARFIX
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.clearfix:after,
.container-box:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	}
.clearfix,
.container-box {
	display: inline-block;
	padding-bottom: 20px;
	}
* html .clearfix,
* html .container-box {
	height: 1%;  
	} /* Hides from IE-mac \*/
.clearfix,
.container-box {
	display: block;  
	}