/*
	css by indole.de_sign
*/


/*=======================================================================

	VARIABLEN
 
 ========================================================================*/

.margin-top-200 { margin-top: -200px; }

.bg-ci-color-0 { background-color: rgba(255, 255, 255, 1);}
.bg-ci-color-1 { background-color: rgba(163, 0, 88, 1); color: rgba(255, 255, 255, 1);}
.bg-ci-color-2 { background-color: rgba(163, 0, 88, 0.5); color: rgba(255, 255, 255, 1); }
.bg-ci-color-3 { background-color: rgba(230, 230, 230, 1); color: rgba(0, 0, 0, 1);}

.whitebox { background:rgba(255, 255, 255, 0.90); color:rgba(0, 0, 0, 0.75); border-color: rgba(0, 96, 169, 1); }
.whitebox .border { border: 5px solid  rgba(0, 96, 169, 1); }
.whitebox a { color: rgba(0, 96, 169, 1); }
.whitebox a:hover { color: rgba(163, 0, 88,  1); }

.blackbox { background:rgba(0, 0, 0, 0.75); color:rgba(255, 255, 255, 0.75); }

.graybox { background:rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 0.75); }

.focus { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); color:rgba(255, 255, 255, 1); }
.aktion { background: none repeat scroll 0 0 rgba(0, 96, 169, 1); color:rgba(255, 255, 255, 1); }
.hinweis { background: none repeat scroll 0 0 rgba(255, 241, 82, 1); color:rgba(0, 0, 0, 1); }
.angebot { background: none repeat scroll 0 0 rgba(96, 155, 249, 1); color:rgba(255, 255, 255, 1); }

.transparent { 
	color:rgba(0, 0, 0, 0.80);
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradient-or { 
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*=======================================================================

	HTML
 
 ========================================================================*/
 
html { font-size: 16px; line-height: inherit; }

body { color: rgba(0, 0, 0, 0.75); 
	background-attachment: fixed;
	background-color: rgba(255, 255, 255, 0.99); /* rgba(163, 0, 88, 1); */
    background-position: center top;
    background-repeat: repeat-y;
}

h1 { font-size:280%; font-family:"Open Sans Condensed", serif; color: rgba(163, 0, 88, 1); font-weight:600; letter-spacing:0.1em; text-transform:uppercase; line-height:1.3em;padding:0; margin:10px 0px 10px 0px;}
.bg-ci-color-1 h1 { color: rgba(255, 255, 255, 1);}
.modal h1 { color: rgba(255, 255, 255, 1); margin-bottom:40px;}

h2 { font-size:200%; color: inherit; font-weight:100;line-height:1.4em; margin: 0; padding: 10px 0px 10px 0px; }
h3 { font-size:120%; color: rgba(0, 0, 0, 0.75); font-weight:700;line-height:1.3em; padding: 0; margin:10px 0px 10px 0px;}
h4 { font-size:110%; color: rgba(0, 0, 0, 0.5); font-weight:400;line-height:1.em; margin:10px 0px 10px 0px;}
h5 { font-size:100%; color: rgba(0, 0, 0, 0.5); font-weight:600;line-height:1.em; margin:10px 0px 10px 0px;}
h6 { font-size:90%; color: rgba(0, 0, 0, 0.5); font-weight:100; font-style:italic; line-height:1.em; margin:10px 0px 10px 0px;}

@media only screen and (max-width: 800px) { h1 { font-size:240%;} h2 { font-size:180%;} }
@media only screen and (max-width: 320px) { h1 { font-size:180%;} h2 { font-size:140%;} }


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

img, object, embed {max-width: 100%;height: inherit; }
.image { margin-bottom: 0px; }
.pagetitle { display:inline-table; font-size:320%; font-weight:500; background-color: rgba(163, 0, 88,  1); color: rgba(255, 255, 255, 1); margin:0px 0; padding: 10px 20px 3px 20px}
.subtitle { display:inline-block; font-size:180%; font-weight:300; background-color: rgba(163, 0, 88,  1); color: rgba(255, 255, 255, 1); margin:20px auto 0px; padding: 10px 20px}

@media only screen and (max-width: 800px) { .pagetitle { font-size:240%;} .subtitle { font-size:180%;} }
@media only screen and (max-width: 320px) { .pagetitle { font-size:180%;} .subtitle { font-size:140%;} }


p { font-size: inherit; font-weight: inherit; line-height:1.6em; margin-bottom: 10px; }


a { color: inherit; }
a:hover { color:rgba(0, 0, 0, 1); }

i[class^="icon-"], i[class*=" icon-"] { margin: 0; }
ul.raster i[class^="icon-"], i[class*=" icon-"] { margin: 0 5px 0 0; }

.content ul { list-style: outside none disc; padding: 10px 30px; }
.content ul ul { list-style: circle inside none; }
.content ul ul ul { list-style: square inside none; }
.content ol { list-style: outside none decimal; margin: 0px 20px; }

.content ul li { line-height: 1.3em; margin-bottom: 10px; padding: 0 10px 0 10px; }

blockquote { border-left: 3px solid #fff; color: rgba(0, 96, 169, 0.5); line-height: inherit;margin: 10px 0;padding: 0 20px;opacity: 0.75;}
blockquote p { color: inherit; line-height: normal; }

img, object, embed {max-width: 100%;height: inherit;}

table { background-color: rgba(255, 255, 255, 0.75); color: rgba(0, 0, 0, 1); border: 0px solid rgba(0, 0, 0, 0.1); border-collapse: collapse; border-spacing: 0; display: table; margin-bottom: 20px; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
table caption { color: rgba(0, 0, 0, 1); font-size: 110%; padding:10px 0; text-align: left; }

table.historie h3 { color: rgba(128, 128, 127,1);font-weight:400;}
table tr td:first-child { font-weight: normal; }
table tr td, table tbody tr td { font-size: inherit; }
table thead th, table tbody td, table tr td { display: table-cell; padding: 10px 10px 7px 10px; text-align: left; vertical-align: top; border-top:1px solid rgba(0, 0, 0, 0.1); }
caption, th { font-weight: 700; color: rgba(240, 240, 240, 1); padding: 10px 10px 7px 10px; text-align: left; vertical-align: middle; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.Beispiel1 { font-family: inherit; font-size:240%; color: inherit;font-weight:inherit;line-height:1.3em;}
.Beispiel2 { font-family: inherit; font-size:180%; color: inherit; font-weight:inherit;line-height:1.4em; }
.Beispiel3 { font-family: inherit; font-size:140%; color: inherit; font-weight:inherit;line-height:1.3em;}


/*=======================================================================

	RASTER
 
 ========================================================================*/
 
.display-none { display: none !important;}

.header { background-color: ; margin:0 auto; width:100%; min-height:; }

.monitor-100 { margin:0 auto; width:100%; min-height:100%; }
.monitor-80 { margin:0 auto; width:100%; min-height:80%; }
.monitor-60 { margin:0 auto; width:100%; min-height:60%; }
.monitor-20 { margin:0 auto; width:100%; min-height:20%; }

.footer { background-color: inherit); margin:0 auto; width:100%; min-height:40%; }

.temp-space-medium { display: block; min-height:60px; width:100%; clear:both; }
.temp-space-default { display: block; min-height:30px; width:100%; clear:both; }

@media only screen and (max-width: 1200px) { 
	.temp-space-medium { min-height:60px; }
	.temp-space-default { min-height:30px; }
}
@media only screen and (max-width: 799px) { 
	.temp-space-medium { display:none !important; }
	.temp-space-default { display:none !important; }
	.monitor-60, .monitor-20 { margin:0 auto; width:100%; min-height:inherit; }
}

.row { width: 100%; max-width: 1200px; min-width: 280px;  padding-left: 0px; padding-right: 0px; }
.column, .columns { min-height: 0; margin-left: 0; }

.padding-default { padding: 20px; }
.padding-none { padding: 0px 0px; }
.padding-small { padding: 10px; }
.padding-medium { padding: 40px 40px; }
.padding-large { padding: 40px 80px; }

.margin-default { margin:0 20px; }
.margin-none { margin: 0 0px; }
.margin-small { margin: 0 10px; }
.margin-medium { margin: 0 40px; }
.margin-large { margin: 0 80px; }

.margin-top { margin-top: -200px; }

@media only screen and (max-width: 1024px) { .margin-top { margin-top: 0px; } }
@media only screen and (max-width: 768px) { .padding-default .padding-default { padding: 10px; } .padding-medium { padding: 20px; } .margin-top { margin-top: 0px; } }
@media only screen and (max-width: 479px) { .padding-medium { padding: 20px; } }
@media only screen and (max-width: 320px) { .padding-large { padding: 20px; } }

	

/* Floats + SLICES + Blöcke + ander Elemente */

.float-right { float: right; }
.float-left {float: left;}

.clear { display:block;float: none;list-style-type: none;line-height:0;height:auto;height:0;clear:both !important;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border-right: 0px solid #666;}

.first { margin-left:0 !important;}
.last { margin-right:0 !important;}


.width-48pro {width:48%;}
.width-100pro {width:100%;float:none;clear:both;}
.width-90pro {width:90%;float:left;clear:none;}
.width-50pro {width:50%;float:left;clear:none;}
.width-70pro {width:70%;float:left;clear:none;}
.width-30pro {width:30%;float:left;clear:none;}
.width-80pro {width:80%;float:left;clear:none;}
.width-75pro {width:75%;float:left;clear:none;}
.width-20pro {width:20%;float:left;clear:none;}
.width-25pro {width:25%;float:left;clear:none;}
.width-33pro {width:33.3333%;float:left;clear:none;}
.width-10pro {width:10%;clear:none;float:left;}

.width-auto {width: auto;clear:none;float:left;}

.width-5pro-fix {width:7%;clear:none;}
.width-15pro-fix {width:15%;clear:none;}
.width-20pro-fix {width:20%;float:left;clear:none;}
.width-80pro-fix {width:80%;clear:none;text-align:left;}
.width-90pro-fix {width:90%;clear:none;text-align:left;}

.width-25pro-sp {width:25%;clear:none;}
.width-70pro-sp {width:70%;clear:none;}
.width-75pro-sp {width:75%;clear:none;}

 @media only screen and (max-width: 600px) {
.width-20pro {width:50%;float:left;clear:none;}
.width-25pro {width:50%;float:left;clear:none;}
.width-10pro {width:20%;float:left;clear:none;}
.width-25pro-sp {width:50%;clear:none;}
.width-33pro {width:50%;float:left;clear:none;}
.width-70pro-sp {width:48%;clear:none;}
.width-75pro-sp {width:50%;clear:none;}
}

 @media only screen and (max-width: 480px) {
.width-50pro {width:100%;float:none;clear:both;}
.width-70pro {width:100%;float:none;clear:both;}
.width-30pro {width:100%;float:none;clear:both;}
.width-80pro {width:100%;float:none;clear:both;}
.width-20pro {width:100%;float:none;clear:both;}
.width-25pro {width:100%;float:none;clear:both;}
.width-33pro {width:100%;float:none;clear:both;}
.width-10pro {width:50%;float:left;clear:none;}
.width-25pro-sp {width:100%;float:none;clear:none;}
.width-70pro-sp {width:100%;float:none;clear:none;}
.width-75pro-sp {width:100%;clear:none;}
}


/*=======================================================================

	SPEZIAL
 
 ========================================================================*/

/* aligns */

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

@media only screen and (max-width: 767px) { .text-center { text-align: left; } }


/* spaltigkeit aus TINY Modul */

.text-column-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
.text-column-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
.text-column-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }

@media only screen and (max-width: 767px) { 
	.text-column-3 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } 
	.text-column-4 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } 
}
@media screen and (max-width: 480px) { 
	.text-column-4 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } 
	.text-column-3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } 
	.text-column-2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } 
}


/*=====================================================

 Drawler / Tiles / Filter & Co.
 
 ======================================================*/

.pagenavi { display: block; background-color: rgba(0, 0, 0, 0); font-size:180%; font-weight:400; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.pagenavi ul { display: block; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align:center; }
.pagenavi ul li { display: inline-block; border-bottom: 0px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0); padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height:50px; width: 33.3333%; }
.pagenavi ul li:hover { background:rgba(255, 255, 255, 0); transition: all 1s ease-in-out; }
.pagenavi span { display: block; background: rgba(0, 0, 0, 0.0); padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height:40px; text-align:center; }
.pagenavi span:hover { background:rgba(0, 96, 169,  0); transition: all 1s ease-in-out; }
.pagenavi ul li a { color:rgba(163, 0, 88, 1); transition: all 1s ease-in-out; background: rgba(255, 255, 255, 0) none repeat scroll 0 0; border-radius: 0%; display: inline-block; height: 50px; position: relative; top:0px; width: 100%;}
.pagenavi ul li a:hover { background: rgba(0, 96, 169, 1) none repeat scroll 0 0; color:rgba(255, 255, 255, 1); transition: all 1s ease-in-out; z-index:9999; }

.pagenavi-left { float:left;}
.pagenavi-right { float:right;}


.pagenavi-artikelliste { display: inline-block; float:right; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

.pagenavi-bottom { display:block; position: relative; right:0; bottom:0px; background: rgba(255, 255, 255, 0); color:rgba(163, 0, 88, 0.5); padding:15px 20px; margin:0px auto; z-index:3; }
.pagenavi-left:hover, .pagenavi-right:hover, .pagenavi-top:hover, .pagenavi-bottom:hover { color:rgba(163, 0, 88, 1); }

@media only screen and (max-width: 1199px) { .pagenavi ul li { line-height:40px; } .pagenavi ul li a { height: 40px; text-decoration: blink; top: -20px; width: 40px;}
}

@media only screen and (max-width: 799px) {
	.pagenavi ul { text-align: ; }
	.pagenavi ul li { display: inline-block; line-height:40px; height:20px; margin-bottom:20px; }
	.pagenavi ul li a { height: 40px; text-decoration: blink; top: 0px; width: 40px;}
}


/* Navigation breadcrumb */
.breadcrumb { display: block; line-height:50px; background:rgba(0, 0, 0, 0); font-size: 90%;margin: 0px 0px;padding: 0px 10px;text-align: inherit;transition: 1.5s ease-in-out;border-top:0px solid #666;border-bottom: 0px solid rgba(0, 0, 0, 1); color: rgba(255, 255, 255, 0.25); }
.breadcrumb:hover { transition: 1.5s ease-in-out; background:rgba(255, 255, 255, 0); }
.breadcrumb span {display: inline-block;}
.breadcrumb p {display: block;float: none;margin: 0 0px 0 0px;text-align: inherit;padding: 0;line-height:30px;}
.breadcrumb ul {clear: none;list-style-type: none;margin: 0;padding: 0;text-align: inherit;width: auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.breadcrumb li {clear: none;display: inline;line-height: inherit;list-style: none outside none;margin: 0 0px 0 0px;}
.breadcrumb li:hover {}
.breadcrumb a { color: rgba(0, 0, 0, 0.5); border-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); font-weight: 100;padding: 0px 0px 0px 0;}
.breadcrumb a:hover {background-color: #transparent; color:  rgba(1255, 255, 255, 1); }


.subnavbar { height: auto; line-height:0; margin-bottom: 0px; background: rgba(255, 255, 255, 0.75); transition: 1.0s ease-in-out; }
.subnavbar:hover { background: rgba(255, 255, 255, 0.95); }
.subnavbar.fixed { background: rgba(255, 255, 255, 0.75) ;left: 0;position:fixed; top: 80px !important; z-index: 888;background-image: none; width: 100%;}
.subnavbar.fixed:hover { background: rgba(255, 255, 255, 0.95); }

#level1 { display: none; }
#level2 {display: inherit; }

@media only screen and (max-width: 799px) { #level2, .subnavbar { display: none; } }
	
/* Navigation verti */
.verti { width: auto;font-size:180%;display: block;border: 0px solid #000;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;text-align: left;background: transparent; /* Change this to suit the color theme of your site */}
.verti ul {display: block;width: auto;float: none;vertical-align: middle;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;overflow: hidden;}
.verti ul li {display: block;list-style-type: none;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border-right: 0px solid #fff}
.verti ul li a {display: block;font-size:100%;white-space: nowrap;color: #efefef;font-weight: normal;padding: 10px 0px 10px 0px;margin: 0px 0px 0px 0px;border-top: 0px solid #999;border-bottom: 1px solid #999;line-height:1.2em;}
.verti ul li a:hover {background:transparent center center no-repeat;background-image:url(../img/bg-raster.png);padding: 10px 0px 10px 0px;color: #c00;}
.verti ul li a.rex-current, .verti ul li a.current, .verti ul li a.rex-active, .verti ul li a.active {background:transparent center center no-repeat;background-image:url(../img/bg-raster.png);padding: 10px 0px 10px 0px;color: #c00;font-weight:700;}


/* Navigation hori */
.hori {font-size:100%;width: auto;display: inline-block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;overflow: hidden; text-align: left; vertical-align: middle;background: transparent;line-height: inherit;}

.hori ul {display: inline-block;margin: 0px auto;padding: 10px 10px;line-height: 10px; max-width:; }
.hori ul li, .hori span  {background:;display: inline-block;float: none;list-style-type: none;margin: 0px 0px; padding: 0px 0px;border-bottom: 0px solid #333;}
.hori ul li:hover, .hori ul li.rex-current {border-bottom: 0px solid #f00;}
.hori ul li a { display: inline-block; background:transparent; white-space: nowrap;color: rgba(163, 0, 88,  1);font-weight: 600;padding: 10px 10px; margin: 0px 0px 0px 0px;border-left: 0px solid #999;border-right: 0px solid #999;border-bottom: 0px solid #efefef;line-height: inherit;}
.hori ul li a:hover { background:transparent;color: rgba(163, 0, 88,  0.75);}
.hori ul li a.rex-current, .level1 ul li a.current, .level1 ul li a.rex-active, .level1 ul li a.active {background:transparent;color: rgba(0, 96, 169, 0.5);font-weight: 600;}


/* drawerartikellist */
.drawerartikellist { font-size: 90%; border-bottom: 0px solid #707173; display: block; margin: 0px 0px 0px 0px;	padding: 0px; text-align: left;	background: transparent; background: repeat 0% 0%; line-height:normal; color:rgba(0, 0, 0, 0.5);}
.drawerartikellist:hover { }
.drawerartikellist h3 {	font-size:100%;	font-weight:400; color:rgba(0, 96, 169, 0.5);	padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.drawerartikellist h3 a{ color:rgba(0, 96, 169, 0.5); }
.drawerartikellist h3 a:hover{ color:rgba(0, 96, 169, 1); }

.drawerartikellist ul { background: none; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.drawerartikellist ul li { background-color:rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(255, 255, 255, 0.5); transition: 1.0s ease-in-out; display: block; padding:10px 15px 10px 15px; margin: 1px 0px 0px 0px;text-align: left; line-height: 1.8em;	box-shadow: 0 0 0px #cccccc; }
.drawerartikellist ul li:hover, .drawerartikellist ul li.active { transition: 0.5s ease-in-out;	background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); }
.drawerartikellist ul li a { display:block;	line-height: normal; color: rgba(0, 0, 0, 1); }
.drawerartikellist ul li a:hover, .drawerartikellist ul li:hover a { color: rgba(0, 0, 0, 1); }


/* Drawler / Tiles / co. */
 
.tiles { display: block; overflow: inherit; padding-top: 20px; }

.drawer { background:none; -webkit-box-shadow: none !important;	box-shadow: none !important; padding:0px; z-index:2; }
.drawer.active { max-height: 1200px;transition-duration: 3.0s;}


/*=======================================================================

	ELEMENTE
 
 ========================================================================*/
 
 
 /* copyright */
.copyright { display: block; color: rgba(0, 0, 0, 0.5); background: transparent; border-top: 0px solid rgba(0, 96, 169, 1); line-height: inherit; font-size: 100%;	margin: 0px auto 0px auto; padding: 20px 20px; text-align: inherit; }
.copyright li { margin-bottom: 0px; line-height: 30px; }


 /* Sectoren */

.global-logo { display: block; text-align:center; margin: 0px auto 0px auto;padding:0px 20px;background: none;text-align: center;position: relative; z-index:; max-width:280px;}
.wortmarke {display: block; text-align:center; margin: 40px auto 0px auto;padding:0px 20px 0px 20px;max-width:600px;}
.global-logo img, .wortmarke img { width:100%;}

@media only screen and (max-width: 479px) { .glabal-logo, .wortmarke { display: none; } }

.spx-icon { display: inline-block; background: rgba(0, 96, 169, 1); right: 20px; width: 15px;  height: 15px; text-align: center; color: rgba(255, 255, 255, 0.75);  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 3px solid  rgba(255, 255, 255, 1); }

/** menulist **/

.menulist { display: block; font-size:100%; border-left: 0px solid #999; margin: 0px 0px 0px 0px; text-align: inherit; background: transparent; line-height:normal; }
.menulist .headline { display: block; font-size:100%; border-top: 0px solid rgba(255, 255, 255, 0.75); float: none; list-style-type: none; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: none; font-weight:700; }
.menulist ul.raster { box-shadow: 0 0 0 #666666; display: block; margin: 0 0px; padding: 0; }
.menulist li { display: inline-block; float: none; list-style-type: none; margin: 0px 0px 0px 0px;	padding: 0px 0px; float: none; line-height:1.9em; vertical-align:middle; }
.menulist li a { display: block; white-space: nowrap; color: rgba(0, 0, 0, 0.5); font-weight: 400; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; }
.menulist li a:hover { background:transparent; color: rgba(163, 0, 88, 1); }


/* Cloud */
 
.cloud { display:block;padding: 0px 0px; background-color:transparent; font-size:100%;}

.cloud .tags { display:block; color:# 666; font-size:100%; padding: 10px 0px 10px 0px; line-height: inherit; border:0px solid rgba(0, 0, 0, 0.25); }
.cloud .tags:hover{ border:0px solid rgba(0, 0, 0, 0.5);}

.cloud .tags span { display: inline-block; color:rgba(75, 75, 77, 1); padding: 5px 0px 5px 0px; line-height: 0px auto; margin-right:10px; }

.cloud span a { color:rgba(0, 0, 0, 0.5); }
.cloud span a:hover { color:rgba(0, 0, 0, 1);}


.cloud .article-list { display:block;padding: 0px 0px; background-color:transparent; font-size:100%;}


.article-tags  { display:block; color:rgba(0, 0, 0, 0.5); font-size:100%; padding: 0px 0px 0px 0px; line-height: inherit; margin-bottom: 10px; }
.article-tags span { display: inline-block; color:inherit; font-size:100%; padding: 1px 0px 1px 0px; line-height: inherit; }
.article-tags span a { color:rgba(0, 0, 0, 0.5); }
.article-tags span a:hover { color:rgba(0, 0, 0, 1); } 

/*=======================================================================

	NAVIGATION
 
 ========================================================================*/


.page-navigation {	border-bottom: 0px solid #eee; padding: 0px 0px; }

.navbar .row { margin: 0 auto; max-width: 1200px; min-width: 320px; padding-left: 0px; padding-right: 0px; }

.navbar .logo { display: inline-block; background: none; height: auto; line-height: inherit; margin: 0 0 0 0; padding: 0;  float: right; }
.navbar .logo a { display: block; height: auto; line-height: inherit; overflow: hidden; padding: 0; } 
.navbar ul li.home > a { background-image:; background-repeat:no-repeat; background-position:left top; color: rgba(0, 96, 169, 1); }
.gumby-no-touch .navbar ul li.home:hover > a, .gumby-touch .navbar ul li.home > a { background-repeat:no-repeat; background-position:center top; color: rgba(255, 255, 255, 0.8); }
.navbar ul li.search > a { background-image:; background-repeat:no-repeat; background-position:right top; color: rgba(0, 96, 169, 1);}
.gumby-no-touch .navbar ul li.search:hover > a, .gumby-touch .navbar ul li.search > a { background-repeat:no-repeat; background-position:center top; color: rgba(255, 255, 255, 0.8); }
.navbar ul li.slidemenu a { color:#fff !important;}

@media only screen and (max-width: 999px) { .navbar ul li.home { display: none !important; } }

.navbar .logo a img { display: none; max-height: 100%; max-width:60px; margin: 10px 0px auto 0px;}
.navbar.fixed  .logo a img { display: table; max-height: 100%; max-width:60px; margin: 10px 10px auto; }

.navcontain { height: auto; min-height:80px; padding:0px 0; margin: 0 auto; max-width:1200px ; }
.navbar { background: rgba(255, 255, 255, 0.25); text-align: inherit; border-bottom: 0px solid rgba(0, 0, 0, 0); min-height: 30px; margin-bottom: 0px; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); z-index:1; }
.navbar.fixed { background-color:rgba(255, 255, 255, 1); text-align:inherit; border-top: 0px solid rgba(163, 0, 88,  1);border-bottom: 0px solid rgba(0, 0, 0, 0.7);left: 0;position:fixed; top: 0 !important; z-index: 999; }
.navbar ul { display: inline-block; font-size:110%; list-style: none outside none; top: 80px; margin-top: 0px;}
.navbar ul li { display: inline-table; max-height: inherit; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-right:0px solid rgba(51, 51, 51, 1);}
.navbar ul li > a { display: inline-block; font-size: inherit; background-image: ; background-repeat:no-repeat; background-position:0 19px; color: rgba(0, 0, 0, 0.5); text-align: left; font-weight:600; text-shadow: 0 0 20px #ffffff, 0 0 20px #ffffff; padding: 0 20px; height: 80px;line-height: 80px;opacity:1;}
.navbar.fixed ul li > a { color: ; text-align: left; text-shadow: none !important; padding: 0 20px; height: 80px;line-height: 80px;opacity:1;}
.navbar ul li.active > a, .navbar ul li.current > a { background-color:rgba(255, 255, 255, 1); padding: 0 20px; opacity:1; }
.navbar ul li.active > a:hover.navbar ul li.active > a, .navbar ul li.current > a { background-color:#2cf; padding: 0 20px; opacity:1; font-weight:700;}
.navbar ul li.active > a, .navbar ul li.current > a { color: rgba(163, 0, 88,  1); background-color: rgba(163, 0, 88,  0); padding: 0 20px;}
.navbar.fixed ul li.active > a, .navbar.fixed ul li.current > a { color:rgba(163, 0, 88,  1); background-color: rgba(163, 0, 88,  0); padding: 0 20px;}

.navbar ul li .dropdown { background-color:rgba(163, 0, 88,  1); max-width: ; }
.navbar.fixed ul li .dropdown { background-color:; max-width:; }

.navbar li .dropdown ul { display: block; font-size:100%; margin: 0; }

.navbar li .dropdown ul > li { background: none repeat scroll 0 0; border-right: 0px solid #fff; min-height:1px;  }

.navbar li .dropdown ul > li a { font-weight:400; }
.navbar ul li { display: inline-table; background: rgba(0, 0, 0, 0) ; border-right:0px solid rgba(51, 51, 51, 1);}
.navbar.fixed ul li { display: inline-table; border-right:0px solid rgba(51, 51, 51, 1);}

.navbar li .dropdown ul > li a { display: block; background: none; padding: 0 20px; color:rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(255, 255, 255, 0.25); text-shadow: none; height: 41px; line-height: 39px; font-weight:400; overflow:hidden; text-overflow: ellipsis;}
.navbar li .dropdown ul > li a:hover { color: rgba(0, 96, 169, 1); }

.navbar li .dropdown ul > li .dropdown { background-color: rgba(163, 0, 88,  0.75);}


.gumby-no-touch .navbar ul li:hover .dropdown, .gumby-touch .navbar ul li.active .dropdown { border-top: 0px solid #fc9; max-height:800px; min-height:30px; }
.gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a { position: relative; background-image:; background-position: center top; background-repeat:no-repeat; background-color:rgba(255, 255, 255, 1); color:rgba(163, 0, 88, 1); z-index: 1000; }
.gumby-no-touch .navbar.fixed ul li:hover > a, .gumby-touch .navbar.fixed ul li.active > a { position: relative; background-color: ; background-image:; background-position: center top; color:rgba(163, 0, 88, 1); z-index: 1000; }
.gumby-no-touch .navbar.fixed ul li:hover > a.current, .gumby-touch .navbar.fixed ul li.active > a.current { background-color: ; color:rgba(163, 0, 88, 1); }

.gumby-no-touch .navbar ul li:hover .dropdown ul { position: relative; top: 0; min-height: 0px; max-height: 480px; height: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown, .gumby-touch .navbar li .dropdown ul > li.active .dropdown { min-height:0px; }


@media only screen and (max-width: 799px) {

.navcontain { height:80px; margin: 0 0px; padding:0px 0; }
.navbar ul li.home { display: ; margin-left: 0px; }
.navbar { background:; z-index:999;  -moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000;}
.navbar .logo { display: inline-block; height: 80px; line-height: inherit; margin: 0 0 0 0; padding: 0;  float: right; }

.navbar.fixed { background:rgba(255, 255, 255, 1); position:fixed !important;}
.navbar.fixed  .logo a img { display: inline-block; max-width:60px; margin: 10px 10px auto auto;}

.navbar ul { background-color: ;}
.navbar ul.active { background-color: rgba(255, 255, 255, 0); max-height: 900px; box-shadow: none !important; }
.navbar ul li > a { display: block; background-color: rgba(135, 136, 138, 0.75); color:rgba(255, 255, 255, 0.9); text-align: left; font-weight:700; text-shadow: none !important; padding: 0 20px; height: 60px;line-height: 60px;opacity:1;}
.navbar.fixed ul li > a { color:rgba(255, 255, 255, 1); text-align: left; font-weight:700; text-shadow: none !important; padding: 0 20px; height: 60px;line-height: 60px;opacity:1;}
.navbar ul li.search a { background:none; color: rgba(0, 0, 0, 1);}

.navbar ul li { display: inline-table; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin: 0 0 1px; border-right:0px solid rgba(51, 51, 51, 1);}
.navbar ul li.active > a, .navbar ul li.current > a { background-color: rgba(163, 0, 88,  1); color: rgba(255, 255, 255, 1); padding: 0 20px;}
.navbar.fixed ul li.active > a, .navbar.fixed ul li.current > a { background-color:rgba(163, 0, 88,  1); color: rgba(255, 255, 255, 1); padding: 0 20px;}

.navbar ul li .dropdown { background-color: rgba(255, 255, 255, 0.9); color: rgba(136, 184, 223, 1); max-width: 800px; }
.navbar li .dropdown ul { display:block; background-color: rgba(255, 255, 255, 0.9); color: rgba(136, 184, 223, 1);  }

.gumby-no-touch .navbar ul li:hover .dropdown ul { overflow: auto;  background:rgba(255, 255, 255, 0.25); }
.gumby-no-touch .navbar ul li:hover .dropdown ul li { max-height: 480px; }

.gumby-no-touch .navbar ul li:hover .dropdown ul li a { color: #000 !important; border-bottom: 1px solid #ccc; }
.gumby-no-touch .navbar ul li:hover .dropdown ul li a:hover { color: #f93; }

.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown ul, .gumby-touch .navbar li .dropdown ul > li.active .dropdown ul { background: rgba(255, 255, 255, 0.75) !important; }

}

@media only screen and (max-width: 799px) { .navbar.fixed { background:; position: fixed !important;} }

.gumby-no-touch .navbar li .dropdown ul li a:hover { background:rgba(163, 0, 88,  1); transition: all 1s ease-in-out; }


/* Sectoren */

@media only screen and (max-width: 799px) { .navbar a.toggle { top: 10px; left: 10px; width: 60px; position: absolute; text-align: center; display: inline-block; background-color: rgba(255, 255, 255, 0.75); color: rgba(163, 0, 88,  1); height: 60px; line-height: 60px; -webkit-border-radius: 1%; -moz-border-radius: 1%; -ms-border-radius: 1%; -o-border-radius: 1%; border-radius: 1%; border: 0px solid  rgba(255, 255, 255, 1); font-size: 200%; font-size: 2rem; }
  .navbar a.toggle:hover { background-color: rgba(0, 0, 0, 0); color: rgba(163, 0, 88, 1); }
  .navbar a.toggle:active, .navbar a.toggle.active { background: rgba(163, 0, 88,  1); color:  rgba(255, 255, 255, 0.75); }
}
  
@media only screen and (max-width: 479px) {
	.navbar .logo a img, .navbar.fixed .logo a img { display: inline-block; max-width:60px; margin: 10px 10px auto auto;}
	.global-logo { display: none;}
}

@media only screen and (max-width: 320px) {
.navcontain { height:80px; padding:0px 0; }
.navbar { background:; }
.navbar.fixed { background:; position: relative !important;}
}


 /*=======================================================================

	FX
 
 ========================================================================*/

.rounded, .image.rounded { -webkit-border-radius: 10px 10px; -moz-border-radius: 10px 10px;	-ms-border-radius: 10px 10px;	-o-border-radius: 10px 10px; border-radius: 10px 10px; }
.border { border: 5px solid rgba(255, 255, 255, 1); }
.shadow { -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
.shadow-inset {	-moz-box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25);-webkit-box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25); }
.object-shadow { -webkit-box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25);	-moz-box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25);	box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25); }
.circle { -webkit-border-radius: 50%;	-moz-border-radius: 50%; border-radius: 50%; border:5px solid rgba(0, 0, 0, 0.1); }
.image.photo { border: 10px solid rgba(255, 255, 255, 1); box-shadow: 0 0 3px #999; }
.rotate3 { -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg);	-o-transform:rotate(3deg); transform:rotate(3deg); }
.rotate-3 {	-moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); }
.transition { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out; }
.perspektive { -moz-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg);	-webkit-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg);	-o-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg); -ms-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg); transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg); 	-webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out; }
.perspektive:hover { -moz-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); z-index:99; }
.scale { -moz-transform: scale(1); -webkit-transform: scale(1);	-o-transform: scale(1);	-ms-transform: scale(1); transform: scale(1); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; 	-o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.scale:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);	-ms-transform: scale(1.1); transform: scale(1.1); background:transparent; z-index: inherit; overflow:visible !important; -moz-box-shadow: 0px 0px 0px #333; -webkit-box-shadow: 0px 0px 0px #333;	box-shadow: 0px 0px 0px #333; }


/*=======================================================================

	TEASER
 
 ========================================================================*/
 
 
 /* Typ - elements */
 
.elements { display:block; position:relative; margin: 0px auto  0px auto; padding: 0px; text-align:;}

.elements .picture { display:block; position:relative; margin: 0px auto  0px auto; padding: 0px 0px 0px 0px !important; line-height:0; text-align:;}

.elements ul { margin: 0px 0px  0px 0px; padding: 0px 0px 0px 0px; }
.elements li { list-style:none; margin: 0px 0px 0px 0px; }
.elements a { color: rgba(0, 0, 0, 1); }
.elements a:hover { color: rgba(0, 87, 157, 1); transition: all 1s ease-in-out; }

.elements .wrapper {  background-size:cover; display: block; margin: 0px; padding: 0px; position:relative; }

.elements .imagebox { display:block; position:relative; margin: 0px auto 10px auto; padding: 0px 0px; line-height:1; }
.elements .iconbox { display:block; position:relative; font-size:600%; font-weight:300; margin: 0px auto  0px auto; padding: 0px 0px; line-height:1.2; }

.elements .infobox { display:block; position:relative; margin: 0px auto  0px auto; padding: 0px 0px; line-height:1; }
.elements .infobox:hover {  }
.elements .headline  { display: inline-block; background-color:rgba(255, 255, 255, 0); color:rgba(0, 0, 0, 1); font-size:100%; line-height:1.3em; font-weight:600; margin: 0px auto 0px auto; padding: 10px 20px 5px 20px; overflow: hidden; }
.elements .description  { display:block;background-color:rgba(255, 255, 255, 0);font-size:90%; color:rgba(0, 0, 0, 0.75); font-weight: 100; line-height:1.3em; margin: 0px 0px 0px; padding: 5px 20px 10px 20px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);}
.elements .description:hover { }
.elements .copyright  { display:block; color:rgba(0, 0, 0, 0.5); font-weight: 100; line-height: inherit; margin: 0px 0px 0px; padding: 5px 0px 5px 0px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);}

.elements .optionbox { display:block; font-size:200%;  position:relative; margin: 0px auto  0px auto; padding: 0px 0px; line-height:1.2; text-align:right; }
.elements .optionbox:hover {  }

.elements .link { display:inline-block;}




 /* Typ - metabox */

.metabox { display:block; position:relative; margin: 0px auto  0px auto; padding: 0px; }
.metabox .image { display:block; line-height:0;}

.metabox .infobox { display:block; margin: 0px 0px 0px 0px; padding: 0px 0px; }
.metabox .infobox:hover {  }
.metabox .headline  { display: block; background: none; border-bottom: 1px solid rgba(0, 0, 0, 0.5); color:rgba(0, 0, 0, 1); margin: 0px auto 0px auto; padding: 10px 0px 10px 0px; overflow: hidden; }
.metabox .description  { display:block;font-size: 1rem; font-weight: 100; line-height: 1.6em; margin: 0px 0px 0px; padding: 10px 0px 10px 0px; border-top: 1px solid rgba(255, 255, 255, 0.25);; border-bottom: 1px solid rgba(255, 255, 255, 0.0);}
.metabox .description:hover { }

.metabox .optionbox { display:block; position: relative; bottom:0; font-size: 240%;  margin: 0px 0px 0px 0px; padding: 0px 0px; line-height:50px; }
.metabox .optionbox:hover { transition: all 1s ease-in-out; }
.metabox .optionbox span  { display: inline-block; text-align:center; width: auto; background: none; margin: 0px auto 0px auto; padding: 10px 0px; }


 /* Typ - iconlist */

.liste { display:block; font-size: 100%; text-align:left; position:relative; margin: 0px auto  0px auto; padding: 0px;}

.liste ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.liste li { list-style:none; margin: 0px 0px 0px 0px; }

.liste span { display: inline-block; float:; line-height: 0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.liste a { color:rgba(0, 124, 194, 1); }
.liste a:hover { color: rgba(0, 87, 157, 1); }

.liste .wrapper { background-color: rgba(255, 255, 255, 0.25); background-size:cover; border-top: 0px solid #FFFFFF; display: block; margin:0px 0px 1px 0px; padding:0px 0px; position:relative;}
.liste .wrapper:hover {  background-color: rgba(255, 255, 255, 0.75); background-size:cover; transition: all 1s ease-in-out; }

.liste .picture { display:block; line-height: 0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.liste .icon { display:block;font-size:140%; font-weight: 100; padding: 20px 20px; line-height: inherit; text-align:center;}

.liste .infobox { display:block; margin: 0px 0px; padding: 10px 10px; }
.liste .headline  { display: inline-block;font-size:140%;font-weight: 600; background: none; line-height: inherit; font-weight:400; margin: 0px auto 0px auto; padding:10px 10px; overflow: hidden;}
.liste .description  { display: block;font-size: 1rem; font-weight: 100; text-align:inherit; line-height: 1.6em; margin: 0px 0px; padding: 5px 10px; border-top: 1px solid rgba(122, 181, 29, 1);}
.iconlist .description:hover { }

.liste .link { display: table-cell;font-size:120%; font-weight: 100; text-align:center; line-height: inherit; text-align:right; margin: 0px 0px; padding: 5px 10px;}
.liste .datetime { display: block;font-size:120%; font-weight: 600; text-align:center; line-height: inherit; margin: 0px 0px; padding: 5px 10px;}

@media only screen and (max-width: 800px) { .liste { text-align: center; } .liste .picture { display:block; margin: 0px 10px; padding: 0px 10px; } }
@media only screen and (max-width: 480px) { .liste { text-align:center; } }


 /* Typ - block */

.block { display:block; text-align:center; color: rgba(0, 0, 0, 0.75); position:relative; margin: 0px 0px  0px 0px; padding: 0px 0px 0px 0px; }

.block li { list-style:none; margin: 0px 0px 0px 0px; }

.block  a { color: ; }
.block  a:hover { color: ; transition: all 1s ease-in-out; }

.block .image { display: block; line-height:0; }

.block .wrapper {display: block; position:relative; background-color:rgba(255, 255, 255, 1); border: 1px solid rgba(0, 0, 0, 0.1); margin: 0px 0px; padding: 20px 20px; }
.block .wrapper:hover { background-color: rgba(163, 0, 88,  1); color:rgba(255, 255, 255, 1); transition: all 1s ease-in-out;}

.block .infobox { display:block; background:rgba(255, 255, 255, 0) none repeat scroll 0 0; margin: 0px 0px 0px 0px; padding: 0px 0px; }
.block .infobox:hover { transition: all 1s ease-in-out; }

.block .datetime { display: inline-block; margin: 0px 0px 0px 0px; padding: 5px 0px; }
.block .headline  { display: block; background: none; color: inherit; font-size:110%; font-weight:500; margin: 0px auto 0px auto; padding: 10px 0px; overflow: inherit; }
.block .description  { display:block;font-size: 1rem; font-weight: 100; line-height: 1.6em; margin: 0px 0px 0px; padding: 10px 0px; border-top: 0px solid rgba(163, 0, 88,  0.5); border-bottom: 0px solid rgba(163, 0, 88,  0.5);}

.block .optionbox { display:block; position: relative; bottom:0; right:0px; margin: 0px 0px 0px 0px; padding: 0px 0px; line-height:50px; }
.block .optionbox:hover { transition: all 1s ease-in-out; }

.block .icon  { display: inline-block; font-size: 400%; width: auto; background: none; color: rgba(163, 0, 88,  1); margin: 0px auto 0px auto; padding: 0px 20px; }
.block .icon:hover  { color: rgba(255, 255, 255, 1); }

.block .link  { display:block; color: rgba(163, 0, 88,  1); font-size: inherit; font-weight: 400; line-height: normal; margin: 0px 0px; padding: 10px 10px; }
.block .link:hover  { color: rgba(255, 255, 255, 1); }


/* Typ - vcard */

.vcard { display:block; text-align:left; color:rgba(0, 0, 0, 0.75); position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.vcard li { list-style:none; margin: 0px 0px; }

.vcard  a { color: rgba(0, 0, 0, 1); }
.vcard  a:hover { color: rgba(0, 0, 0, 0.75); }

.vcard .picture { display:block; margin: 0px -80px 0px 0px; padding: 0px 0px; text-align: center;}
.vcard .image { display: block; }

.vcard .wrapper {display: block; background-color:rgba(255, 255, 255, 1); margin: 0 60px 20px 0; padding: 20px 20px; position:relative;}
.vcard .wrapper:hover { background-color: ; transition: all 1s ease-in-out;}

.vcard .infobox { display:block; background:rgba(255, 255, 255, 0) none repeat scroll 0 0; margin: 0px 0px 0px 0px; padding: 0px 0px; }
.vcard .infobox:hover { transition: all 1s ease-in-out; }

.vcard .optionbox { display:block; position: absolute; bottom:0; left:0px; margin: 0px 0px 0px 0px; padding: 0px 0px; line-height: 40px; }
.vcard .optionbox:hover { transition: all 1s ease-in-out; }

.vcard .icon { font-size: 180%;}


.vcard .headline  { display: table-cell; font-weight:; margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; overflow:hidden; border-bottom:1px solid rgba(0, 0, 0, 0.75); }
.vcard .description  { display:block;font-size: 1rem; font-weight: 100; line-height: 1.6em; margin: 0px 0px 0px; padding: 7px 0px 7px 0px; border-bottom: 0px solid rgba(255, 255, 255, 0.25);}
.vcard .description:hover { }

.vcard .zusatz  { display: inline-block;font-size: 1rem;line-height: 1.6em; margin: 0px 0px 0px; padding: 10px 0px 0px 0px; border-bottom: 0px solid rgba(255, 255, 255, 0.25);}

.vcard .mid  { display:block; font-size: 80%;  color: rgba(255, 255, 255, 0.25); font-weight: 100; line-height: inherit; margin: 0px 0px; padding: 10px 0px 10px 0px; }

.vcard .link { display: inline-block; position: absolute; left: 40px; bottom: -20px; background-color: rgba(163, 0, 88,  1); color:rgba(255, 255, 255, 1); min-width: 100px; }
.vcard .link a { display:inline-block; color:rgba(255, 255, 255, 1); padding: 0px 10px;}
.vcard .link a:hover { color:;}

 
 /* Typ - flyer */

.flyer { display:block; position:relative; margin: 0px 0px; padding: 0px;}

.flyer li { list-style:none; margin: 0px 0px; padding: 0px 0px; line-height:0; }
.flyer .wrapper { background: rgba(0, 0, 0, 0); background-size:cover; background-position: center center; display: block; margin: 0px 0px; padding: 0px 0px; position:relative; transition: all 1s ease-in-out;}
.flyer .wrapper:hover { background: rgba(255, 255, 255, 0); background-size:cover; background-image:; z-index:1; transition: all 1s ease-in-out;}
.flyer .inner { display: block; margin: 0px 0px; padding: 0px 0px; border-radius: 0px 0; position:relative;}

.flyer a { color:rgba(163, 0, 88,  1); text-shadow:0 0 0px rgba(0, 0, 0, 0); }
.flyer a:hover { color: rgba(0, 96, 169, 1); transition: all 1s ease-in-out; }

.flyer .picture  { display:inherit;}

.flyer .infobox  { display:block; position: absolute; top:0px; left:0px; text-align:left; line-height: inherit; margin: 0 0 0 0px; padding: 20px 20px;}
.flyer .datetime  { display:block; background-color:rgba(255, 255, 255, 1); color:rgba(0, 0, 0, 1); position:absolute; top:10px; right:10px; font-size: 1rem; font-weight: 100; line-height: inherit; margin: 0px 0px 0px; padding: 10px 10px; }

.flyer .icon  { display:inline-block;font-size: 180%; font-weight: 100; line-height: inherit; margin: 0px 0px; padding: 10px 10px 10px 10px;}

.flyer .headline  { display: table-cell; background-color:rgba(255, 255, 255, 1); color: inherit; font-size: inherit; line-height:1.5em; font-weight: 500; margin: 0px auto 0px auto; padding: 10px 10px; border-radius:0px 0px; overflow:auto; }

.flyer .headline a { display:inline-block; padding: 0px 0px; }
.flyer .headline a:hover { transition: all 1s ease-in-out; }

.flyer .description { display: inline-block; color:rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 0.75);font-size: 1rem; font-weight: 400; line-height: 1.4em; margin: 0px 0px; padding:7px 10px; border-radius: 0px 0px 0px 0px; }

.flyer .optionbox  { display:block; position: absolute; right:0px; bottom:0px; line-height: inherit; margin: 0px 0px; padding: 20px 20px;}

.flyer .mid { position: absolute; color: rgba(255, 255, 255, 0.1); bottom:10px; right:10px; width:auto; font-size: 80%; padding:20px; }
.flyer .mid:hover { color: rgba(255, 255, 255, 0.75); }

.flyer .icon { display: inline-block; color: inherit; width:auto; font-size: 180%; padding:10px; }
.flyer .icon:hover { color: rgba(255, 255, 255, 0.75); }

.flyer .link { position: absolute; bottom:30px; right:20px; width:auto; font-size: 180%;}

.flyer .free { display:inline-block;}



 /* Typ - newsblock */
 
.newsblock { display:block; text-align:left; color:rgba(0, 0, 0, 0.75); position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.newsblock li { list-style:none; margin: 0px 0px; }

.newsblock  a { color: rgba(0, 0, 0, 1); }
.newsblock  a:hover { color: rgba(0, 0, 0, 0.75); }

.newsblock .image { display: block; }

.newsblock .wrapper {display: block; background-color:rgba(255, 255, 255, 1); margin: 0px 0px 20px 0px; padding: 20px 20px; position:relative;}
.newsblock .wrapper:hover { background-color: ; transition: all 1s ease-in-out;}

.newsblock .infobox { display:block; background:rgba(255, 255, 255, 0) none repeat scroll 0 0; margin: 0px 0px 0px 0px; padding: 0px 0px; }
.newsblock .infobox:hover { transition: all 1s ease-in-out; }

.newsblock .optionbox { display:block; position: absolute; bottom:0; right: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px; line-height: inherit; }
.newsblock .optionbox:hover { transition: all 1s ease-in-out; }

.newsblock .icon { display:block; text-align: center; font-size: 180%;}
.newsblock .picture { display:block; margin: -40px 0px 0px 0px; padding: 0px 0px; text-align: center;}

.newsblock .headline  { display: table-cell; font-weight:; margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; overflow:hidden; border-bottom:1px solid rgba(0, 0, 0, 0.75); }
.newsblock .description  { display:block;font-size: 1rem; font-weight: 100; line-height: 1.6em; margin: 0px 0px 0px; padding: 7px 0px 7px 0px; border-bottom: 0px solid rgba(255, 255, 255, 0.25);}
.newsblock .description:hover { }

.newsblock .zusatz  { display: inline-block;font-size: 1rem;line-height: 1.6em; margin: 0px 0px 0px; padding: 10px 0px 0px 0px; border-bottom: 0px solid rgba(255, 255, 255, 0.25);}

.newsblock .mid  { display:block; font-size: 80%;  color: rgba(255, 255, 255, 0.25); font-weight: 100; line-height: inherit; margin: 0px 0px; padding: 10px 0px 10px 0px; }

.newsblock .link { display: inline-block; position: absolute; right: 20px; bottom: 20px; background-color: rgba(0, 96, 169, 1); color:rgba(255, 255, 255, 1); min-width: 100px; }
.newsblock .link a { display:inline-block; color:rgba(255, 255, 255, 1); padding: 5px 10px 7px 10px !important;}
.newsblock .link a:hover { color:;}

.newsblock time { display: inline; background-color: ; font-size: 90%; font-weight: 400; line-height: normal; text-align:center; margin: 0px 0px  0px 0px; padding: 0 20px 0 0; color:rgba(0, 0, 0, 1); }


@media only screen and (max-width: 767px) { .newsblock time {line-height: 25px !important; padding: 0px 0px; } }


 /* Typ - include */
 
.include { display:block; color: inherit; position:relative; margin: inherit; padding: inherit; }



 /* Typ - Termin */
 
.termin { display:block; color: rgba(0, 0, 0, 0.75); position:relative; margin: 0px auto  0px auto; padding: 0px; border-top: 1px solid rgba(163, 0, 88,  1);}

.newsblock name { list-style:none; margin: 0px 0px; line-height:0; }

.termin a { color:rgba(255, 0, 0, 1); }
.termin a:hover { color:rgba(0, 96, 169, 1); }


 /* Typ - marquee */
 
.marquee { display: inherit; color: rgba(0, 0, 0, 0.5); position:relative; border-bottom: 0px dotted rgba(163, 0, 88,  1); margin: 0px auto  0px auto; padding: 0px; z-index:0;}
.marquee span  { display: inline-block; line-height: inherit; vertical-align:middle; margin: 0px 0px; padding: 0px 10px;}
.marquee .picture  { display: inline-block; margin-right:20px; line-height: inherit; max-width:200px; }
.marquee .headline  { display: inline-block; line-height: inherit; }
.marquee .description  { display: inline-block; line-height: inherit; }
.marquee .link  { display: inline-block; font-size:140%; line-height: inherit;}
.marquee a  { color:rgba(163, 0, 88,  1);}
.marquee a:hover  { color:rgba(0, 124, 194, 1);}

ul.marquee {display:block;padding:0;margin:0;list-style:none;line-height: ;position:relative;overflow:hidden;width:100%;height:inherit;background-color:#eee;border:1px dotted #fff;}
ul.marquee li {position:absolute;top:-999em;left:0;display:block;white-space:nowrap;padding:10px 20px;}

/** downloads **/

.download { display: block; color:rgba(51, 51, 51, 0.5); margin: 0px 0px 0px 0px; padding:0px 0px; border: 0px dotted rgba(51, 51, 51, 0.5);}

.download ul { }
.download li { list-style:none; margin: 0px 0px; line-height:0; padding-bottom: 0px; }

.download img { background-size: cover; width: 100%; }

.download .wrapper { display: block; background-color: rgba(255, 255, 255, 0.5); margin: 0px 0px ; padding: 10px 10px; border-top: 0px dotted rgba(51, 51, 51, 0.5); vertical-align:middle; transition: all 1s ease-in-out; }
.download .wrapper:hover { display: block; background-color: rgba(255, 255, 255, 1); transition: all 1s ease-in-out; }

.download .infobox { display:inline-block; vertical-align:middle; line-height:1; margin: 0px 0px; padding: 10px 10px;}
.download .headline { display:block; font-size:100%; font-weight:700; line-height: 1.2em; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.download .description { display: table; line-height: 1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px; text-align:inherit;}

.download .optionbox { display:inline-block; vertical-align:middle; line-height: inherit; margin: 0px 0px; padding: 10px 10px;}
.download .link { display:inline-block; vertical-align:middle; font-size:200%; font-weight:700; line-height: 1.2em; margin: 0px 0px 0px 0px; padding: 10px 10px; }

.download .icon { display:inline-block; vertical-align:middle; margin: 0px auto 0px auto; padding: 10px 10px; text-align: inherit; width:auto; font-size:200%; line-height:1; }

.download .mid { display: block; vertical-align:middle; margin: 0px auto 0px auto; padding: 20px 0px; text-align: inherit; width:auto; font-size: 80%; }
.download .mid:hover { color: rgba(255, 255, 255, 0.75); }

@media only screen and (max-width: 767px) { .download .mid { padding: 10px 20px 20px 20px; } }
@media only screen and (max-width: 479px) { .download { text-align:center; } }



 /*=======================================================================

	Addons
 
 ========================================================================*/
 
.flex-control-nav { bottom: -40px; position: absolute; text-align: center; width: 100%; }
 
.flexslider { position: relative; background: rgba(255, 255, 255, 0); margin: 0 0 60px; border: 0px solid #ffffff; zoom: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); }
.flexslider .slides { zoom: 1;}
.flexslider .slides img { position:relative; height: auto; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right:0; }

 
.flexslider .wrapper { background: rgba(255, 255, 255, 0); background-size:cover; background-position: center center; border: 0px solid rgba(255, 255, 255, 1); display: block; margin: 0px 0px; padding: 20px 20px; position:relative; transition: all 1s ease-in-out; -webkit-border-radius: 0px 0px; -moz-border-radius: 0px 0px; -ms-border-radius: 0px 0px; -o-border-radius: 0px 0px; border-radius: 0px 0px;}
.flexslider .wrapper:hover { background: rgba(255, 255, 255, 0); background-size:cover; background-image:; transition: all 1s ease-in-out;}

.flexslider a  { background-color:; color: rgba(0, 96, 169, 1);}
.flexslider a:hover  { background-color:; color: rgba(163, 0, 88,  1);}


.flexslider .infobox  { display: inline-block; background-color:rgba(255, 255, 255, 0); position: relative; top:; left:; line-height: inherit; margin: 0px 0px; padding: 0px 0px; -webkit-border-radius: 0px 0px; -moz-border-radius: 0px 0px; -ms-border-radius: 0px 0px; -o-border-radius: 0px 0px; border-radius: 0px 0px;}
.flexslider .datetime  { display: table-cell; background-color:rgba(255, 255, 255, 0); color:rgba(0, 0, 0, 1); position: relative; font-size: 1rem; font-weight: 100; line-height: inherit; margin: 0px 0px 0px; padding: 10px 10px; }

.flexslider .headline  { display: block; background-color: inherit; color: inherit; font-size: inherit; line-height:1.5em; font-weight: 400; margin: 0px auto 0px auto; padding: 10px 0px; border-radius:0px 0px 0px 0px; overflow:auto; text-shadow:0 0 0px #666;}

.flexslider .headline a { display:inline-block; padding: 0px 0px; }
.flexslider .headline a:hover { transition: all 1s ease-in-out; }

.flexslider .description { display: inline-block; color:rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 0);font-size:90%; font-weight: 400; line-height: 1.4em; margin: 0px 0px; padding:0px 0px; border-radius: 0px 0px 0px 0px; }

.flexslider .optionbox  { display:block; position: absolute; width: 100%; bottom:0px; line-height: inherit; margin: 0px 0px; padding: 0px 0px;}

.flexslider .mid { position: absolute; color: rgba(255, 255, 255, 0.1); bottom:10px; right:10px; width:auto; font-size: 80%; padding:20px; }
.flexslider .mid:hover { color: rgba(255, 255, 255, 0.75); }

.flexslider .icon { display: inline-block; color: inherit; width:auto; font-size: 180%;  margin: 0px auto; padding: 10px 0px; }
.flexslider .icon:hover { color: rgba(255, 255, 255, 0.75); }

.flexslider .link { position: relative; bottom: 0px; width:auto; margin: 0px auto; padding:10px 0px; font-size: 100%;}

 /* alerts  */
.carousel .wrapper {display: block; position:relative; background-color:rgba(255, 255, 255, 1); border: 1px solid rgba(0, 0, 0, 0.1); margin: 0px 0px; padding: 20px 20px; }
.carousel .wrapper:hover { background-color: rgba(163, 0, 88,  1); color:rgba(255, 255, 255, 1); transition: all 1s ease-in-out;}
.carousel .infobox  { display: inline-block; background-color:rgba(255, 255, 255, 0); position: relative; line-height: inherit; margin: 0px 0px; padding: 0px 0px; }
.carousel .optionbox  { display:block; position: absolute; width: 100%; left:0; bottom:0px; line-height: inherit; margin: 0px 0px; padding: 0px 0px;}
.carousel .details { display: block; color:rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 0);font-size:90%; font-weight: 300; line-height: 1.4em; margin: 0px 0px; padding:0px 0px; border-radius: 0px 0px 0px 0px; }

.carousel .link { display: inline-block; position: relative; bottom: -20px; background-color: rgba(163, 0, 88,  1); color:rgba(255, 255, 255, 1); font-size: 100%; min-width: 100px; }
.carousel .link a { display:inline-block; color:rgba(255, 255, 255, 1); padding: 0px 10px;}
.carousel .link a:hover { color:;}


 /* partner  */
.partner .wrapper {display: block; position:relative; background-color:rgba(255, 255, 255, 0); border: 0px solid rgba(0, 0, 0, 0.1); margin: 0px 0px; padding: 0px 0px; }
.partner .wrapper:hover { background-color: rgba(255, 255, 255, 0.1); transition: all 1s ease-in-out;}
.partner .picture  { display: inline-block; background-color:rgba(255, 255, 255, 1); position: relative; margin: 0px 0px; padding: 0px 0px; }
.partner .slides img { display: inline-block; vertical-align:middle; position: relative; margin: 0px 0px; padding: 0px 0px; }
.partner .infobox  { display: inline-block; background-color:rgba(255, 255, 255, 0); position: relative; line-height: inherit; margin: 0px 0px; padding: 0px 0px; }
.partner .optionbox  { display:block; position: absolute; width: 100%; left:0; bottom:0px; line-height: inherit; margin: 0px 0px; padding: 0px 0px;}
.partner .details { display: block; color:rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 0);font-size:90%; font-weight: 300; line-height: 1.4em; margin: 0px 0px; padding:0px 0px; border-radius: 0px 0px 0px 0px; }

.partner .link { display: inline-block; position: relative; bottom: -20px; background-color: rgba(255, 255, 255, 0); color:rgba(163, 0, 88,  1); font-size: 100%; min-width: 100px; }
.partner .link a { display:inline-block; color:rgba(163, 0, 88,  1); padding: 0px 10px;}
.partner .link a:hover { color:;}


 
 /* alerts  */
.alert { border-radius: 4px; display: inline-block; margin: 20px 0 0; padding: 0 10px; }

/* TAGs  */

/* tag-results */
.tag-results-list { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block;	clear:both; }
.tag-results { 	border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin: 0px 0px -1px 0px;	padding: 10px 0px 10px 0px;	display: block;	clear:both; }
.tag-results-list h2 a { color: rgba(0, 96, 169, 1); font-weight:600;  }
.tag-results-list h2 a:hover { color:rgba(163, 0, 88, 1); }


/* searchresults */
.searchresults { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear:both; }
.searchresults .wrapper { display: block; margin: 0px 0px 0px 0px; padding: 20px; }
.searchresults a { color: rgba(0, 96, 169, 0.9); }
.searchresults a:hover { color: rgba(0, 96, 169, 1); }
.searchresults li { display: block; margin: -1px 0; background:rgba(255, 255, 255, 0); padding: 10px 0px 10px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); clear: both; }
.searchresults li:hover { background:rgba(255, 255, 255, 0.25); color:rgba(0, 96, 169, 1); transition: 1s ease-in-out; }

.searchresults .icon { display: block; margin: 0px 0px 0px 0px; padding: 20px;font-size: 240%; line-height: normal; }
.searchresults span a:hover, .searchresults span a:hover { color: #c00; }
 
 
/* modal */
.modal { background: rgba(0, 96, 169, 0); }
.modal.active { background: rgba(163, 0, 88,  0.95); transition-duration: 1.0s; transition-property: opacity; }
.modal > .content { position: relative; top: 0%; width: 100%; padding:100px 20px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0); margin: 0 auto; max-height: 100%; min-height: 100%; overflow: auto; }
.modal > .content input[type="search"] { padding:10px 20px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); border: medium none; box-shadow: none; font-size: 1rem; font-weight: 300; margin: 0; max-width: 100%; outline: medium none; resize: none; width: 100%; border: 1px solid #ddd; border-radius: 5px; text-transform: uppercase; }
.modal > .content input[type="submit"] { border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 5px; text-transform: uppercase; }
.modal > .content > .close { color: rgba(255,255,255,1); cursor: pointer; font-size: 200%; position: absolute; right: 20px; top: 10px; z-index: 3; }
.modal > .content h2 { color: rgba(255, 255, 255, 1); cursor: pointer; font-weight:900; font-size: 200%; }

/* trigger */
.trigger { cursor:s-resize;	color: #000; background: url(../img/_ci/nav-icon-bottom-black.png) right center no-repeat; display:block; text-align: left;	margin:0px 0px;	opacity:0.8; border-top: 0px solid #666666; }
.trigger:hover { background: url(../img/_ci/nav-icon-left-black.png) right center no-repeat; color: rgba(0, 96, 169, 1); opacity:1.0; }
.trigger_active { cursor:n-resize; color: rgba(0, 96, 169, 1);	background: url(../img/_ci/nav-icon-top-black.png) right center no-repeat; display:block; text-align: left;	opacity:0.8; }
@media only screen and (max-width: 767px) {  }


/*=======================================================================

	FORM
 
 ========================================================================*/
 
.xform  { background: rgba(0, 0, 0, 0.0); padding: 0px 0px; }
 
form { margin: 0; color: inherit; }

form label { cursor: pointer; display: inline-block; font-size: 100%; line-height: normal; margin-bottom: 0; color: rgba(0, 96, 169, 1); }
form .field { margin-bottom: 10px; position: relative; }
form dt, form div {	margin: 0 0 0px; text-align: left; }
form div.text select { background: -moz-linear-gradient(center top, #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 transparent; border: 1px solid #B7B7B7;	border-radius: 0px;	box-shadow: 0 2px 3px #CCCCCC inset, 0 1px 0 #F4FFF6; outline: medium none !important;	padding: 3px 5px; position: relative; width: auto; }
.field .text input, .field .text input[type="search"], form textarea, .formtext input, textarea, input[type="submit"] { border: medium none; box-shadow: none; display: inline-block; font-size: 100%; margin: 0; outline: medium none;	padding: 0;	resize: none; width: 100%; background:transparent; color:rgba(255, 255, 255, 1); }
form textarea {	height: 150px; }
.field .text input[type="search"] { }
.field .text, .field .search, .field .textarea, p.formtext, p.formtextarea, p.formdatetime, p.formselect { display:block; background: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.75);	border: 1px solid rgba(255, 255, 255, 0.1);	border-radius: 3px;	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1); font-size: 90%; outline: medium none !important;	padding: 20px 20px;	position: relative;	margin:1px 1px; }
.formsubmit { margin:0px 0px; }

.field .text:hover, .field .search:hover, .field .textarea:hover, p.formtext:hover, p.formtextarea:hover { }

.field .text.oval {	border-radius: 1000px 1000px 1000px 1000px; }
input[type="submit"] { background:rgba(0, 96, 169, 1); color:rgba(255, 255, 255, 1); display: inline-block; margin-top:10px; padding: 20px 20px !important; max-width:240px; cursor:pointer; border: 0px solid #eee; border-radius: 3px; box-shadow: 0px 0px 3px #999; }
input[type="submit"]:hover { background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 1px #999; color: rgba(0, 96, 169, 1); }

/* Buttons */
.btn.medium, .skiplink.medium { font-size: 16px; font-size: 1rem; height: 36px; line-height: 34px; font-weight:100; }
.btn > a, .btn input, .btn button, .skiplink > a, .skiplink input, .skiplink button { display: block; padding: 0 10px; height: 100%; }
.btn.medium a, .skiplink.medium a { padding: 0 20px; color: #666; }
.btn.medium a:hover, .skiplink.medium a:hover { color: #000; }


 /*=======================================================================

	END
 
 ========================================================================*/
 
 /*=======================================================================

	END
 
 ========================================================================*/