/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

body {
	line-height: 1
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	/*display: block*/
}

nav ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}

del {
	text-decoration: line-through
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 5px;
	border: 0;
	border-top: 5px dotted #ccc;
	margin: 1em 0;
	padding: 0
}

input,select {
	vertical-align: middle
}
/*
*
------------------------
ENDE RESET CSS
------------------------
*
*/

/*
*
------------------------  
Allgemeines
------------------------  
*
*/
.invisible {
	display: none;
}

.clear {
	clear: both;
}

a {
	text-decoration: none;
	color: #4282C5;
}

.small-top-margin {
	margin-top: 25px;
}

body {
	font-family: 'Open Sans', sans-serif;
	position: relative;
	color: #666666;
	background: url('../img/squairy_light.png') repeat;
}

h1 {
	font-size: 48px;
	font-weight: 300;
	letter-spacing: -3px;
	line-height: 45px;
	margin: 50px 100px 25px -3px;
	text-transform: uppercase;
}

h2 {
	font-size: 24px;
	line-height: 32px;
    margin-bottom: 50px;
}

h3,h4,h5,h6 {
	margin-bottom: 15px;
	font-weight: 300;
}

#outer-wrapper {
	width: 1280px;
	position: absolute;
	left: 50%;
	margin-left: -640px;
	background-color: #FFFFFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

#wrapper {
	width: 960px;
	margin: 0 160px;
    display:block;
}

#wrapper #main {
	padding-bottom: 60px;
}

body.column_2 #wrapper #container {
    display:block;
}

body.column_2 #wrapper #container div#main {
   width: 635px;
    display:inline-block;
    float:left;
    border-right: 1px solid #EAEAEA;
    padding-right: 20px;

}

body.column_2 #wrapper #container aside#right {
    width: 285px;
    margin-left: 19px;
    display:inline-block;
    padding-bottom: 60px;
}

.hrforevent {
	border: 0;
	height: 0;
	box-shadow: 0 0 5px 2px #adadad;
}

/*
*
------------------------  
Header und Menü
------------------------  
*
*/

#wrapper header {
    display:block;
    overflow: hidden;
}

#wrapper header #upper-header {
	padding-top: 40px;
    padding-bottom: 55px; /* instead of 5px before 17.09.2017 */
	height: 45px;
	overflow: hidden;
}

#wrapper header #upper-header #logo {
	height: 100px; /* instead of 50px before 17.09.2017 */
	display: inline-block;
	float: left;
}

#wrapper header #upper-header span {
	/* new bigger heading since 17.09.2017 */
	color: #4282C5;
    display: inline-block;
    float: left;
    font-size: 25px;
    line-height: 32px;
    margin-left: 25px;
    margin-top: 18px;
    font-weight: 600;
	
	/* tiny 'GMV Iggingen'-heading before 17.09.2017
	color: #4282C5;
	display: inline-block;
	float: left;
	font-size: 19px;
	line-height: 23px;
	margin-left: 25px;
	*/
}



#wrapper header nav {
	padding-top: 140px;
	padding-bottom: 20px;
}

#wrapper header nav ul.level_1 {
	text-align: justify;
	height: 37px;
	border-bottom: 1px solid #6C8CD5;
}

#wrapper header nav ul.level_1>li {
	display: inline-block;
	font-size: 16px;
	height: 35px;
	text-transform: uppercase;
}

#wrapper header nav ul.level_1>li a {
	color: #666666;
}

#wrapper header nav ul.level_1>li:hover>a {
	color: #4282C5;
}

#wrapper header nav ul.level_1>li:hover>.level_2-wrapper-outer>.level_2-wrapper
	{
	display: block;
}

#wrapper header nav ul.level_1>li:hover {
	border-bottom: 3px solid #4282C5;
	cursor: pointer;
}

#wrapper header nav ul.level_2,#wrapper header nav .nav-infobox {
	display: inline-block;
	width: 210px;
	margin-right: 36px;
	float: left;
	color: #CCCCCC;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3em;
	text-transform: none;
	text-align: left;
}

#wrapper header nav .nav-infobox:hover p {
	color: #4282C5;
}

#wrapper header nav .nav-infobox.last {
	margin-right: 0;
}

#wrapper header nav .level_2-wrapper {
	display: none;
}

#wrapper header nav ul.level_2>li>a,#wrapper header nav ul.level_2>li>span
	{
	color: #4282C5;
	font-size: 13px;
	text-transform: none;
	display: block;
	line-height: 17px;
}

#wrapper header nav ul.level_2>li>span.active {
    color: white !important;
    cursor: default;
}

#wrapper header nav ul.level_2>li:hover>a,#wrapper header nav ul.level_2>li:hover>span
	{
	color: #4671D5;
}

#wrapper header nav .level_2-wrapper span.nav-heading {
	border: 0 none;
	color: #FFFFFF;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}

#wrapper header nav .level_2-wrapper-outer {
	padding-top: 40px;
	background: none;
}

#wrapper header nav .level_2-wrapper {
	background-color: #333333;
	left: 0;
	position: absolute;
	width: 960px;
	padding: 30px 0;
	z-index: 100;
	padding: 40px 160px;
}

/*
*
------------------------
Spnsoren Slider
------------------------
*
*/

#sponsoring_slider {
    position: absolute;
    right: 190px;
}

/*
*
------------------------  
Slideshow Startseite
------------------------  
*
*/
#wrapper #main .ce_flexSlider .flexslider ul {  
	margin: 0;
	list-style-type: none;
}
#wrapper #main .ce_flexSlider .flexslider li {  
	margin-left: 0px;
}

#wrapper #main .ce_flexSlider .flexslider li figure{
    /*Bildgröße verändern: geändert von 550px auf 570px*/
    height: 570px;
    overflow:hidden;
}

.info-slider-wrapper .jcarousel li {
	margin-left: 0;	
}

#wrapper #main .ce_flexSlider .flexslider .slides li {
	max-height: 620px;
	overflow: hidden;
}

#wrapper #main .ce_flexSlider .flexslider .slides li .flex-caption {
	/*Höhe des Textbereichs von 60px auf 80px geändert */
    height: 80px;
    padding-top: 10px;
	background: none repeat scroll 0 0 #4282C5;
	box-shadow: 0 -5px 20px -3px rgba(0, 0, 0, 0.15) inset, 0 3px 10px
		rgba(0, 0, 0, 0.15) inset;
	text-align: center;
}

#wrapper #main .ce_flexSlider .flexslider .slides li .flex-caption .caption_title_line
	{
	text-align: center;
	display: block;
	float: none;
	color: #fff;
}

#wrapper #main .ce_flexSlider .flexslider .slides li .flex-caption .caption_title_line *
	{
	font-size: 20px;
	/*Standard-Wert "line-height: 25px;"*/
        line-height: 25px;
	font-weight: 300;
}

#wrapper #main .ce_flexSlider .flexslider .flex-control-nav {
	display: none;
}

#wrapper #main .ce_flexSlider .flexslider .flex-direction-nav a {
	z-index: 200;
	background-color: #666666;
	background-position: center center;
	opacity: 1;
	/*angepasst von 70px auf 90px wegen Zufallsprinzip*/
	bottom: 90px;
	
	top: auto;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
    display: block;
    position: absolute;
    
}

.flexslider {
    margin: 0 0 0px;
    position: relative;
}

/*.flex-direction-nav a {
    background: url("../images/bg_direction_nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 30px;
    margin: -20px 0 0;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 30px;
}*/

#wrapper #main .ce_flexSlider .flexslider .flex-direction-nav .flex-prev
	{
	background-image: url("../img/prev_ico.png");
	right: 30px;
	left: auto;
}

#wrapper #main .ce_flexSlider .flexslider .flex-direction-nav .flex-next
	{
	background-image: url("../img/next_ico.png");
	right: 0px;
}

#wrapper #main .ce_flexSlider .flexslider  .arrow_ico {
	background: url("../img/arrow_big.png") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
	bottom: 0;
	display: block;
	height: 19px;
	left: 50%;
	margin-left: -19px;
	position: absolute;
	width: 38px;
}

/*
*
------------------------  
Newsliste Startseite
------------------------  
*
*/
#wrapper #main .mod_newslist li {
	list-style-type: none;
}

body.startseite .jcarousel li.layout_event_slider {
    height: 100px;
}

body.startseite .jcarousel li.layout_event_slider h3 {
    margin-bottom: 0;
    line-height: 15px;

}

body.startseite .jcarousel li.layout_event_slider p.date {
    margin: 0;
    line-height: 40px;
    padding: 0 20px;

}

body.startseite .jcarousel li.layout_event_slider a {
    color: #FFF;
}

body.startseite .jcarousel li a:hover * {
    color: #999;
}

body.startseite .jcarousel li.layout_event_slider span.event_slider_wrapper {
    display:block;
    height:65px;
}

/*
*
------------------------  
Carousels auf Startseite
------------------------  
*
*/

body.startseite .jcarousel li h1, 
body.startseite .jcarousel li h2, 
body.startseite .jcarousel li h3, 
body.startseite .jcarousel li h4, 
body.startseite .jcarousel li h5 {  
	margin: 0 0 15px 0;
	font-size: 14px;
}

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
body.startseite .jcarousel {
	position: relative;
	overflow: hidden;
	width: 960px;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
body.startseite .jcarousel ul {
	width: 20000px;
	position: relative;
	height: 40px;
	/* Optional, required in this case since it's a <ul> element */
	list-style: none;
	margin: 0;
	padding: 0;
	list-style: none
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
body.startseite .jcarousel li {
	/* Required only for block elements like <li>'s */
	float: left;
	color: #FFFFFF;
	width: 225px;
	height: 40px;
	margin-right: 20px;
	font-size: 14px;
	background-color: #333333;
}

body.startseite .jcarousel li h3,body.startseite .jcarousel li h3 a {
	line-height: 40px;
	color: #FFFFFF;
	padding: 0 20px;
}

 #wrapper #main .info-slider-top .carousel-controls {
	position: absolute;
	right: 0;
	bottom: 0;
}

body.startseite #wrapper #main .info-slider-top .carousel-controls a {
	width: 30px;
	height: 30px;
	display: inline-block;
	background-color: #4282C5;
	float: left;
}

body.startseite .carousel-controls a.jcarousel-control-prev {
	background-image: url("../img/prev_ico.png");
	background-position: center center;
	background-repeat: no-repeat;
}

body.startseite .carousel-controls a.jcarousel-control-next {
	background-image: url("../img/next_ico.png");
	background-position: center center;
	background-repeat: no-repeat;
}

body.startseite .carousel-controls a.to-news-site {
	background-image: url("../img/all_ico.png");
	background-position: center center;
	border-left: 1px solid #FFF;
	background-repeat: no-repeat;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

body.startseite #wrapper #main .info-slider-wrapper {
	margin-top: 25px;
}

body.startseite #wrapper #main .info-slider-top {
	margin-bottom: 20px;
	border-bottom: 1px solid #4282C5;
	height: 39px;
	position: relative;
}

body.startseite #wrapper #main h1,
#wrapper aside#right h1
{
	border-bottom: 4px solid #4282C5;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	padding-bottom: 15px;
	text-transform: uppercase;
	color: #000000;
    letter-spacing: 0px;
}

#wrapper aside#right h1 {
    margin-top: 20px;
}

#wrapper aside#right .h1_wrapper {
    border-bottom: 1px solid #4282C5;
    margin-bottom: 25px;
}


/*
*
------------------------  
Inhaltselemente
------------------------  
*
*/
.mod_article {
	color: #666666;
	font-weight: 400;
	font-size: 14px;
}

.mod_article h1 {
	font-size: 48px;
	font-weight: 300;
	letter-spacing: -3px;
	line-height: 45px;
	margin: 50px 100px 25px -3px;
	text-transform: uppercase;
	color: #000000;

}

/*hinzugefügt 02.06.2015 01:28
für Abstand der Überschrift bei Presse/Neuigkeiten */
.mod_article .mod_newsreader h1 {
	margin: 20px 100px -45px -3px;
}
/*hinzugefügt*/

.mod_article h2 {
	font-size: 30px;
	font-weight: 300;
	line-height: 32px;
	/* geändert am 25.07.2016 
	 * von "margin: 50px 100px 20px -3px;" 
	 * auf "margin: 50px 100px 20px 0px;" 
	*/
	margin: 50px 100px 20px 0px;
	text-transform: none;
	color: #000000;
}

.mod_article h3 {
	font-size: 26px;
	font-weight: 300;
	line-height: 32px;
	margin: 20px 100px 15px -3px;
	text-transform: none;
	color: #000000;
}

.mod_article h5,.mod_article h6 {
	font-weight: 300;
	margin-bottom: 10px;
}

.mod_article p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.mod_article a:hover {
	color: #005580;
}

.mod_article ol,.mod_article ul {
	margin: 0 0 10px 20px;
	padding: 0;
	line-height: 23px;
}

.mod_article ol {
	margin: 0 0 10px 25px;
}

.mod_article li {
	margin-left: 15px;
}

.mod_article .ce_text figure.float_below img {
	/* before: only 15px margin above picture
	margin: 15px 0 0 0;
	*/
	margin: 5px 15px 5px 15px;
}
.mod_article .ce_text figure.float_above img {
	margin: 0 0 25px 0;
}

.mod_article .ce_text img {
	margin: 5px 15px 5px 15px;
}

.mod_article .ce_text figure.float_left img {
	margin: 0;
}

.mod_article .ce_gallery ul{
	list-style-type:none;
	margin:0;
}

.mod_article .ce_gallery li{
	list-style-type:none;
	float: left;
	display:inline;
	margin: 0;
}

.mod_article .ce_gallery li.col_last figure{
    margin-right: 0 !important;
}

.mod_article .ce_gallery li.col_first figure{
    margin-left: 0 !important;
}

.mod_article .ce_gallery li.col_last figure {
    padding-right: 0 !important;
}
.mod_article .ce_table {
	margin: 10px 0;
}

.mod_article .ce_table table {
	border-collapse: separate;
	padding-bottom: 1px;
	width: 100%;
	text-align: left;
	border: 1px solid #4282C5;
}

.mod_article .ce_table table tr td,.mod_article .ce_table table tr th {
	padding: 5px 15px;
	font-weight: 400;
	line-height: 20px;
}

.mod_article .ce_table table tr th {
	background: #4282C5;
	color: #FFFFFF;
	text-transform: uppercase;
}

.mod_article .ce_table table tr td {
	color: #404040;
}

.mod_article .ce_table table tr.even td {
	background: #F8F8F8;
}

.mod_article .ce_table table tr.odd td {
	background: #F1F1F1;
}

.mod_article .ce_downloads ul{
	list-style-type:none;
	margin: 15px 0 15px 0;
}

.mod_article .ce_downloads ul li{
	margin: 0px;
}

.mod_article div.accordion {
	border-bottom: 1px solid #F2F2F2;
	border-left: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
	font-style: italic;
	padding: 30px 85px;
}

.mod_article div.toggler {
	border: 1px solid #F2F2F2;
	height: 47px;
	line-height: 47px;
}

.mod_article .toogle_ico {
	background: url("../img/toogle_icons.png") no-repeat scroll center -44px
		rgba(0, 0, 0, 0);
	border-right: 1px solid #F2F2F2;
	display: inline-block;
	height: 47px;
	width: 47px;
	float: left;
	margin-right: 30px;
}

.mod_article .ce_hyperlink,.mod_article .ce_toplink {
	margin: 10px 0;
}

.mod_article figure figcaption {
	padding-top: 3px;
	font-style:italic;
	/*added for alignment with embedded contao pictures */
	margin-left: 15px;
}

.mod_article figure.float_left {
	margin-right: 15px;
	margin-bottom: 5px;
}

.mod_article .ce_text figure.float_left img {
	margin-top: 5px;
}

.mod_article .ce_text figure.float_right img {
	margin:0;
	margin-bottom: 5px;
}

.mod_article figure.float_right {
	margin-left: 20px;
	margin-bottom: 5px;
}


.mod_article > .first,
.mod_article > .first h1
{
    margin-top: 20px;
}

/*
*
------------------------
Nachrichten
------------------------
*
*/

ul.mod_newslist,
ul.mod_eventlist{
    margin:0;
}

.mod_newslist .more {
    padding: 0 10px;
}


ul.mod_newslist div.layout_short,
.mod_eventlist .layout_teaser{
    padding-bottom: 40px;
    margin-bottom: 50px;
    background: url("../img/post_line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);

}

ul.mod_newslist div.layout_short div.teaser{
margin-top: 25px;
    padding: 0 10px;
}

ul.mod_newslist div.layout_short.first {
    margin-top: 50px;
}

ul.mod_newslist div.info-wrapper {
    background: none repeat scroll 0 0 #333333;
    color: #999999;
    line-height: 40px;
    padding: 0 13px;
}

ul.mod_newslist div.info-wrapper h2 {
    float:left;
    font-size: 14px;
    color: #999999;
    font-weight: normal;
    margin:0;
    line-height: 40px;
}

ul.mod_newslist div.info-wrapper h2 a {
    color: #999999;
}

ul.mod_newslist div.info-wrapper p.info {
    float:right;
    margin-bottom: 0;
}

ul.mod_newslist p.info time {
   background: url("../img/news_ico.png") no-repeat scroll 0 -107px rgba(0, 0, 0, 0);
    height: 40px;
    line-height: 40px;
    margin-left: 13px;
    padding-left: 25px;
}

/*
*
------------------------
Events
------------------------
*
*/

ul.mod_eventlist .layout_upcoming {
    border-bottom: 1px solid #EAEAEA;

}

.mod_eventlist .header, div.mod_eventreader .layout_full p.info, div.mod_newsreader .layout_full p.info{
    background: none repeat scroll 0 0 #333333;
    color: #999999;
    line-height: 40px;
    padding: 0 13px;
    margin-bottom:25px;
}

.mod_eventlist .layout_teaser .header.first,
.mod_newstlist .layout_teaser .layout_short.first {
    margin-top: 50px;
}

.mod_eventlist .layout_teaser p.time{
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    display: inline;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 0;
    float:right;
    padding: 10px;

}

.mod_eventlist .layout_teaser .teaser {
    margin-top:25px;

}

/* new style for event headings, time on the right (06.03.2018) */
.mod_eventlist .layout_teaser h2 {
    display:inline;
    width: 800px;
    float: left;
    margin: 0 0 20px 0;
}

.mod_eventlist .layout_teaser {
    padding: 0 10px 40px 10px;
}

div.mod_eventreader .event h1 {
	margin-top: 40px;
	margin-bottom: 40px;
}

div.mod_eventreader .layout_full p.info, div.mod_newsreader .layout_full p.info {
    float: right;
    line-height: 45px;
    margin: 0px 0px 0px;
}

div.mod_eventreader .layout_full p.location, div.mod_newsreader .layout_full p.location {
    line-height: 50px;
    margin-bottom: 0px;
}

div.mod_eventreader .layout_full > h1, div.mod_newsreader .layout_full > h1 {
    float:none;
}

/*
*
------------------------
Image Slider
------------------------
*
*/

#main div.ce_image-slider img {
    margin-right:20px;
}

#main div.ce_image-slider ul, #main div.ce_image-slider li, #main div.ce_partner-slider ul, #main div.ce_partner-slider li {
    height: 260px;
    background-color: #FFFFFF;

}
#main div.ce_image-slider li figcaption {
color:#666666;
font-style: normal;
font-weight: bold;
}


#main div.ce_home_teaser {
    width:470px;
    display:inline-block;
    margin-bottom: 25px;
}

#main div.ce_home_teaser.left {
    margin-right: 15px;
}

#wrapper #main div.ce_home_teaser .heading_wrapper {
    display: block;
    border-bottom: 1px solid #4282C5;
    margin-bottom: 20px;
}
#wrapper #main div.ce_home_teaser img {
    margin-right: 25px;
    float:left;
}


#wrapper #main div.ce_home_teaser h2, #wrapper #main div.ce_home_teaser div.text {
    display:inline-block;
    width:210px;
    line-height: 20px;
    margin:0;
}

#wrapper #main div.ce_home_teaser h2 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}

#wrapper #main div.ce_home_teaser div.teaser_link_wrapper {
    border-top: 1px solid #4282C5;
    display:block;
    margin-top: 20px;
    padding-top: 5px;
    font-size: 13px;
    color: #333333;
    font-style: italic;
}

#wrapper #main div.ce_home_teaser div.teaser_link_wrapper a {
    color: #333333;
}

#wrapper #main div.ce_home_teaser div.teaser_link_wrapper a:hover {
    color: #4282C5;
}

#wrapper #main div.ce_home_teaser div.right_wrapper_teaser {
    display:inline-block;
    float: right;
    width:210px;
}


.pdf_link {
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    padding: 10px 0;
    margin-top: 25px;
    font-size:12px;
}

#kontakt iframe {
    margin-bottom:50px;
}

.ce_form input {
    background: none repeat scroll 0 0 #EBF4EB;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    color: #7D7F80;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: 600;
    height: 33px;
    padding: 4px 15px;
    transition: background 0.3s ease 0s;
    width: 295px;
    margin-bottom: 25px;


}

.ce_form input:focus, .ce_form textarea:focus{
    background: none repeat scroll 0 0 #6C8CD5;
    transition: background 0.3s ease 0s;
    color: #FFF;
}

.ce_form textarea {
    background: none repeat scroll 0 0 #EBF4EB;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    color: #7D7F80;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 15px;
    transition: background 0.3s ease 0s;
    margin-bottom: 25px;
    height: 181px;
    width: 403px;
    resize: none;
    transition: background 0.3s ease 0s;
}

.ce_form label {
    display:block;
    margin-bottom: 5px;


}

.ce_form .captcha {
    margin-bottom: 3px;

}

.ce_form .captcha_text {
    display:block;
    font-size: 11px;
}

.ce_form .submit_container input {
width: 325px;

}

.ce_form .form_left {
    width: 400px;
    float:left;
    width: 350px;
}

/*Schrift in Tabelle vertikal mittig anordnen*/
.ce_text.first.last.block table td {
	vertical-align: middle;
}

/*Login-Formular anpassen*/
#login table {
	border-collapse: separate;
	border-spacing: 10px;
}

/*
*
------------------------  
Footer
------------------------  
*
*/
footer#footer {
	width: 960px;
	padding: 20px 160px;
	height: 45px;
	background: #242424;
	margin-top: 25px;
    display:block;
}

/*wenn Impressum und Datenschutzerklärung zusammengeführt werden: #impressum-datenschutz-link,*/
#impressum-link, #datenschutz-link, #disclaimer-link, #login-link, #logout-link, #webmailer {
	background-color: #333333;
	display: inline-block;
	font-size: 14px;
	float: right;
	line-height: 30px;
	margin-left: 10px;
	padding: 7px;
	text-align: center;
	transition: background-color 0.6s ease 0s;
}

#impressum-link:hover, #datenschutz-link:hover, #disclaimer-link:hover, #login-link:hover, #logout-link:hover, #webmailer:hover {
	background-color: #00ACEE;
	color: #005580;
}