/*  =========================================================
URL: http://www.megacad.de/
Datei: screen.css
Media: screen, projection 

Datum: 2009-01-27
Autor: Stefan Brinkers / Jordan Mediengestaltung GmbH
Mail:  stefan.brinkers@jordanmg.de
Web:   http://www.jordanmg.de/
                                   
1. Allgemeine Selektoren 
	1.1 Allgemein gültige Formatierungen
	1.2 Allgemeine Klassen
                              
2. Layoutbereiche 
	2.1 Kopf (Header)
	2.2 Content-Bereich
	2.3 linker UND rechter Bereich
	2.4 Fussbereich (Footer)

3. Navigation
	3.1 Menu horizontal + Dropdown
	3.2 Menu vertikal (untermenu)

4. Sonstiges
	4.1 Formulare
	4.2 Versteckte Kategorien (nav02)
	4.3 Suche
	4.4 News
	4.5 WT-Gallerie	

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


/* ##############################
   1. Allgemeine Selektoren 
############################## */

*, html, body, div, p, h1, h2, h3, h4, h5, ul, ol, span, a, table, td, form, img, li { /* Kalibirierung von Abständen */
	padding: 0; 
	margin: 0; 
}

html{
	height: 100%;
	padding:0px 0px 1px 0px;
	}

body { 
	margin:0px;
	padding:0px;
	text-align: center;
	color:#231F20;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

/* ========================================================
   1.1 Allgemein gültige Formatierungen 
======================================================== */

p, 
ul, 
ol {
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0; 
}

ul ul { 
  margin: 0; 
}

li {
  margin-top: 0 ;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 1em;
}

a { 
  text-decoration: none; 
}

a:link { 
  color: #d90000; 
}

a:visited { 
  color: #c66; 
}

a:hover, a:focus { 
  text-decoration: underline; 
}

a:active { 
  color: #fff; 
  /**background-color: #d90000; **/
}

img{
border:0px;
border-style:none;
}

/* ========================================================
   1.2 Allgemeine Klassen 
======================================================== */

.clear{
clear:both;
height:1px;
font-size:1px;
}


/* ##############################
   2. LAYOUTBEREICHE 
############################### */

#wrapper{ 
text-align: center;
margin: 0px auto;
padding: 0px;
width: 980px;
}

#abstandhalter{
margin-right:0px;
text-align:left;
background-color:#FFFFFF;
}

/* ========================================================
   2.1 Kopf (Header)  
======================================================== */

#header{ 
position:absolute; /** absolut positioniert, weil Elternelement der anderen absolut positionierten Elemente **/
width:980px;
height:149px;
top:20px;
background-image:url(../images/header-background.jpg);
background-repeat:no-repeat;
}
	
	.linie-oben{
	height:2px;
	width:965px;
	background-color:#FFFFFF;
	border-bottom:5px solid #ED1C24;
	}
	#contentpic{
	height:131px;
	border-top:4px solid #FFFFFF;
	border-bottom:4px solid #FFFFFF;
	}
	.linie-unten{
	height:1px;
	}

	#logo{ /** PNG TRANSPARENZ! **/
	position:absolute;
	z-index:99;
	width:135px;
	height:105px;
	top:24px;
	left:40px;
	background-image:url(../images/logo-transparent.png);
	background-repeat:no-repeat;
	}
	
	#innovative-software{ /** PNG TRANSPARENZ! **/ 
	position:absolute;
	z-index:91;
	width:965px;
	height:29px;
	top:80px;
	left:0px;
	background-image:url(../images/innovative-software.png);
	background-repeat:no-repeat;
	}
	
	#language{
	position:absolute;
	width:100px;
	height:16px;
	line-height:12px;
	top:14px;
	left:875px;
	}
		#language img{
		padding:3px 8px 0px 0px;
		}
	#language a{
	text-decoration:none;
	color:#58595B;
	font-size:12px;
	font-weight:bold;
	}

/* ========================================================
   2.2 Content-Bereich
======================================================== */

#contentBereich{
margin:181px 0px 0px 0px;
width: 980px;
background-image:url(../images/background.jpg); /** Hintergrund y-Richtung **/
background-repeat:repeat-y;
text-align:left;
}

	.contentBereichBorder{
	height:9px;
	margin:0px 0px 20px 0px;
	padding:0px;
	}
	
	#content{
	float:left;
	width:555px;
	padding:0px;
	margin:0px 20px 0px 20px;
	}
	
	#content p{
	font-size:13px;
	line-height:17px;
	}
	
	#content h1{
	color:#ED1C24;
	font-size:16px;
	padding:0px 0px 8px 0px;
	margin:0px 0px 12px 0px;
	font-weight:bold;
	border-bottom:1px solid #ACACAD;
	}
		#content h1 span{
		color:#797B7D;
		font-size:14px;
		}
		#page2 #content h1, #page813 #content h1{
		color:#ED1C24;
		font-size:16px;
		padding:30px 0px 0 0;
		margin:0 0 10px 0;
		font-weight:bold;
		border: 0;
		border-bottom: 1px solid #999999;
		}

	/* JKL */
	#content h1 a, #content h1 a:hover, #content h1 a:visited{
	color:#ED1C24;
	font-size:16px;
	padding:30px 0px 0 0;
	margin:0 0 10px 0;
	font-weight:bold;
	border: 0;
	text-decoration: none;
	}
	/* JKL */	
		
		
	#content h2{
	color:#5D5E60;
	font-size:16px;
	padding:10px 0px 5px 0px;
	margin:0px;
	font-weight:bold;
	}
	#content h2 a, #content h2 a:hover, #content h2 a:visited{
	color:#5D5E60;
	font-size:16px;
	padding:10px 0px 5px 0px;
	margin:0px;
	font-weight:bold;
	text-decoration:none;
	}
	
	#content h3{
	color:#231F20;
	font-size:15px;
	padding: 0 0 10px;
	margin:0px;
	font-weight:bold;
	}
	
	#content h4 {
	color:#000;
	font-size:13px;
	padding:10px 0px 5px 0px;
	margin:0px;
	font-weight:bold;
	margin:0px 0px 8px 0px;
	border-bottom:1px solid #231F20;
	}
	
	#content .csc-textpic-text h4 {
		background: url(../images/produktseite-h2-back.png) repeat-x;
		
		height: 25px;
		
		margin: 0;
		padding: 0 0 5px 20px;
		
		color: #FFFFFF;
		font: normal normal bold 15px/25px Arial, Verdana, Helvetica, sans-serif;
		letter-spacing: 1px;
		
		position: relative;
		top: -30px;
		
		border: 0;
	}
	
	#content h5{
	color:#ED1C24;
	font-size:13px;
	padding:15px 0px 10px 0px;
	margin:0px;
	font-weight:bold;
	}
	
	#content h6{
	color:#000;
	font-size:13px;
	padding:10px 0px 5px 0px;
	margin:0px;
	font-weight:bold;
	margin:0px 0px 8px 0px;
	border-bottom:1px solid #231F20;
	}
	
	#content a, #content a:visited{
	font-weight:normal;
	color:#ED1C24;
	text-decoration:none;
	}
		#content a:hover{
		color:#231F20;
		text-decoration:underline;
		}
		#content a span, #content a:hover span{
		font-size:15px;
		font-weight:bold;
		color:#ED1C24;
		padding-right:4px;
		text-decoration:none;
		}
		#content #slide-box a{
		font-weight:bold;
		}


	#content ul{
		
	}
		#content ol li{
		list-style-type:none;
		background-color:#eee;
		/**width:70%;**/
		padding:3px 13px 3px 13px;
		margin-bottom:5px;
		line-height:140%;
		}
		#content ul li{
		list-style-type:none;
		background:url(../images/lidot.gif) no-repeat 0px 6px;
		padding:0px 3px 0px 16px;
		margin-bottom:5px;
		line-height:140%;
		margin: 0;
		}
		#page14 #content li, #page16 #content li{
		line-height:140%;
		list-style-type:none;
		margin-bottom:15px;
		background-color:#eee;
		padding:5px 15px 5px 15px;
		width:auto;
		list-style-image:none;
		background-image:none;
		}
	
	#content .csc-textpic{
	margin-bottom:20px;
	}
	
	
/* ========================================================
   2.3 linker UND rechter Bereich
======================================================== */
		
	#left {
	float:left;
	width:170px;
	margin:0px 0px 0px 15px;
	padding:0px;
	}
	*html #left {
	margin:0px 0px 0px 8px;
	}
	
	#right{
	float:left;
	width:170px;
	margin:0px 15px 0px 0px;
	padding:0px;
	}
	
	#left .cobject, #right .cobject{
	margin:0px 0px 15px 0px;
	}
	
	
	.csc-frame-frame1{
		border: 1px solid #7F8081;
		padding:12px 0px 6px 0px;
		background-repeat:no-repeat;
		}
			#left .csc-frame-frame1{
			background-image:url(../images/lefth1border.gif);
			}
			#right .csc-frame-frame1{
			background-image:url(../images/righth1border.gif);
			}
	.csc-frame-frame2{
		padding:18px 0px 16px 0px;
		background-image:url(../images/rightBoxGreyBack.jpg);
		background-repeat:no-repeat;
		background-color:#58595B;
		color:#FFFFFF;
		}
	
		#left h1, #right h1{
		color:#FFFFFF;
		font-size:13px;
		background-color:#ED1C24;
		padding:4px 6px 4px 6px;
		margin:0px 0px 4px 0px;
		font-weight:bold;
		}
		
		#left img, #right img{
		padding:4px 0px 6px 0px;
		margin:0px;
		}
		
		#left p, #right p{
		font-size:12px;
		padding:0px 6px 0px 6px;
		margin:0px;
		line-height:17px;
		}
		#left .csc-textpic-text ul{
		margin:0 0 1em 0.5em;
		list-style-type:square;
		}
		
		#left a, #left a:visited,
		#right a, #right a:visited{
		font-size:12px;
		font-weight:bold;
		color:#ED1C24;
		text-decoration:underline;
		}
		#left .csc-frame-frame2 a, #left .csc-frame-frame2 a:visited,
		#right .csc-frame-frame2 a, #right .csc-frame-frame2 a:visited
		{
		color:#FFF;
		text-decoration:underline;
		}
		
			#left a:hover, #right a:hover{
			color:#231F20;
			text-decoration:underline;
			}
			#left a span, #right a span,
			#left a:hover span, #right a:hover span{
			font-size:15px;
			font-weight:bold;
			color:#ED1C24;
			padding-right:4px;
			text-decoration:none;
			}
		#left h1 a, #left h1 a:hover, #left h1 a:visited,
		#left .csc-frame-frame2 h1 a, #left .csc-frame-frame2 h1 a:hover, #left .csc-frame-frame2 h1 a:visited,
		#right h1 a, #right h1 a:hover, #right h1 a:visited,
		#right .csc-frame-frame2 h1 a, #right .csc-frame-frame2 h1 a:hover, #right .csc-frame-frame2 h1 a:visited{
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		color:#FFFFFF;
		}
		
		.rightSearch{
		margin:0px 0px 25px 0px;
		}
		
		.rightSearch h3{
		color:#58595B;
		font-size:13px;
		padding:0px;
		margin:0px 0px 4px 0px;
		font-weight:bold;
		}
		
		.rightSearch form{
		margin:0px;
		padding:0px;
		}
		
		.rightSearch input{
		font-size:12px;
		color:#ACACAD;
		width:145px;
		height:17px;
		margin:0px;
		padding:3px 0px 0px 0px;
		border-top:1px solid #ACACAD;
		border-bottom:1px solid #ACACAD;
		border-left:1px solid #ACACAD;
		border-right:1px solid #ACACAD;
		float:left;
		}
		.rightSearch .submitbutton{
		width:20px;
		height:20px;
		margin:0px;
		padding:0px;
		border-left:0px;
		}
		
		.csc-uploads{
		margin:5px;
		}
	
		.rightInfo{
		padding:18px 0px 16px 0px;
		margin:0px 0px 15px 0px;
		/**background-image:url(../images/right-info-back.gif);
		background-repeat:repeat-x;**/
		background-color:#FFFFFF;
		height:350px;
		}
		#branche .rightInfo{
		background-image:url(../images/right-info-back.gif);
		background-repeat:repeat-x;
		}
			#right .riborder{
			border:1px dotted #ED1C24;
			margin-bottom:5px;
			}
			
			#right .rightInfo a, #right .rightInfo a:visited{
			font-size:12px;
			font-weight:bold;
			color:#231F20;
			text-decoration:none;
			/**line-height:28px;**/
			display:block;
			/**float:left;**/
			}
				#right .rightInfo a:hover{
				color:#ED1C24;
				text-decoration:none;
				}
			#right .rightInfo img{
			float:left;
			}

/* ========================================================
   2.4 Fussbereich (Footer)  
======================================================== */

#footer{ 
text-align: center;
margin: 0px;
padding: 0px;
width: 980px;
height:60px;
background-image:url(../images/footer-background.jpg);
background-repeat:no-repeat;
}

#footer p{
font-size:12px;
padding-top:20px;
margin-top:0px;
color:#58595B;
}

#footer a, #footer a:visited{
padding:0px 8px 0px 8px;
font-size:12px;
color:#58595B;
text-decoration:none;
}
	#footer a:hover{
	text-decoration:underline;
	}


/* ##############################
   3. NAVIGATION 
############################### */

	#nav{
	position:absolute;
	width:762px;
	height:22px;
	top:115px;
	left:203px;
	background-image:url(../images/nav-back-x.gif);
	background-repeat:repeat-x;
	}

/* ========================================================
   3.1 Menu horizontal + Dropdown
======================================================== */

	.nav01 {
	list-style-type:none;
	margin:0 0 100px 0;
	padding:0;
	font-size:13px;
	}
	
	.nav01 li {
	display:block;
	float:left;
	position:relative;
	z-index:100;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-right:1px solid #FFFFFF;
	list-style-type:none;
	line-height:19px;
	/**height:20px;**/
	background-image:url(../images/nav-back-x.gif);
	background-repeat:repeat-x;
	/**text-align:center;**/
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase; 
	}


		.nav01 li a, .nav01 li a:visited {
		display:block;
		white-space:nowrap;
		text-decoration:none; 
		color:#FFFFFF; 
		margin:0px 0px 0px 0px;
		padding:2px 18px 0px 18px;
		} 
		.nav01 li a:hover {
		border:0;
		text-decoration:none;
		}


	.nav02 {
	position:absolute;
	top:0;
	left:0;
	margin: 0px 0px 0px -10px;
	padding-top: 34px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	/**background-color:#00FF00;**/
	background-image:url(../images/nav02-back.gif);
	background-repeat:repeat-x;
	z-index:10001;
	}
	.nav02 li {
	display:none;
	background:transparent;
	clear:left;
	margin:0;
	padding:0;
	color: #fff;
	text-align:left;
	float:none;
	border-right:0px;
	line-height:normal;
	background-image:none;
	font-weight:normal;
	text-transform:none;
	z-index:10001;
	}


		.nav02 li a, .nav02 li a:visited, .nav02 span {
		color:#FFF;
		text-decoration:none;
		display:block;
		white-space:nowrap;
		text-align:left;
		text-transform:none;
		padding:0px 10px 0px 10px;
		width:180px;
		line-height:19px;
		font-size:12px;
		}
			.nav02 span {
			font-size:15px;
			font-weight:bold;
			}
		.nav02 li a:hover {
		background-color:#ED1C24;
		}
		

.nav01 li:hover li, .nav01 li a:hover li {
display:block;
}

.nav02 li img{
margin:5px;
}

		.nav03 li a, .nav03 li a:visited, .nav03 li a:hover {
		font-weight:normal;
		}
		
		
/* ========================================================
   3.2 Menu vertikal (untermenu)
======================================================== */	


#untermenu a, #untermenu a:visited {
display:block;
text-align:left;
color:#EEEFF1;
text-decoration:none;
margin-top:4px;
padding-left:8px;
}
#untermenu a:hover {
background-color:#CCCCCC;
color:#5F6062;
text-decoration:none;
}

#untermenu .current a, #untermenu .current a:hover, #untermenu .current a:visited {
background-color:#ED1C24;
color:#FFFFFF;
}

#untermenu ul
{
margin: 0px 0px 30px 0px;
padding: 10px 0px 10px 0px;
list-style-type:none;
font-family: arial, Helvetica, sans-serif;
}
	.sub01{
	background-image:url(../images/sub01-back.gif);
	background-repeat:repeat-x;
	background-color:#5D5E60;
	}
	.sub01 .sub01{
	background:transparent;	
	}

#untermenu li {
line-height:18px;
margin: 0px 0px 1px 0px;
padding: 0px 0px 0px 0px;
}

#untermenu ul li ul{margin: 0px 5px 10px 5px; padding: 0px 0px 10px 0px; list-style:none; border-bottom:1px solid #FFF;}
#untermenu ul ul li { margin: 0px 0px 0px 10px; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px; }

#untermenu ul ul a, 
#untermenu ul li.active ul a, 
#untermenu ul li.active ul li a,
#untermenu ul li.active ul li a:visited
{
padding-left:0px;
color:#CCCCCC;
text-decoration: none;
}

#untermenu ul ul a:hover, 
#untermenu ul li.active ul a:hover, 
#untermenu ul li.active ul li a:hover
{
padding-left:0px;
color:#CCCCCC;
text-decoration: underline;
background-color:transparent;
}
#untermenu ul ul .current a:hover, 
#untermenu ul li.active ul .current a:hover, 
#untermenu ul li.active ul li .current a:hover,
#untermenu ul li.active ul li .current a:visited{
background-color:transparent;
color:#FFFFFF;
text-decoration:underline;
}

/* ##############################
   4. SONSTIGES 
############################### */

/* ========================================================
   4.1 Formulare
======================================================== */
#mailform {
margin-bottom:50px;
}

#mailform .csc-mailform {
	border: 0px;
}

#mailform .csc-mailform-field {
	clear: both;
	margin-bottom:8px;
}

#mailform label {
	display: block;
	width: 150px;
	
	float: left;
}

#mailform input, 
#mailform textarea {
	margin: 3px 0px 8px 0px;
	
	border: 1px solid #000000;
	
	float: left;
}

#mailform #mailformformtype_mail, #mailform .powermail_submit {
	margin: 20px 0 0 150px;
	padding:4px 15px 4px 15px;
	background-color:#ED1C24;
	font-weight:bold;
	font-size:12px;
	letter-spacing:1px;
	color:#FFFFFF;
}

.csc-mailform-radio fieldset{
border:0px;
}

.csc-mailform-radio legend{
display:none;
}

.tx_powermail_pi1_fieldwrap_html, #mailform .powermail_check_inner{
clear:both;
}

#mailform .powermail_check_inner label{
padding-left:150px;
}
#mailform .powermail_check_inner input{
border:0px;
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title{
color:#231F20;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
margin-left:150px;
margin-top:10px;
}

/* ========================================================
   4.2 Versteckte Kategorien (nav02)
======================================================== */

/** id des listen-Elementes (li) im Quellcode suchen (z.B. .navit034) und den "span"-Tag auf display:none setzen 
UND line-height sowie font-size für den IE auf 1px setzen **/
#navit034 span, #navit0109 span, #navit083 span, #navit0739 span {
display:none;
}
#navit034, #navit0109, #navit083, #navit0739 {
font-size:1px;
line-height:1px;
}

/* ========================================================
   4.3 Suche
======================================================== */

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup, .tx-indexedsearch-sw {
color:#ED1C24;
}
.tx-indexedsearch-searchbox{
border:1px solid #CCCCCC;
padding:10px 15px 0px 15px;
margin:0px;
background-color:#EEEEEE;
width:180px;
}
.tx-indexedsearch-searchbox dd{
margin-left:0px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword,
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button{
width:180px;
}
.tx-indexedsearch-searchbox .submit{
background-color:#ED1C24;
border:1px solid #2D2D2D;
color:white;
font-size:14px;
padding:5px;
font-weight:bold;
margin-bottom:5px;
}
.tx-indexedsearch .tx-indexedsearch-whatis{
font-size:16px;
font-weight:bold;
letter-spacing:1px;
margin-top:25px;
}
.tx-indexedsearch-browsebox{
color:#666666;
}
.tx-indexedsearch-res .tx-indexedsearch-res{
padding:10px;
border:1px solid #CCCCCC;
margin-bottom:10px;
}
#content .tx-indexedsearch-res p{
padding-bottom:0px;
}
#content .tx-indexedsearch-res h3 a{
font-weight:bold;
font-size:14px;
}
#content .tx-indexedsearch-path a{
color:#ED1C24;
}
.tx-indexedsearch-percent{
color:#666666;
}
#content .tx-indexedsearch-info{
color:#666666;
padding:2px;
font-size:10px;
}


/* ========================================================
   4.4 News
======================================================== */

/* ----------------newscontainer-------------------*/

#left .news-latest-morelink, #right .news-latest-morelink{
margin-top:5px;
margin-bottom:18px;
text-align:right;
}
#left .clearer, #right .clearer,
#left .news-latest-date, #right .news-latest-date,
#left h2, #right h2{
display:none;
}
#left .edge, #right .edge{
clear:both;
}


/* ----------------newsuebersicht-------------------*/

.news-list-container h1{
	color: #29417B;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #BCBACF;
	font-size:14px;
	padding-bottom: 3px;
	margin-bottom:6px;
	letter-spacing:2px;
}
.news-list-container h1 a, #left h3 a, #right h3 a {
	text-decoration: none;
}

.news-list-date, .news-list-date a{
	font-size: 12px;
	color: #999999;
	text-align: left;
	line-height: 14px;
	padding-top: 2px;
	margin-left: 3px;
	letter-spacing:0px;
}
.news-list-morelink {
text-align:right;
}

#content .news-list-item h3 a{
display:block;
font-size:16px;
font-weight:bold;
}

/* ----------------newsallgemein-------------------*/
.news-list-item {
padding-bottom: 15px;
}
.newsimg{
float:left;
margin-top:10px;
padding-right:8px;
}
#left .newsimg, #right .newsimg{
margin-top:4px;
}
.news-single-img{
float:right;
padding-left:18px;
}
.wedge{
clear:left;
}

/* ========================================================
   4.5 WT-Gallerie
======================================================== */

/* ========================================================
   5 Typo3 Template "Hacks"
======================================================== */

#left h1, #right h1 {
margin:0 0 10px;
}
#left h1, #right h1 {
background-color:#999999;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
margin:0 0 4px;
padding:4px 6px;
}

#right .csc-frame-frame1 {
background-image:url(http://dev.vps.megatech.de/fileadmin/template/images/righth1border.gif);
}
.csc-frame-frame1 {
background-color:#EEEEEE;
background-repeat:no-repeat;
border:1px solid #CCCCCC;
padding:6px 0;
}


/* ========================================================
   Box Newsletter Hinweis Startseite
======================================================== */

#newsletterStartseite{
margin-top:55px;
padding-top:15px;
border-top:1px solid #ED1C24; 
}

#newsletterStartseite h2 span{
color:#ED1C24;
}

.nsListe{
float:left;
width:380px;
margin-top:15px;
}
	.nsListe ul {
	margin-top:10px;
	}
	#content .nsListe ul li {
    background: url("../images/newsletter_haken.png") no-repeat scroll 0 0px transparent;
	padding: 0 0 15px 40px;
	}

.nsBeispiel{
float:left;
width:175px;
}

.nsAnmelden{
margin-left:100px;
}
	.nsAnmelden a{
	background-image:url("../images/button_jetztanmelden.gif");
	background-repeat:no-repeat;
	background-position:0 0;
	border:0;
	text-decoration:none;
	display:block;
	height:41px;
	width:177px;
	}
	.nsAnmelden a:hover{
	background-position:0 -41px;
	}
	.newsletterAnmelden span {
	display:none;
	}
	


/* start teaser landing */
#contentWrapTeaser{
background-color:#DBDBDB;
background-image:url("../landingpage/images/background.jpg");
background-repeat:no-repeat;
background-position: left center;
padding:15px;
border: 1px solid #CCCCCC;
}
		#contentWrapTeaser .floatLeftTeaser{
		float:left;
		width:300px;
		font-size:12px;
		}
		
		#contentWrapTeaser .floatRightTeaser{
		float:right;
		width:200px;
		font-size:12px;
		}
		#contentWrapTeaser #package{
		text-align:center;
		margin:0 0 20px 0;
		}
		#contentWrapTeaser a.buttonAction, #contentWrapTeaser a.buttonAction:link, #contentWrapTeaser a.buttonAction:visited {
		width:200px;
		height:81px;
		
		margin:0 auto;
		padding:0;
		display:block;
		
		text-align:center;
		
		color:#FFFFFF;
		font-size:1.3em;
		font-weight:bold;
		text-decoration:none;
		
		background-image:url("../images/buttonAction.png");
		background-repeat:no-repeat;
		background-position: 0px -81px;
		}
	#contentWrapTeaser a.buttonAction:hover {
	background-position: 0px 0px;
	}
	
	#contentWrapTeaser .hinweisTeaser{
	text-align:center;
	font-size:12px;
	}
/* ========================================================
   4.7 Powermail
======================================================== */

/* Form */
.tx-powermail-pi1{
font-size:1em
}
span.powermail_mandatory, .tx-jkpoll-pi1 .error {
	/* Color of mandatory error message */
	color: red;
}
.tx-jkpoll-pi1 .error {
	line-height:18px;
}
input.validation-failed,
textarea.validation-failed, .tx-jkpoll-pi1 .error {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset, .tx-jkpoll-pi1 fieldset {
	/* Fieldset */
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend, .tx-jkpoll-pi1 legend {
	/* legend of Fieldset */
	color: #ED1C24;
	line-height: 1.2em;
	padding: 0.685em 0;
	font-weight:bold;
	font-size:1.15em;
}
	fieldset.nofieldset {
	background-color:transparent;
	border:0px;
	}
	fieldset.nofieldset, fieldset.nolegend {
	margin-top:20px;
	}
	fieldset.nofieldset legend, fieldset.nolegend legend {
	display:none;
	}
	
fieldset.tx-powermail-pi1_fieldset label, .tx-jkpoll-pi1 label {
	/* label */
	display: block;
	width: 200px;
	float: left;
	clear: both;
	font-weight: bold;
}
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner label{
font-weight:normal;
}
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner{
margin-bottom:5px;
}
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner label{
font-weight:normal;
width:490px;
float:right;
}


fieldset.tx-powermail-pi1_fieldset input.powermail_text, .tx-jkpoll-pi1 input
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, .tx-jkpoll-pi1 textarea
fieldset.tx-powermail-pi1_fieldset select.powermail_select, .tx-jkpoll-pi1 select {
	/* Input and textarea */
	width: 210px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin:0 0 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 25px 0 10px 200px;
	font-weight: bold;
	
	display: block;
	border: 1px solid #ACACAD;
	background-color: #eeeeee;
	color:#ED1C24;
	
	width: 140px;
	height: 35px;
	
	cursor:pointer;
}

	fieldset.tx-powermail-pi1_fieldset input.powermail_submit:hover { 
	color:#ED1C24;
	border: 1px solid #ED1C24;
	background-color: #ffffff;
	}

p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0 0 10px;
	font-size:1em;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {

}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}

@media only screen and (max-device-width: 481px) {
    object { display:none; }
}