/* 
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/


.nivo-directionNav a {
	display: none !important;
}


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, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

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

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; 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 #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */

/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

There are three custom edits:
 * remove arial, helvetica from explicit font stack
 * make the line-height relative and unit-less
 * remove the pre, code styles
*/
body { font:16px sans-serif; *font-size:small; *font:x-small; line-height: 1; }

table { font-size:inherit; font:100%; }

select, input, textarea { font:99% sans-serif; }


/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 


/* 
 * minimal base styles 
 */


/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color:#333; }

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
 
/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
h1,h2,h3,h4,h5,h6 { text-rendering: optimizeLegibility; }

/* maxvoltar.com/archive/-webkit-font-smoothing */
/*html { -webkit-font-smoothing: antialiased; } */

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #036; }
a:hover { color: #89bb16; }


ul { margin-left:20px; }
ol { margin-left:20px; list-style-type: decimal; }

small { font-size:85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align:top; } 

table.td-middle th, 
table.td-middle td, 
table.td-middle td img {vertical-align: middle;}

table.td-gray th {background-color: #E5E5E5; border: 3px solid #FFF; padding: 6px;}
table.td-gray td {background-color: #F0F0F0; border: 3px solid #FFF; padding: 3px;}

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #89bb16; color:#fff; text-shadow: none; }
::selection { background:#89bb16; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #89bb16; } 


/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; } /* END Hides from IE-mac \*/





 /* Primary Styles
    Author: 
 */

@font-face {
  font-family: 'Con-ExtraLight';
  src: url('../fonts/con-extralight-webfont.eot');
  src: local('☺'), url('../fonts/con-extralight-webfont.woff') format('woff'), url('../fonts/con-extralight-webfont.ttf') format('truetype'), url('../fonts/con-extralight-webfont.svg#webfontMObx1Abs') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Con-Light';
  src: url('../fonts/con-light-webfont.eot');
  src: local('☺'), url('../fonts/con-light-webfont.woff') format('woff'), url('../fonts/con-light-webfont.ttf') format('truetype'), url('../fonts/con-light-webfont.svg#webfont7NbPDZXD') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Con-ExtraLightItalic';
  src: url('../fonts/con-extralightita-webfont.eot');
  src: local('☺'), url('../fonts/con-extralightita-webfont.woff') format('woff'), url('../fonts/con-extralightita-webfont.ttf') format('truetype'), url('../fonts/con-extralightita-webfont.svg#webfont8FNKjHwD') format('svg');
  font-weight: normal;
  font-style: normal;
}

    .Con-ExtraLight {
      font-weight: normal;
      font-style: normal;
      line-height:normal;
      font-family: 'Con-ExtraLight', sans-serif;
      font-size-adjust: 0.44;
    }
    .Con-Light {
      font-weight: normal;
      font-style: normal;
      line-height:normal;
      font-family: 'Con-Light', sans-serif;
      font-size-adjust: 0.44;
    }
    .Con-ExtraLightItalic {
      font-weight: normal;
      font-style: normal;
      line-height:normal;
      font-family: 'Con-ExtraLightItalic', sans-serif;
      font-size-adjust: 0.44;
    }


html, body { 
 text-align:center; 
 background-image: url(../pics/background.gif);
 height: 100%;
 font-family: 'Con-ExtraLight', Arial, Helvetica, sans-serif;
 color: #444;
} 
 
.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}

#container{ 
   position:relative; /* needed for footer positioning*/
  margin:0 auto; /* center, not in IE5 */
  width:950px; 
    text-align:left;  
   height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */ 
   background-color: #FFF;
  -moz-box-shadow: 0px 0px 26px #DDD;
  -webkit-box-shadow: 0px 0px 26px #DDD;
  box-shadow: 0px 0px 26px #DDD;   
 }

#header{
 position:relative; 
 height:123px; 
 background-color: #FFF;
 width:100%;
} 
 
#language {
  position:absolute; 
  top: 16px; 
  left: 34px; 
  width: 100px;
  height: 13px;
  overflow:hidden;
line-height: 13px;
  color: #777; 
  z-index:901;
  opacity: 0.2;
  -moz-opacity:0.2;
  filter:alpha(opacity=20);
}

#language:hover {
  opacity: 1;
  -moz-opacity:1;
  filter:alpha(opacity=100);
}
 
#logo {
  float: right;
  width: 170px;
  height: 65px;
  margin: 35px 43px 0 0;
  }

body.ie6 #logo {margin: 35px 20px 0 0;}

#logo-card-group,
#logo-ee {
  float: right;
  width: 170px;
  margin: 28px 43px 0 0;
  }

body.ie6 #logo-card-group,
body.ie6 #logo-ee {margin: 28px 20px 0 0;}

#logo-winter {
  float: right;
  width: 170px;
  height: 65px;
  margin: 10px 43px 0 0;
  }

body.ie6 #logo-winter {margin: 10px 20px 0 0;}

#logo-visioncard, #logo-novacard, #logo-as-electronics {
  float: right;
  width: 270px;
  height: 57px;
  margin: 33px 28px 0 0;
  }

body.ie6 #logo-visioncard,
body.ie6 #logo-novacard,
body.ie6 #logo-as-electronics
 {margin: 33px 5px 0 0;}

#logo-idvation {
  float: right;
  width: 240px;
  height: 57px;
  margin: 33px 28px 0 0;
  }

body.ie6 #logo-idvation {margin: 33px 5px 0 0;}

#logo-ppc-card, #logo-inplastor-exceet {
  float: right;
  width: 300px;
  margin: 15px 28px 0 0;
  }

body.ie6 #logo-ppc-card,
body.ie6 #logo-inplastor-exceet  {margin: 15px 5px 0 0;}

#logo-contec, #logo-inplastor {
  float: right;
  width: 200px;
  height: 60px;
  margin: 33px 43px 0 0;
  }

body.ie6 #logo-contec,
body.ie6 #logo-inplastor {margin: 33px 20px 0 0;}

#logo-ees-as {
  float: right;
  width: 350px;
  height: 81px;
  margin: 23px 43px 0 0;
  }

body.ie6 #logo-ees-as {margin: 23px 20px 0 0;}

#logo-ees-contec,
#logo-ees-mikrap {
  float: right;
  width: 270px;
  height: 81px;
  margin: 23px 28px 0 0;
  }

body.ie6 #logo-ees-contec,
body.ie6 #logo-ees-mikrap
 {margin: 23px 5px 0 0;}

/* body.ie7 #logo {display: none!important;} */

#headerimage{
 position:relative; 
 width:950px;
 margin-bottom: 10px;
} 

body.ie6 #headerimage,
body.ie7 #headerimage,
body.ie8 #headerimage { position:static; }

 
#twocols{
 width:950px; 
/* width:695px; nicht 950 machen wenn links eine Menüleiste*/
 float:right; 
 position:relative; 
  }
 
#threecols {
 /*width:695px; /* ORG von Tempalte */
 width:730px; /* wenn links eine Menüleiste (#leftcol), sonst 950px */
 float:right; 
 position:relative; 
  
}
 
#leftcol{
 width:210px; 
 float:left; 
 position:relative; 
 padding: 10px 0 0 15px;
 }


#twocols #rightcol{
 width:275px; 
 float:right; 
 position:relative; 
 margin-bottom: 20px;
 }

#threecols #rightcol {
 width:210px; 
 float:right; 
 position:relative; 
 }

 
#maincol{
 background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:610px; 
 min-height: 500px;
 background-color: #FFF;
 padding-bottom: 80px;
 padding-left: 32px; 
 line-height: 20px;
 }

#threecols #maincol {
 width:490px; 
 min-height: 500px;
 padding-left: 15px;


}
 
/* #member-of {
 width: 950px;
 clear:both;
 text-align: right;
 font-size: 90%;
 padding-bottom: 30px;
 position: absolute;
 right: 0;
 bottom: 20px;
 } 
bis 01.09.2014 */

#member-of {
 width: 950px;
 height: 50px;
 clear:both;
 text-align: right;
 font-size: 90%;
 padding-bottom: 30px;
 } 
 
#member-of img {margin: 0 0 10px 0px; }

#footer{

 position:absolute;
 bottom:0;
 left:0;

 height:30px; 
              margin:-30px 0 auto;

 width: 950px;
 clear:both;
 background-image: url(../pics/background.gif);
 text-align: right;
 font-size: 90%;
 } 
 
#footer ul {list-style-type: none;}
#footer ul li {display: inline; padding: 10px;line-height: 30px; text-transform: uppercase;}

#footer ul li a, #footer ul li a:visited, #footer ul li a:active { color: #7D7D7D; text-decoration: none; }

#footer ul li a:hover { color: #666; text-decoration: underline; }

.box, blockquote {padding: 5px; margin: 5px 0 5px 0; background-color: #F3F3F3;}
.box-right {padding: 5px; margin: 5px 30px 5px 0; background-color: #F3F3F3;}


.left {float: left;}


.left {float: left; padding-right: 15px;}





/* MAIN MENU STYLES */
/* **************** */

ul#navmenu-h { float: left; margin: 0; padding: 80px 0px 0 15px; list-style: none; position: relative; z-index:900; }


ul#navmenu-h ul {
 width: 160px; /* Sub Menu Width */
/* height: 220px;*/
 margin: 0;
 padding: 5px 0px;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 10px;  
 background-image: url(../pics/navi-bg-trans.png);
}

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: -5px; left: 100%; }

ul#navmenu-h li { float: left; display: inline; position: relative; }
ul#navmenu-h ul li { width: 100%; display: block; }

/* Root Menu */
ul#navmenu-h a {
 font-size: 20px;
 padding: 8px 20px 10px 20px;
 float: left;
 display: block;
 color: #444;
 font: Con-ExtraLight, sans-serif;
 text-decoration: none;
 height: 1%;

}

/* Root Menu */
ul#navmenu-h.ir-navi a {
 padding: 8px 12px 10px 12px;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
 color: #89bb16;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a,
ul#navmenu-h li.sfHover li a {
 float: none;
 color: #444;
 font-size: 15px;
 margin: 5px 5px 0px 5px;
 padding: 6px 3px 2px 3px;
 font: Con-Light, sans-serif;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
 background: #89bb16;
 color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
 background: transparent;
 color: #444;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
 background: #89bb16;
 color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
 background: transparent;
 color: #444;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
 background: #89bb16;
 color: #FFF;
}

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

/* HIDE NAVI  option menu generated by slectnav.min.js - more style definitions at the bottom of this file */
.selectnav { display: none; }



/* LEFT MENU STYLES */
/* **************** */


div#leftcol {width: 190px; overflow: hidden;}

div#leftcol ul {margin: 0; padding: 0;}

div#leftcol ul li {
  margin: 5px 0;
  padding: 0px;
  list-style-type: none;
  background-color: #F0F0F0;
  }

li.leftnav1 a, 
li.leftnav1 a:active,
li.leftnav1 a:visited { 
  padding: 5px;
  color: #545454; 
  text-decoration: none; 
  display: block;  
  }
li.leftnav1 a:hover { 
  color: #FFF; 
  background-color: #89BB16;
  text-decoration: none; 
  display: block; 
  }

li.leftnav2 a, 
li.leftnav2 a:active,
li.leftnav2 a:visited { 
  margin-left: 11px;
  padding: 0 0 0 13px;
  font-size: 12px;
  color: #545454; 
  text-decoration: none; 
  display: block;  
  line-height: 20px;
  }
li.leftnav2 a:hover { 
  color: #FFF; 
  text-decoration: none; 
  display: block; 
  }

li.leftnav3 a, 
li.leftnav3 a:active,
li.leftnav3 a:visited { 
  margin-left: 22px;
  padding: 0 0 0 13px;
  font-size: 11px;
  color: #545454; 
  text-decoration: none; 
  display: block;  
  line-height: 20px;
  }
li.leftnav3 a:hover { 
  color: #FFF; 
  text-decoration: none; 
  display: block; 
  }
  
  
  
  
  
  

/* MAIN CONTENT STYLES */
/* **************** */


div#maincol h3.subtitle + h1.title {
  margin: 10px 0 16px 0;
  text-transform: uppercase;
}

div#maincol h1.title {
  margin: 10px 0 10px 0;
  font: Con-Light;
  font-size: 27px;
  color: #444;
  font-weight: normal;
}


div#maincol h3.subtitle {
  margin: 10px 0 18px 0;
  font: Con-Light;
  font-size: 17px;
  color: #999;
  font-weight: normal;
  text-transform: uppercase;  
}

h3.subtitle .breadcrumb {
  font-size: 15px;
}

h3.subtitle .breadcrumb a {
    text-decoration: none;
    color: #999;    
}

h3.subtitle .breadcrumb a:hover { color: #89BB16}

h1,h2,h3,h4,h5,h6 {
  font: Con-Light;
  font-weight: normal;  
}

h1 { margin: 16px 0 10px 0; font-size: 28px; }
h2 { margin: 13px 0 7px 0; font-size: 25px; color: #777; line-height: 105%; }
h3 { margin: 13px 0 7px 0; font-size: 23px; color: #999; line-height: 110%; }
h4 { margin: 13px 0 7px 0; font-size: 20px; }
h5 { margin: 13px 0 7px 0; font-size: 18px; }
h6 { margin: 13px 0 7px 0; font-size: 16px; }

div#maincol p {padding-top: 7px; padding-bottom: 7px; text-align:justify;}

div#maincol ul {padding: 5px 0 5px 0px;}









/* ******************* */
/* FCE - Styles */


.col_wrap {
  border:1px solid #ddd;
  padding:5px;
}


/* FCE - 50/50 Spalten */


.col1 { float:left; width:48%; padding:5px; }
.col2 { float:left; width:48%; padding:5px; }

.col1gray,
.col2gray {float:left; width:47%; padding:1%; background-color: #F3F3F3;}

p.fce-contactbox {line-height: 22px;}


/* FCE - 3x 33% Spalten */

.col33proz_1 { float:left; width:31%; padding:5px; font-size: 15px;}
.col33proz_2 { float:left; width:31%; padding:5px; font-size: 15px;}
.col33proz_3 { float:left; width:31%; padding:5px; font-size: 15px;}

.col33proz_1 p, 
.col33proz_2 p,
.col33proz_3 p
{text-align: left!important;}


/* EVENT STYLES */

div.box-month {
  font: Con-Light;
  font-weight: normal;
  margin: 30px 0 0px 0; 
  font-size: 20px; color: #999;
}

hr.box-event-line {margin: 0; padding: 0;}

table.box-event {margin-top: 15px; background-color: #F5F5F5;width: 100%; }

table td { }
td.box-event-date { width: 100px; padding: 10px;}
td.box-event-text {padding-left: 10px; padding-right: 10px;}
td.box-event-text h4 {font-size: 22px;}
td.box-event-image {width: 150px; padding-top: 10px;}

/* UPCOMING EVENTS BOX (ALL PAGES) */

h5.upcoming-events {margin: 0px 0 14px 0 !important;}









/* DOWNLOAD LIST STYLES */
/* *************************************** */


ul#downloadlist {
  list-style-type: none !important;
  margin: 0;
  padding: 0;
  }
ul#downloadlist li {  
  height: 30px;
  width: 90%;
  list-style: none !important;
   background-color: #EDEDED;
   margin: 5px;
   padding-left: 5px;
}

ul#downloadlist li:hover { background-color: #E5E5E5; }


ul#downloadlist li a {vertical-align: middle;margin: 0; padding:0; line-height: 30px;}

ul#downloadlist li img {
  vertical-align: middle;
  margin: 0px 10px 0 0;
  }
  
/* Downloadlist in der rechten Spalte: */

div#rightcol ul#downloadlist {margin-left: 2px;}

div#rightcol ul#downloadlist li {padding-left: 0px; overflow: hidden;}

div#rightcol ul#downloadlist li img {
	margin: 0 5px 0 5px;
}

/* Menü der Unterseiten, zwei Spalten, idvation Downloads */
span.menu-subpages {
  background-color: #F0F0F0;
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 4px;
  width: 280px;
}

span.menu-subpages:hover { background-color: #EDEDED; }

/* FCE DEFINITIONS */
/* *************************************** */

td.box-pictxt-image {width: 150px; padding-top: 15px;}

.box-anw2, .box-anw3 {
  margin-top: 30px;
  min-height: 100px;
}

.box-anwendungen {margin-top: 30px; background-color: #EDEDED; }
.box-anwendungen ul {margin-left: 22px; padding: 0 10px 10px 10px;}
.box-anwendungen ul li {
  list-style: outside !important; 
}

.box_anw2_title, .box_anw3_title {
  height: 21px;
  background-color: #DDD;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  margin: 0 0 10px 0;
  padding: 0 0 0px 5px;
}

.box_anw2_links {width: 50%}
.box_anw2_rechts { width: 49%; float: right;}

.box_anw3_links {width: 33%;}
.box_anw3_mitte, .box_anw3_rechts {
  width: 33%;
  float: right;

}





/* RIGHT CONTENT STYLES */
/* **************** */

div#rightcol {padding-top: 10px;}

div#rightcol h4, div#rightcol h2, div#leftcol h4 {
  margin: 29px 0 13px 5px;
  font: Con-Light;
  font-size: 22px;
  color: #444;
  font-weight: normal;
  text-transform: uppercase;
}

div#rightcol p {padding: 4px 0 4px 0;}

div#rightcol blockquote, span.box-right, div.box-right, div#rightcol p.box-right {font-size: 85%; line-height: 125%; margin: 0 30px 30px 0; padding: 10px;}

div#rightcol blockquote h5 a,
div#rightcol blockquote h6 a,
div#rightcol blockquote li a
 {text-decoration: none;}

div#rightcol blockquote a.download {color: #AAA;}
div#rightcol blockquote a.download:hover {color: #036;}


div#rightcol blockquote h5:first-child {margin-top: 0px; padding-top: 0px;}

div#rightcol blockquote h5 { line-height: 130%; }

div#rightcol ul {margin-left: 18px;}

div.csc-textpic-imagerow ul {margin-left: 0px!important;}


/* div#rightcol h2+p {padding: 0px;} */

div#rightcol p+h5 {padding: 0px; margin: 5px 0 5px 0;}


div#rightcol p.news {padding: 5px; background-color: #F3F3F3; margin-right: 30px;}


div#rightcol div.csc-textpic-imagewrap {width: 220px!important; margin: 0 30px 30px 0; padding: 10px; }
/* Hintergrundfarbe entfernt bei Erstellung der neuen VC homepage. Ok? div#rightcol div.csc-textpic-imagewrap {width: 220px!important; margin: 0 30px 30px 0; padding: 10px; background-color: #F3F3F3;} */


/* GREEN BOX - RIGHT CONTENT */

div.box-green-right, .box-green-right {
	margin: 5px 30px 5px 0; 
	padding: 5px; 
	background-color: #89BB16;
	color: #FFF;
}
div.box-green-right a, .box-green-right a {
	text-decoration: none;
	color: #FFF;	
}

div#rightcol p.box-green-right {
		padding: 5px; 

}

/* GREEN BOX - MAIN CONTENT */

div.box-green, .box-green {
	margin: 5px 0px 5px 0; 
	padding: 5px; 
	background-color: #89BB16;
	color: #FFF;
}
div.box-green a, .box-green a,
div.box-green p, .box-green p,
div.box-green h5, .box-green h5, {
	text-decoration: none;
	color: #FFF;	
}


/* WHITE BOX with GRAY BORDER - MAIN CONTENT */

div.box-bordergray, .box-bordergray {
	margin: 5px 0px 5px 0; 
	padding: 8px; 
	background-color: #FFF;
	border: 1px solid #DEDEDE;
}

div.box-bordergray h4:first-child {
	margin: 5px 0 0 0;
}


/* GREEN LINK BUTTON */

a.greenbutton, button.greenbutton {
  font-size: 14px;
  padding: 6px; 
  background: #89BB16;  
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; 
  text-decoration: none;
  color: #FFF;
  border: 0;
}


a.greenbutton:hover,
button.greenbutton:hover {
  background: #a4d729;  

}


/* NEWS STYLES */
/* **************** */

div.news-list-container {padding-top: 5px;}

.news-list-imgcaption {
  float: left;
  padding-top:3px;
  padding-right:3px;
  font-size: 9px;
  padding: 0px;
  margin: 0px;
}

.news-list-container img {
  float: right;
  text-align: center;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.news-latest-container {padding: 10px; background-color: #F3F3F3; margin-right: 30px;}

.news-latest-item p {margin-bottom: 10px; font-size: 85%; line-height: 125%;}  

.news-list-item h3 a {  text-decoration: none;
}

span.news-list-morelink {padding: 0 0 0 5px;}
  
.news-latest-container img {
  padding: 3px;
  margin: 0px 10px 7px 0px;
  text-align: center;
  border: 1px solid #CCC;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
span.news-latest-img {display: block;}

.news-latest-morelink p {margin-bottom: 0px;}

.news-latest-morelink a,
.news-latest-morelink a:visited,
.news-latest-morelink a:active {
  padding: 6px; 
  background: #DDD;  
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; 
  text-decoration: none;
  color: #666;
}

.news-latest-morelink a:hover { background: #89bb16; color: #FFF;}

.news-single-timedata h2 {padding: 0 0 5px 0;}

.news-single-timedata h1 {font-size: 26px;}
.news-single-timedata {padding: 0 0 5px 0;}

.news-single-imgcaption {
  font-size: 10px;
  padding:0px;
  margin: 0px;
  clear:both;
}


.news-single-item h1 {
  display: inline;
  margin: 0px;
}

.news-single-item h2 {
  margin: 0px;
}

.news-single-item h3 {
  padding: 0 0 10px 0;
  font-size: 20px;
}
div#news-author-email-single {float: left;}

div#news-author-single {text-align: right;}
div#maincol p.news-single-author {margin: 20px 0; text-align: right;}


.news-single-img {
  float: right;
  margin: 0px 10px 10px 0;
  padding: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}

.news-single-item hr {
  clear: both;
  margin-top: 20px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.tx-ttnews-browsebox {
  color: #999;
}

.tx-ttnews-browsebox a,
.tx-ttnews-browsebox a:visited,
.tx-ttnews-browsebox a:active {
  color: #999;
  text-decoration: none;
  font-weight: normal;
  display: block
}

.tx-ttnews-browsebox-SCell a,
.tx-ttnews-browsebox-SCell a:visited,
.tx-ttnews-browsebox-SCell a:active {
  font-weight: bold;
  display: block;
}


div.tx-ttnews-browsebox table td {
  padding-right: 5px;
}

div.mousehover {float: left;}

/* Style für Archivansicht TT-News: Jahreszahl größer */

li.news-amenu-item-year { list-style: none; font-size: 18px; margin-left: -18px; margin-bottom: 10px;}


/* 
 * CONTENT TABLE DEFINITIONS
 *   
 */

.contenttable {border-spacing: 2px;}
.contenttable td {vertical-align: middle; padding-right: 10px;}

.contenttable td p {padding: 0; margin: 0;}
.contenttable td h2 {text-align: center;}


.contenttable td.table-50percent {width: 238px;}

.contenttable td {background-color: #EEE; padding: 5px 6px 5px 6px;}
.contenttable th {
  background-color: #E0E0E0; padding: 5px 6px 5px 6px;
  font-weight: bold;
}


p.hellgruen, .hellgruen { color: #c7d32c; }
p.dunkelgruen, .dunkelgruen { color: #88ba14; }

/* TABLE STYLES  */

table.contenttable {background-image: none; vertical-align: top; text-align: left; padding: 0; width: 100%;margin-top: 15px;}
table.contenttable td {background-image: none; vertical-align: top; text-align: left; padding: 3px;}

table.table-noborder {border: none; border-spacing: 0; width: 100%;}
table.table-noborder td, table.table-noborder th {background: none; background-color: #FFF; padding: 3px;}

table.table-border {border: none; width: 100%;}
table.table-border td {background: none; background-color: #FFF;}

table.table-border-2spalten {table-layout: fixed; width: 100%;}
table.table-border-2spalten td {background: none; width: 50%;}

table.table-border-3spalten {table-layout: fixed; width: 100%;}
table.table-border-3spalten td,
table.table-border-3spalten th {background: none; width: 33%;}

table.table-noborder-2spalten {table-layout: fixed; border-spacing: 0; width: 100%;}
table.table-noborder-2spalten td {background: none; width: 50%;}

table.table-noborder-3spalten {table-layout: fixed; border-spacing: 0; width: 100%;}
table.table-noborder-3spalten td,
table.table-noborder-3spalten th {background: none; width: 33%;}

thead.tableheader-gray {background-color: #EEE; font-weight: bold; color: #555;}
thead.tableheader-darkgray {background-color: #AAA; font-weight: bold; color: #555;}
tbody.tableheader-gray {background-color: #EEE; color: #555;}
tbody.tableheader-darkgray {background-color: #AAA; color: #555;}




td.darkgray {background-color: #AAA; font-weight: bold; font-size: 12px; color: #555;}


/* MAILFORM DEFINITIONS FOR CONTACT*/
/* *************************************** */

label { display: block; float: left; width: 80px;}

form#rmaformular label {width: 150px!important;}
form#rmaformular input#rmaformularformtype_mail {margin-left: 290px;}
/* input {width: 350px; height: 18px; border: 1px solid #DEDEDE; color: #555; margin: 2px;} */

input {border: 1px solid #DEDEDE; margin: 2px 0 2px 0;}

textarea {width: 348px; border: 1px solid #DEDEDE; color: #555; margin: 2px 2px 2px 0;}

input.csc-mailform-submit {background-color: #CCC; color: #FEFEFE; font-size: 10px;}

fieldset.csc-mailform {
  border-style: none;
  margin: 12px 0;
  padding: 0px;
}

/*
div.csc-mailform-field {  
  margin-left: 95px;
}
*/

.csc-form-label,
.csc-form-label-req {font-size: 12px;}

input[type="submit"] {
  font-size: 12px;
  margin-top: 5px;
  padding: 6px 10px; 
  background: #DDD;  
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; 
  text-decoration: none;
  color: #666;
  border:0;
}

input[type="submit"]:hover { background: #89bb16; color: #FFF;}

/* MAILFORM DEFINITIONS FOR NEWSLETTER SUBSCRIPTION */
/* *************************************** */

div#newsletter-subscription input {width: 300px; height: 18px; border: 1px solid #DEDEDE; color: #555; margin: 2px;}

div#newsletter-subscription input[type="radio"] {width: 20px;}

div#newsletter-subscription input[type="submit"] {width: 100px; height: 26px;}

div#newsletter-subscription input.sendbutton { width: 77px; height: 23px; margin: 5px 0 0 0px !important; }


div#newsletter-subscription span { color: #01589b; }

div#newsletter-subscription fieldset.csc-mailform {
  border-style: none;
  margin: 0;
  padding: 0px;
}
div#newsletter-subscription form.tx_powermail_pi1_form,
div#newsletter-subscription form fieldset {
  border-style: none !important;
  margin: 0 !important;
  padding: 0px 0 0 4px !important;
  }


/* COMMON MAILFORM DEFINITIONS */
/* *************************************** */

input.ir-disclaimer {  
  font-family: 'Con-ExtraLight';
  line-height: 30px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; 
  width: 160px;
  height: 30px;
  color: #666;
  background-color: #DDD;
}

input.ir-disclaimer:hover {  
  background: #89bb16; color: #FFF;
}

label.ir-disclaimer {width: 235px;}



/* ESS M2M Mailform */
/* http://www.exceet-secure-solutions.de/index.php?id=3039 */
/* *************************************** */
fieldset#mailformESSM2MAnrede_ legend {
	display: none;
}

fieldset#mailformESSM2MAnrede_ input[type="radio"] {
	float: left; 
}

fieldset#mailformESSM2MAnrede_ label {
	margin-left: 10px; 
}

div#c25346 fieldset label[for="mailformFragebogen_M2M_Plattformanbiet"] {
	width: 280px;
}

div#c25346 div.csc-mailform-field {margin-bottom: 3px;}



/* TOOLTIP EXCEET GROUP */
/* *************************************** */

#ttcont {text-align: left;}


/* STYLES FÜR PRESSEBEREICH */
/* *************************************** */
/* ANDI ul.csc-menu-1 { margin-top: 15px; margin-bottom: 20px;}

ul.csc-menu-1 li {
  background-color: #F0F0F0;
  padding: 5px;
  margin: 3px;
} */

table.grauezellen td { background-color: #F0F0F0; }


/* STYLES FÜR INTRANET FILEDOWNLOADS */
/* *************************************** */
ul.csc-menu-7 { margin-top: 15px; margin-bottom: 20px;}

ul.csc-menu-7 li {
  font-size: 18px;
  list-style: none;
  background-color: #F0F0F0;
  padding: 12px 10px 10px 10px;
  margin: 5px;
  margin-left: -20px;
}

ul.csc-menu-7 li ul {background-color: #FFF!important; margin-top: 8px;}
ul.csc-menu-7 li ul li {list-style: circle; background-color: #FFF!important; margin: 0; padding: 4px 3px 2px 10px; font-size: 17px;}

table.grauezellen td { background-color: #F0F0F0; }

/* DIV */
/* *************************************** */

dd.csc-textpic-caption {font-size: 13px;line-height: 15px; padding-top: 4px;}

div.csc-textpic-text h2 {font-size: 22px; margin-bottom: 3px;}

/* Wenn bei Bilder Inhaltselement Bordern "enabled" ist soll hier ein 1px hellgrauer statt 2px schwarzer Border sein */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img {
border: 1px solid #DEDEDE;
padding: 0px 0px;
}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img:hover, div.csc-textpic-border div.csc-textpic-single-image img:hover {
border: 1px solid #CCC;
padding: 0px 0px;
}

dl.investor {vertical-align: top; padding: 5px; background-color: #F3F3F3;}
dl.investor dt {width: 50px; float: left;}
dl.investor dd h4 {margin-top: 0; padding-top: 0;}
dl.investor dd {width: 180px; float: left; }

table.investor td .box {margin: 0 10px 15px 0; padding: 5px; background-color: #89BB16; height: 210px;}
table.investor td .box h4 {color: #FFF;}
table.investor td .box ul, table.investor td .box a {color: #FFF;}


/* Special Styles */
/* *************************************** */
div#rightcol ul.subsitesnavi-green {
  padding: 5px; 
  margin: 5px 30px 5px 0; 
  background-color: #89bb16;

  
  
  }
div#rightcol ul.subsitesnavi-green li a {margin-top: 5px; display: block; text-decoration: none; font-size: 18px; line-height: 18px; color: #FFF;}
div#rightcol ul.subsitesnavi-green li {
  padding: 6px;
  list-style-type: none;
}

div#rightcol ul.subsitesnavi-green li:hover,
div#rightcol ul.subsitesnavi-green li.current {
  background-color: #FFF;
  color: #444;
}

div#rightcol ul.subsitesnavi-green li:hover a,
div#rightcol ul.subsitesnavi-green li.current a {color: #444;}

ul.exceet-sitemap li {
    font-size: 18px;
    padding: 10px 0 10px 0;
    margin: 0;

}
ul.exceet-sitemap li ul li {
    font-size: 18px;
    padding: 10px 0 10px 0;
    margin: 0;

}
ul.exceet-sitemap li ul li ul li {
    font-size: 16px;
    padding: 0;
    margin: 0;

}
ul.exceet-sitemap li p {padding: 0!important; margin: 0; line-height: 1px; font-size: 1px;}


/* toggle Styles */

h5.handle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	cursor: pointer;
	border-bottom: 1px solid #eff0f1;
	padding-bottom: 8px;
	margin-bottom: 7px;
	background: url(http://p110670.typo3server.info/fileadmin/exceet/pics/tog.png) right 6px no-repeat;
}

h5.activehandle {
	color: #333;
	background-position: right -30px;
	
}


/* Bei Appearance -> Indention & Frames einzustellen - hiermit werden die Übersichtsbilder automatisch größer und von grau dann farbig bei MouseOver */

div.biggerImg-Gray img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -webkit-transform: scale(0.98);
  	-moz-transform: scale(0.98);
  	-o-transform: scale(0.98);
  	transform: scale(0.98);	
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;

}
div.biggerImg-Gray img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
     -webkit-transform: scale(1);
  	-moz-transform: scale(1);
  	-o-transform: scale(1);
  	transform: scale(1);	   


}


/* IMAGECYCLE Nivo Slider - Für WM Tippspiel (rechter Bereich - slidende Inhaltselemente */


ul.tx-imagecycle-pi1-images {overflow: visible; margin-left: 5px!important; margin-top: 5px;}

.tx-imagecycle-pi1-images li {overflow: visible;}

.tx-imagecycle-pi1-images .imagecycle-caption {
position: static;
	white-space: normal;
	color: #444;
	background-color: #FFF;
}

.csc-frame.csc-frame-frame2 div {
	padding: 5px; 
	margin: 5px 30px 5px 0; 
	background-color: #F3F3F3;
	width: 235px!important;
}

.csc-frame.csc-frame-frame2 div div.imagecycle-caption {margin-left: -10px!important; padding-left: 10px!important; width: 230px!important;}










/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }
 
  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }

  /*hide the right column when printing*/ 
  #rightcol{display:none;} 
  #twocols, #maincol{width:100%; float:none;}

}


/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  /*html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}




/* 
 * iphone styles
 * 
 */

@media (max-width:640px)  {

html {width:100%;}
  
  body {
    display: table;
    table-layout: fixed;
    font-size:100%;
    width: 100%;
  }
  
  
img {
     max-width: 100%;
     height: auto;
}  

#language {visibility: hidden;}

#header {width: 100%; height: auto;}

#twocols, #member-of {width: 95%;margin: 0 auto;}

#headerimage {width: 95%; text-align: center; margin: 0 auto; overflow-x: hidden;}
#headerimage img {max-width: 200%!important;}

div#container {background: #FFF; width: 95%;}  


/* CSS FÜR RESPONSIVE TYPO3 ELEMENTE via T3N begin */
/* http:// t3n.de /magazin/responsive-webdesign-typo3-flexibles-typo3-232727/ */

/* flexible Medien*/
img, embed, object, video {
 max-width: 100%;
 height: auto;
 width: auto;
}

/* CSS-Styled-Content Regeln überschreiben * /
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
 float: none;
 display: inline-block;
 vertical-align: top;
}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
 display: inline-block;
}
DIV.csc-textpic-imagewrap UL.csc-textpic-imagerow-none .csc-textpic-image {
 display: block;
}
.csc-default {clear: both;}

/* optional */
/* Golden Grid Layout für Bild im Text* /
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
 width: 38%; /* Bildcontainer Breite * /
}
DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
 margin-left: 40%; /* Textblock * /
}

/* CSS FÜR RESPONSIVE TYPO3 ELEMENTE via T3N end */



#logo, #logo-card-group {
  clear: both; float: none;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 10px;
  
  }
  
#twocols #rightcol {
  clear: left; 
  clear: right; 
  width: 100%; 
  background: #FFF; 
  margin: 0 0 30px 0; 
  padding: 0;
  }
  
  
#maincol {clear: left; clear: right; width: 95%; background: #FFF; margin: 0; padding: 0; } 


.checkbox, .radiobutton, .select, li.button, li.bigfield, li.smallfield {
position: relative;
list-style-type: none;
display: block;
height: 43px;
overflow: hidden;
border-top: 1px solid #878787;
width: auto;
}



/* STYLES von SelectNav.js ---> wenn mobiles Gerät, dann Standardnavi ausblenden und Selectbox der Navi einblenden */
  .js #nav { display: none; }
  .js .selectnav { display: block; max-width: 95%; margin: 0 auto; margin-bottom: 10px;}
  ,js .selectnav {clear: both;}
  ul#navmenu-h { display: none; }



div.box-right, div.news-latest-container {margin: 0; padding: 10px; width: 90%;}

#footer {width: 100%; text-align: left; height: auto; position: static;}
#footer ul {margin: 15px 0 0 0; display: block;}
#footer ul li {display: block; padding: 3px 10px 3px 10px; line-height: auto;}  



}
/* Mobile Styles iPhone END */



/* POWERMAIL STYLES */


fieldset.tx-powermail-pi1_fieldset {margin-top: 10px; border: none;}
fieldset.tx-powermail-pi1_fieldset legend {padding-top: 40px; color: #666; }
fieldset.style3 {background-color: #FFF; border: none; margin-top: 30px; padding: 0 0 5px 0;}
fieldset.style3 legend {font-size: 22px; color: #444; margin-top: 0;}

select.powermail_select {font-size: 13px!important;}


fieldset.tx-powermail-pi1_fieldset .powermail_check_inner label, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner label {
float: left;
width: auto;
max-width: 350px;
display: inline;
font-weight: normal;
margin-left: 7px;
}

/* Bestimmte Boxen einziehen damit es so aussieht als gehöre es als Option / weitere Info zum darüber liegenden Formularfeld-Punkt */
input.powermail_anfragegeschenkkarten.powermail_uid10,
input.powermail_anfragegeschenkkarten.powermail_uid15,
input.powermail_anfragegeschenkkarten.powermail_uid17,
input.powermail_anfragegeschenkkarten.powermail_uid29,
input.powermail_anfragegeschenkkarten.powermail_uid37,
input.powermail_anfragegeschenkkarten.powermail_uid41,
input.powermail_anfragegeschenkkarten.powermail_uid114,
input.powermail_anfragegeschenkkarten.powermail_uid115,
input.powermail_anfragegeschenkkarten.powermail_uid119,
input.powermail_anfragegeschenkkarten.powermail_uid120,
input.powermail_anfragegeschenkkarten.powermail_uid121,
input.powermail_anfragegeschenkkarten.powermail_uid122,
input.powermail_anfragekreditkarten.powermail_uid55,
input.powermail_anfragekreditkarten.powermail_uid60,
input.powermail_anfragekreditkarten.powermail_uid72,
input.powermail_anfragekreditkarten.powermail_uid80,
input.powermail_anfragekreditkarten.powermail_uid84,
input.powermail_anfragekreditkarten.powermail_uid91,
input.powermail_anfragekreditkarten.powermail_uid93,
input.powermail_anfragekreditkarten.powermail_uid107,
input.powermail_anfragekreditkarten.powermail_uid109,
input.powermail_anfragekreditkarten.powermail_uid125,
input.powermail_anfragekreditkarten.powermail_uid126,
input.powermail_anfragekreditkarten.powermail_uid128,
input.powermail_anfragekreditkarten.powermail_uid130,
input.powermail_anfragekreditkarten.powermail_uid131,
input.powermail_anfragekreditkarten.powermail_uid133,
input.powermail_anfragekreditkarten.powermail_uid136,
input.powermail_anfragekreditkarten.powermail_uid137,
input.powermail_aemtec-kundentag.powermail_uid141
	{ margin-left: 22px;margin-top: -5px; }

/* Bestimmte Labels unsichtbar, Grund ebenso damit es so aussieht als gehöre es als zusätliche Info zum darüber liegenden Formularfeld */
label[for=uid10],
label[for=uid15],
label[for=uid17],
label[for=uid29], 
label[for=uid37], 
label[for=uid41], 
label[for=uid114], 
label[for=uid115], 
label[for=uid119], 
label[for=uid120], 
label[for=uid121], 
label[for=uid122] 
	{color: #F0F0F0!important;}

/* gleich wie oben, nur Kreditkartenformular */
label[for=uid55], 
label[for=uid60], 
label[for=uid72], 
label[for=uid80], 
label[for=uid84], 
label[for=uid91], 
label[for=uid93], 
label[for=uid107], 
label[for=uid109], 
label[for=uid125], 
label[for=uid126], 
label[for=uid128], 
label[for=uid129], 
label[for=uid130], 
label[for=uid131], 
label[for=uid133], 
label[for=uid136], 
label[for=uid137],
label[for=uid141] 
	{color: #F0F0F0!important;}



div#powermaildiv_uid12,
div#powermaildiv_uid13,
div#powermaildiv_uid18,
div#powermaildiv_uid27,
div#powermaildiv_uid38,
div#powermaildiv_uid57,
div#powermaildiv_uid58,
div#powermaildiv_uid74,
div#powermaildiv_uid75,
div#powermaildiv_uid76,
div#powermaildiv_uid81,
div#powermaildiv_uid88,
div#powermaildiv_uid123 
{
	margin-top: 20px;
}

/* bei Checkboxen muss Label bzw. Legend anders versteckt werden */

div#powermaildiv_uid100 legend,
div#powermaildiv_uid103 legend,
div#powermaildiv_uid129 legend,
div#powermaildiv_uid132 legend,
div#powermaildiv_uid155 legend
 	{color: #F0F0F0!important;}

#tx-powermail-pi1_fieldset_54 legend,
#tx-powermail-pi1_fieldset_55 legend,
#tx-powermail-pi1_fieldset_64 legend,
#tx-powermail-pi1_fieldset_65 legend,
#tx-powermail-pi1_fieldset_66 legend,
#tx-powermail-pi1_fieldset_67 legend,
#tx-powermail-pi1_fieldset_68 legend,
#tx-powermail-pi1_fieldset_70 legend,
#tx-powermail-pi1_fieldset_71 legend {
	color: #F0F0F0!important;
	height: 1px;
	font-size: 1px; 	
 	}	
div#powermaildiv_uid139 legend,
div#powermaildiv_uid140 legend {
	color: #666!important;
	font-size: 16px;
}


/* ************************************************************* */
/* FONTELLO .COM CSS STYLES FOR ICON FONT */


@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?10136470');
  src: url('../fonts/fontello.eot?10136470#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?10136470') format('woff'),
       url('../fonts/fontello.ttf?10136470') format('truetype'),
       url('../fonts/fontello.svg?10136470#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?10136470#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-cog:before { content: '\e817'; } /* '' */
.icon-mail:before { content: '\e803'; } /* '' */
.icon-ok:before { content: '\e806'; } /* '' */
.icon-cancel:before { content: '\e807'; } /* '' */
.icon-doc-text:before { content: '\e800'; } /* '' */
.icon-tag:before { content: '\e808'; } /* '' */
.icon-tags:before { content: '\e809'; } /* '' */
.icon-print:before { content: '\e80e'; } /* '' */
.icon-comment:before { content: '\e80f'; } /* '' */
.icon-location:before { content: '\e811'; } /* '' */
.icon-trash:before { content: '\e812'; } /* '' */
.icon-basket:before { content: '\e818'; } /* '' */
.icon-down-open:before { content: '\e81d'; } /* '' */
.icon-left-open:before { content: '\e81e'; } /* '' */
.icon-right-open:before { content: '\e81f'; } /* '' */
.icon-up-open:before { content: '\e820'; } /* '' */
.icon-rss:before { content: '\e816'; } /* '' */
.icon-tasks:before { content: '\e823'; } /* '' */
.icon-gplus-squared:before { content: '\e827'; } /* '' */
.icon-chat-empty:before { content: '\e810'; } /* '' */
.icon-download-cloud:before { content: '\e80c'; } /* '' */
.icon-upload-cloud:before { content: '\e80d'; } /* '' */
.icon-doc-text-1:before { content: '\e814'; } /* '' */
.icon-angle-left:before { content: '\e819'; } /* '' */
.icon-angle-right:before { content: '\e81a'; } /* '' */
.icon-angle-up:before { content: '\e81b'; } /* '' */
.icon-angle-down:before { content: '\e81c'; } /* '' */
.icon-spinner:before { content: '\e825'; } /* '' */
.icon-folder-open-empty:before { content: '\e815'; } /* '' */
.icon-euro:before { content: '\e824'; } /* '' */
.icon-tumblr-squared:before { content: '\e828'; } /* '' */
.icon-facebook-squared:before { content: '\e826'; } /* '' */
.icon-picture:before { content: '\e805'; } /* '' */
.icon-credit-card:before { content: '\e822'; } /* '' */
.icon-doc:before { content: '\e813'; } /* '' */
.icon-phone:before { content: '\e801'; } /* '' */
.icon-upload:before { content: '\e80b'; } /* '' */
.icon-download:before { content: '\e80a'; } /* '' */
.icon-mobile:before { content: '\e802'; } /* '' */
.icon-signal:before { content: '\e821'; } /* '' */
.icon-camera:before { content: '\e804'; } /* '' */




a[href^=tel] {
    color: inherit;
    text-decoration: none;
}