/*  =========================================================
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 Modern FAQ
	4.6 MegaCAD Preisliste
	4.7 Powermail
	4.8 Dateiliste

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


/* ##############################
   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; 
  padding:0 0 0 5px;
}

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;
}

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

/* ##############################
   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(http://dev.vps.megatech.de/fileadmin/template/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(http://dev.vps.megatech.de/fileadmin/template/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(http://dev.vps.megatech.de/fileadmin/template/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(http://dev.vps.megatech.de/fileadmin/template/images/background.jpg); /** Hintergrund y-Richtung **/
background-repeat:repeat-y;
text-align:left;
}

	.contentBereichBorder{
	height:9px;
	margin:0px 0px 10px 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:20px;
	padding:0px 0px 4px 0px;
	margin:0px 0px 12px 0px;
	font-weight:normal;
	border-bottom:1px solid #ACACAD;
	}
		#content h1 span{
		color:#797B7D;
		font-size:14px;
		}
		#page2 #content h1{
		color:#ED1C24;
		font-size:16px;
		padding:30px 0px 10px 0px;
		margin:0px;
		font-weight:bold;
		border:0px;
		}
		
		
	#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(http://dev.vps.megatech.de/fileadmin/template/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:#231F20;
	font-size:14px;
	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-size:12px;
	/*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(http://dev.vps.megatech.de/fileadmin/template/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,
		#page18 #content li,
		#page19 #content li,
		#page20 #content li,
		#page21 #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:30px;
	}
	
	#content th{
	
	}
	#content table .align-left{
	text-align:left;
	}
	
/* ========================================================
   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 #CCCCCC;
		padding:6px 0px 6px 0px;
		background-repeat:no-repeat;
		background-color:#EEEEEE;
		}
			#left .csc-frame-frame1{
			background-image:url(http://dev.vps.megatech.de/fileadmin/template/images/lefth1border.gif);
			}
			#right .csc-frame-frame1{
			background-image:url(http://dev.vps.megatech.de/fileadmin/template/images/righth1border.gif);
			}
			
			#page94 .csc-frame-frame1{
			padding:15px;
			margin:20px 0;
			}
			
	.csc-frame-frame2{
		padding:18px 0px 16px 0px;
		background-image:url(http://dev.vps.megatech.de/fileadmin/template/images/rightBoxGreyBack.jpg);
		background-repeat:no-repeat;
		background-color:#58595B;
		color:#FFFFFF;
		}
		
	
		#left h1, #right h1{
		color:#FFFFFF;
		font-size:13px;
		background-color:#999999;
		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:right;
		}
		.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(http://dev.vps.megatech.de/fileadmin/template/images/right-info-back.gif);
		background-repeat:repeat-x;**/
		background-color:#FFFFFF;
		height:350px;
		}
		#branche .rightInfo{
		background-image:url(http://dev.vps.megatech.de/fileadmin/template/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(http://dev.vps.megatech.de/fileadmin/template/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(http://dev.vps.megatech.de/fileadmin/template/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(http://dev.vps.megatech.de/fileadmin/template/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(http://dev.vps.megatech.de/fileadmin/template/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(http://dev.vps.megatech.de/fileadmin/template/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(http://dev.vps.megatech.de/fileadmin/template/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,
#untermenu ul li.active ul li .current a:hover,
#untermenu ul li.active ul li .current a:visited{
background-color:transparent;
background: none;
color:#FFFFFF;
text-decoration:underline;
}


/* ========================================================
   3.2 Menu vertikal (untermenu)
======================================================== */	


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

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

#unteruntermenu 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(http://dev.vps.megatech.de/fileadmin/template/images/sub01-back.gif);
	background-repeat:repeat-x;
	background-color:#5D5E60;
	}
	.sub01 .sub01{
	background:transparent;	
	}

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



/* ##############################
   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;
	margin-top:4px;
	float: left;
}

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

#mailform select {
	margin: 3px 0px 8px 0px;
	
	float: left;
}

#mailform textarea {
	margin: 3px 0px 8px 150px;
	
	border: 1px solid #A5ACB2;
	
	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;
}

#mailform fieldset{
border:0px;
}

#mailform legend{
display:none;
}

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

#mailform .mffcheck, #mailform .mffradio{
width:450px;
height:25px;
}
#mailform .mffcheck label, #mailform .mffradio label{
float:right;
width:283px;
margin:0px;
}
#mailform .mffcheck .mf-check, #mailform .mffradio .mf-check{
float:right;
width:20px;
border:0px;
margin:0px;
padding:0px;
}

#mailform .mfflabel{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
margin-left:150px;
margin-top:10px;
color:#666666;
}

#mailform .mfflayout{

}

.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;
display:none;
}
.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 Modern FAQ
======================================================== */
.tx-irfaq-pi1 ul.tx-irfaq-questions-list { margin-bottom: 75px; }
.tx-irfaq-pi1 ul li a p.bodytext { margin: 0px; display: inline; font-weight: bold; }
.tx-irfaq-pi1 ul li a { color: #000; text-decoration: none; }
.tx-irfaq-pi1 ul li a:hover { color: #000; text-decoration: underline; }
.tx-irfaq-pi1 .tx-irfaq-answer { margin-bottom: 10px; }
.tx-irfaq-pi1 .tx-irfaq-answer h4 p.bodytext { margin: 0px; display: inline; font-weight: bold; }
.tx-irfaq-pi1 dt p { font-weight: bold; margin: 0px; display: inline; }
.tx-irfaq-pi1 dd { margin-left: 0px; }
.tx-irfaq-pi1 dd p { margin-top: 0px;	}
.tx-irfaq-pi1 .additional-info { border-top: 2px solid #e6e6e6; margin-bottom: 10px; }
.tx-irfaq-pi1 .irfaq-related-faq, .tx-irfaq-pi1 .irfaq-related-links { padding-top: 0px; padding-bottom: 0px; margin-top: 3px; margin-bottom: 15px; }

.tx-irfaq-cleaner { clear: left; height: 5px; }
.tx-irfaq-dynheader { border-top: 1px solid #e6e6e6; padding-top: 5px; cursor: pointer; }
.tx-irfaq-dynans-hidden { display: none; }
.tx-irfaq-dynans-visible { display: inline; }
.tx-irfaq-toggleAll { display: none; }

/* ========================================================
   4.6 MegaCAD Preisliste
======================================================== */
.tx_mtpreise { width: 555px; margin: 0 0 15px 0; }
.tx_mtpreise tr td {
	background: #EEEEEE;
	/*width: auto;*/
	margin: 0;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #DEDEDE;
	font-size: 11px;
}
tr.tx_mtpreise_selected td { color:#ED1C24; font-weight: bold; }
.tx_mtpreise_produkt { width: auto; }
.tx_mtpreise_preis  { width: 150px; }


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

/* allgemeine Tabelleneigenschaften ==================== */
/* ===================================================== */
.customTable,
.customTableCentered,
.customTableFeatures,
.customTableDates,
.customTableVerVergl,
.customTableFunkAbgr {
	width: 555px;
	margin: 0 0 15px 0;
}

.customTable tr td,
.customTableCentered tr td,
.customTableFeatures tr td,
.customTableDates tr td,
.customTableVerVergl tr td,
.customTableFunkAbgr tr td {
	background: #EEEEEE;
	width: auto;
	margin: 0;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #CCCCCC;
	font-size: 11px;
}

/* spezielle Tabelleneigenschaften ===================== */
/* ===================================================== */

/* - Text Mittenzentriert - */
.customTableCentered tr td.td-0 { text-align: right; }

/* - Schnittstellen - */
.customTableFeatures tr td.td-0 {
	width: 200px;
	text-align: right;
}
.customTableFeatures tr td.td-1 { width: 355px; }

/* - Datum - */
.customTableDates tr td {
	background: #EFEFEF;
	border-color: #DEDEDE;
}
.customTableDates tr td.td-0 { width: 150px; }

/* - Versionsvergleich */
.customTableVerVergl tr.tr-odd td {
	background: #DDDDDD;
}
.customTableVerVergl tr.tr-1 td ,
.customTableVerVergl tr.tr-29 td , 
.customTableVerVergl tr.tr-56 td , 
.customTableVerVergl tr.tr-65 td {
	background: #BBBBBB;
}

/* Funktionsabgrenzung */
.customTableFunkAbgr tr.tr-odd td {
	background: #DDDDDD;
}
.customTableFunkAbgr tr.tr-0 td {
	background: #BBBBBB;
}

/* Layoutanpassungen =================================== */
/* ===================================================== */
#left { padding-top: 54px; }
#left h1, #right h1 { margin: 0 0 10px 0; }

#content { width: 740px; }
#content ul li { background-position: 0 7px; padding: 0 0 5px 16px; }
#content .rightSearch { margin: 0 0 -21px 0; padding: 11px 0 0 0; }
/*
*html #content #contentkernel { margin: -20px 0 0 0; }
*/
#content #contentkernel { width: 555px;}
.newsletterArchiv #content #contentkernel { width: 680px;}

#content #contentkernel h1.csc-firstHeader { width: 740px; }

#content #contentkernel .csc-textpic-text h4 { width: 720px; }
#content .csc-textpic { margin-bottom: 0; }
/*
#content #contentkernel .csc-textpic-text { width: 555px; }
#content #contentkernel .cobject { width: 555px; }
#content #contentkernel .cobject_rec1 { width: 740px; }
*/

#right { position: absolute; top: 255px; margin-left: 775px; }
#right .cobject { width: auto; }
.newsletterArchiv #right, .newsletterArchiv .rightSearch { display:none;}

/* 2009-05-06 */
/* *html .csc-textpic-intext-left-nowrap .csc-textpic-text { margin: -30px 0 0 0; } */ 

*html .nav01 li a, *html .nav01 li a:visited { padding: 0px 9px 2px 9px; } 

#cobject_210 .mffcheck { height: 30px; }



.indent { padding: 0 0 0 15px; }

#mailform .mffcheck label,
#mailform .mffradio label {
	float: right;
	margin: 0 0 0 5px;
	width: 278px;
}

.csc-frame.csc-frame-frame2 {
	background: none;
	height: 210px;
	margin: 0;
	padding: 0;
}


#crumbs{
margin-top:170px;
margin-left:203px;
}
	#breadcrumb{
	float:left;
	font-size:10px;
	}
	#breadcrumbzwei{
	float:left;
	font-size:10px;
	}
	
	/* 2009-05-04 
	*html div.csc-textpic-clear {
	clear:both;
	height:20px;
	}*/

/* ========================================================
   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;
}

/* ========================================================
   4.8 Dateiliste
======================================================== */
.csc-uploads-fileName p{
margin: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;
	}
	
	
	
/* Umfrage */
#page775 .powermail_radio_inner label{
display:none;
}
#page775 .powermail_radio_inner {
float:left;
width:65px;
}
#page775 .tx_powermail_pi1_fieldwrap_html_radio_title{
clear:both;
width:200px;
float:left;
}
#page775 #powermaildiv_uid150{
margin-bottom:20px;
}

#page775 .tx_powermail_pi1_fieldwrap_html_radio{
background-image:url(../images/umfrage_bg.gif);
	background-repeat:no-repeat;
	background-position:183px 0;
	display: block;
    height: 25px;
	}

#powermaildiv_uid151 {
margin-top:10px;
}
#powermaildiv_uid152 label, #powermaildiv_uid151 label{
font-weight:normal;
}