/* generell */
body {
font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
font-size:  11px;
color:   #141312;
margin:   0px;
padding:   0px;
background:  url(gfx/backgrounds/body-bg.gif) top left repeat-x #181c1e;
text-align:  left; /* For IE */
}





/* Container Styles */
#container {
position:  absolute;
top:    0px;
left:    0px;
width:   985px !important;
width /**/:  985px;
height:   485px;
margin:   0 auto;
text-align:  left; /* For IE, see above */
background:  url(gfx/backgrounds/container-bg.gif) top left no-repeat;
}


/* allgemeine Styles */
a{
color:   #ed6b05;
text-decoration: none;
}

a:hover{
color:   #ed6b05;
text-decoration: underline;
}

h1{
font-size: 16px;
color:  #ed6b05;
padding:  0px;
margin:  0 0 15px 0;
}

h2{
font-size: 13px;
padding:  0px;
margin:  10px 0 7px 0;
}

h3{
color:  #ed6b05;
font-size: 12px;
padding:  0px;
margin:  10px 0 7px 0;
}

p{
padding:   0px;
margin:   0 0 20px 0;
line-height: 18px;
}


/* Head Bereich */

#lang{
position:  absolute;
top:    25px;
left:    40px;
color:   #141312;
}

#lang a{
color:   #141312;
text-decoration: none;
}

#lang a:hover{
color:   #141312;
text-decoration: underline;
}

#lang a.aktiv{
color:   #141312;
text-decoration: underline;
}


#logo {
position:  absolute;
top:    30px;
left:    770px;
width:   176px;
height:   46px;
background:  url(gfx/paralex-logo.gif);
}

#logo:hover {
background:  url(gfx/paralex-logo-hover.gif);
}

/* left allgemein */

#mehrwert{
position:  absolute;
top:    175px;
left:    40px;
width:   171px;
}

#mehrwert img{
margin-bottom: 8px;
border:   none;
}

#suche{
position:  absolute;
top:    345px;
left:    40px;
height:   18px;
}

#suche input.suchfeld{
background: url(gfx/backgrounds/suche.gif) no-repeat;
height:   16px;
width:   122px;
border:   none;
font-size:   9px;
color:   #4c4c51;
padding:   2px 5px 0 10px;
margin:   0px 5px 0 0;
}

#contact{
position:  absolute;
top:    385px;
left:    40px;
}

#footer{
position:  absolute;
top:    510px;
left:    40px;
color:   #ffffff;
}

#footer a{
color:   #ffffff;
text-decoration: none;
}

#footer a:hover{
color:   #ed6b05;
text-decoration: underline;
}

/* Content Background */

#shadow{
position:  absolute;
top:    97px;
left:    221px;
width:   739px;
height:   388px;
background:  url(gfx/backgrounds/shadow-bg.gif) no-repeat;
z-index:   0;
}


#contentbox{
position:  absolute;
top:    100px;
left:    224px;
width:   727px;
background:  url(gfx/backgrounds/contentbox-bg.gif) repeat-y;
z-index:   1;
}

#top{
width:   727px;
height:   28px;
background:  url(gfx/backgrounds/top-bg.gif);
}



#left{
width:   155px;
margin:   45px 20px 0 30px;
float:   left;
}

#content{
width:   492px;
margin:   35px 0 0px 0;
min-height:  350px;
float:   left; /* Extrawurst ff */
}

#bottom{
width:   727px;
height:   15px;
background:  url(gfx/backgrounds/bottom-bg.gif);
float:   left; /* Extrawurst ff */
}

/* Haupt-Navigation in top */

#navigation{
position:  absolute;
left:    12px;
height:   28px;
}

#navigation div{
float:   left;
}

#navigation span{
display: none;
}


#navigation div.home a{
display:   block;
height:   28px;
width:   76px;
background:  url(gfx/navigation_EN/home.gif);
padding:   0px;
margin:   0px;
float:   left;
}

#navigation div.home a:hover{
background:  url(gfx/navigation_EN/home-hover.gif);
}

#navigation div.homeaktiv a{
display:   block;
height:   28px;
width:   76px;
background:  url(gfx/navigation_EN/home-hover.gif);
padding:   0px;
margin:   0px;
float:   left;
}




#navigation div.about a{
display:   block;
height:   28px;
width:   79px;
background:  url(gfx/navigation_EN/about.gif);
padding:   0px;
margin:   0px;
float:   left;
}

#navigation div.about a:hover{
background:  url(gfx/navigation_EN/about-hover.gif);
}

#navigation div.aboutaktiv a{
display:   block;
height:   28px;
width:   79px;
background:  url(gfx/navigation_EN/about-hover.gif);
padding:   0px;
margin:   0px;
float:   left;
}


#navigation div.technology a{
display:   block;
height:   28px;
width:   92px;
background:  url(gfx/navigation_EN/product.gif);
padding:   0px;
margin:   0px;
float:   left;
}

#navigation div.technology a:hover{
background:  url(gfx/navigation_EN/product-hover.gif);
}

#navigation div.technologyaktiv a{
display:   block;
height:   28px;
width:   92px;
background:  url(gfx/navigation_EN/product-hover.gif);
padding:   0px;
margin:   0px;
float:   left;
}



#navigation div.general a{
display:   block;
height:   28px;
width:   93px;
background:  url(gfx/navigation_EN/general.gif);
padding:   0px;
margin:   0px;
float:   left;
}

#navigation div.general a:hover{
background:  url(gfx/navigation_EN/general-hover.gif);
}

#navigation div.generalaktiv a{
display:   block;
height:   28px;
width:   93px;
background:  url(gfx/navigation_EN/general-hover.gif);
padding:   0px;
margin:   0px;
float:   left;
}



#navigation div.news a{
display:   block;
height:   28px;
width:   75px;
background:  url(gfx/navigation_EN/news.gif);
padding:   0px;
margin:   0px;
float:   left;
}

#navigation div.news a:hover{
background:  url(gfx/navigation_EN/news-hover.gif);
}

#navigation div.newsaktiv a{
display:   block;
height:   28px;
width:   75px;
background:  url(gfx/navigation_EN/news-hover.gif);
padding:   0px;
margin:   0px;
float:   left;
}

#navigation div.contact a{
display:   block;
height:   28px;
width:   91px;
background:  url(gfx/navigation_EN/contact.gif);
padding:   0px;
margin:   0px;
float:   left;
}

#navigation div.contact a:hover{
background:  url(gfx/navigation_EN/contact-hover.gif);
}

#navigation div.contactaktiv a{
display:   block;
height:   28px;
width:   91px;
background:  url(gfx/navigation_EN/contact-hover.gif);
padding:   0px;
margin:   0px;
float:   left;
}

#login{
position:  absolute;
right:   25px;
height:   28px;
}

#login a{
display:   block;
height:   28px;
width:   75px;
background:  url(gfx/navigation_ES/login.gif);
padding:   0px;
margin:   0px;
float:   left;
}

#login a:hover{
background:  url(gfx/navigation_ES/login-hover.gif);
}

/* Unter-Navigation in contentbox */

ul.seknavi{
width:  155px;
margin:  25px 0 0 0;
padding:  0px;
}

ul.seknavi li{
width:  155px;
height:  18px;
margin:  0 0 5px 0;
padding:  0px;
list-style: none;
}

ul.seknavi a{
display:  block;
width:  155px;
height:  18px;
margin:  0px;
padding:  4px 0 0 23px;
background: url(gfx/navigation_ES/seknavi.gif) left no-repeat;
}

ul.seknavi a:hover{
color:  white;
background: url(gfx/navigation_ES/seknavi-hover.gif) left no-repeat;
text-decoration: none;
}

ul.seknavi a.aktiv{
display:  block;
width:  155px;
height:  18px;
margin:  0px;
padding:  4px 0 0 23px;
color:  white;
background: url(gfx/navigation_ES/seknavi-hover.gif) left no-repeat;
text-decoration: none;
}



/* Index Styles */


#news{
width:   155px;
height:   210px;
background:  url(gfx/backgrounds/news-bg.gif) top left no-repeat;
padding-top: 35px;
line-height: 18px;
}

#news h3{
color:  #ed6b05;
font-size: 12px;
padding:  0px;
margin:  0px 0 0px 0;
line-height: 18px;
}

#news a{
color:   #141312;
text-decoration: none;
}

#ttnews-list a{
color:   #141312;
text-decoration: none;
}

#news a:hover{
color:   #ed6b05;
text-decoration: underline;
}

#ttnews-list a:hover{
color:   #ed6b05;
text-decoration: underline;
}

.news-list-item{
margin-bottom: 35px;
}

.news-list-item p{
margin-bottom: 0px;
padding-bottom: 0px;
}


/* Styles für Kontaktformular */


#content p.form_error{
	color : 				#ed6b05;
	font-weight:		bold;
}

#content input.eingabe {	
	width:  				190px;		
	font-size:			11px;
	text-align: 		left;
	border: 				1px #333333 solid;
}

#content input.pflicht {	
	width:  				190px;				
	font-size:			11px;
	text-align: 		left;
	border: 				1px #ed6b05 solid;
	background: 		#ffeadc;
}

#content textarea.formular {			
	font-size:			11px;
	text-align: 		left;
	border: 				1px #333333 solid;
	width:				300px;
}

#content input.button {			
	font-size:			11px;
	font-weight:		bold;
	text-align: 		center;
	border: 				1px #ed6b05 solid;
	background: 		#ffeadc;
	color:				#ed6b05;
}


/* Sitemap Styles */
.csc-sitemap ul li{
list-style:   none;
background:   none;
padding:    0px;
font-weight:  bold;
}

.csc-sitemap ul li ul {
margin-bottom:  20px;
}

.csc-sitemap ul li ul li{
list-style:   none;
background:   url(gfx/buttons/go.gif) left no-repeat;
padding:    0 0 0 23px;
margin:    5px 0 6px 0;
font-weight:  normal;
}





.tx-indexedsearch-form {
float: left;
margin-right: 15px;
}



a.video{
	display: block;
	width: 170px;
	height: 72px;
	margin-top: 80px;
	background: url(gfx/mehrwert/product-video.gif);
	}
	
a:hover.video{
	background: url(gfx/mehrwert/product-video-hover.gif);
	}
