/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* /Reset Ende */


/*  Start */
html, body {
     height: 100%;
}

body {
margin:0 auto;
padding:0;
font:76% Verdana,Arial,sans-serif;
background:#FFDA7F url(http://www.rousselot-aubais.com/images/bg.gif) top center repeat-y;
color:#303030;
}

#wrapper {

color:#303030;
margin:0 auto;
width:961px;
background-color: white;
    min-height: 100%;
     height: auto !important;
    height: 100%;
    margin: 0 auto -9.6em; /* minuswert wie .footer Höhe inkl. padding und margin */
}

.footer, .push {
     height: 9.4em;
}


#homecontent {
	width:100%;
}

#homecontent h1 {
font-family: "Trebuchet MS",erdana,Arial,sans-serif; 
 font-size: 3em;
 font-weight: normal;
 text-align: center;	
 margin: 30px 0 20px 0;
}

#homecontent h2 {
font-family: "Trebuchet MS",erdana,Arial,sans-serif; 
  font-size: 2em;
 font-weight: normal;
  text-align: center;
  margin-bottom: 20px;				
}

#homecontent h3 {
 font-size: 2em;
 font-weight: normal;
  margin-bottom: 15px;
  margin-top: 20px;				
}

#homecontent img {
	border: 1px solid gray;
	padding: 3px;
}

#homecontent p {
	font-size: 1.2em;
 line-height: 1.8em;
}

#homecontent .box {
	width: 411px;	
float:left;
margin: 0 0 0 48px;
}

#footerhome {
clear:both;
background:#FFDA7F;    
	margin:auto;
height: 8em;
width:962px;
color:#808080;
font-size:1em;
padding:.8em 0 0.8em 0;
}

#footerhome p {
	padding-left: 510px;
	line-height: 1.4em;
}

#siteby {

 float:right;
 text-align: right;
 margin:35px 0 0 0;
 font-size: 0.9em;
 padding-right: 20px;
}


/* Verschiedene */


/* Header */
#header {
margin:10px 0 0;
padding:0;
height:45px;
}

#header h1 {
color:#505050;
background-color:inherit;
width:700px;
margin:0 0 0 20px;
font-size:2.2em;
float:left;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#headerbalken {
clear: both;
 height: 200px;
 background-color: #505050;
 background-image: url(http://www.rousselot-aubais.com/images/balken_aubais2.jpg);
 background-position: left;
 background-repeat: no-repeat;
}

#headerbalken2 {
clear: both;
 height: 200px;
 background-color: #505050;
 background-image: url(http://www.rousselot-aubais.com/images/balken_leucate.jpg);
 background-position: top;
 background-repeat: no-repeat;
}


#menubar {
/*	padding-top: 170px; */
	width: 960px;
	margin-top: -30px;
}

#langnavi {
	float:right;margin-top:40px;margin-right:160px;
}

/* Linke Spalte */
#leftcol {
clear:left;
float:left;
width:220px;
margin-top:40px;
}

#leftcol h2,#leftcol h3 {
color:#505050;
background-color:inherit;
font-size:1.1em;
margin:0 0 10px 20px;
padding:0;
line-height: 1.5em;
}



#aktuell {
clear: both;
margin: 35px 20px 20px 20px;
width:160px;
padding:10px;
font-size:0.9em;
background-color: #FFCC66;
color:#505050;
line-height:1.5em;
}

#aktuell h2 {
	margin-left:0;
/*	border-left: 5px solid white; */
	background-color: #FFDA7F;
	text-align: center;
}

#aktuell p {
margin:10px 0 0;

}

table {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-collapse: collapse; 
	background-image: url(http://www.rousselot-aubais.com/images/tablebg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #616161;
	width: 470px;
}

td, th { 
padding: .3em; 
border: 1px #ccc solid; 
line-height: 1.4em;
}




/* Submenue */

#submenu {
margin-bottom: 20px;	

}

ul.submenu {
width:170px;
margin:0 20px 20px 20px;
list-style:none;
}

ul.submenu li {
width:170px;
padding:0;
line-height:1.3em;
display:inline;
}

ul.submenu li a {
background-color: #BDD2FF;  
color:#13a;
margin-bottom: 1px;
width:170px;
float:left;
padding:4px 1px 4px 5px;
border-left:4px solid white; 
text-decoration:none;
}

ul.submenu li a:hover,ul.submenu li a.current {
background-color: #CFDEFF;
border-left: 4px solid #0F61F2;
color: black;
}

ul.submenu ul {
margin:0 0 0 15px;
padding:0 0 5px 0;
font-size:0.9em;
width:125px;
}

ul.submenu ul a {
padding:3px 1px 3px 5px;
width:170px;
}

ul.submenu ul ul {
width:113px;
}

ul.submenu ul ul a {
width:100px;
}

/* Rechte Spalte */
#rightcol {
float:left;
width:200px;
margin:20px 0 30px 20px;
line-height:1.4em;
}

#rightcol p,#rightcol ul {
font-size:0.9em;
margin:0 0 16px 0;
padding:0;
}

#rightcol h2, #rightcol h3 {
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#505050;
background-color:inherit;
font-size:1.2em;
margin:20px 0 4px 0;
}

.spaltenbilder {
	margin-bottom:15px;
}

.klein {
	font-size: 0.75em;
}

/* Content */
#content {
width: 510px;
/*
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
*/
line-height:1.6em;
float: left;
margin:20px 0 30px;
}

#content h1 {
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:2em;
font-weight: normal;
margin:0 0 10px 20px;
}

#content h2 {
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight: normal; 
margin:15px 0 8px 20px;
}

#content h3 {
font-size:1.4em;
margin:0 0 8px 20px;
}

#content p {
	margin: 0 15px 8px 20px;
}


.toppointer {
	text-align: right;
}
/*
#content ul, #content ol {
margin:0 0 16px 20px;
}

#content li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #content ol ol, {
margin:0 0 0 16px;
padding:0;
}

*/

#content ul {
	margin:0 30px 5px 60px;
	list-style-type: disc;
	list-style-position: outside;
}


/* Footer */
#footer {
clear:both;
background:#FFDA7F;    
	margin:auto;
height: 8em;
width:962px;
color:#808080;
font-size:1em;
padding:.8em 0 0.8em 0;
}

#footer p {
	padding-left: 240px;
}


/* Verschiedene */
.fotoleft {
padding:2px;
border: 1px solid gray;
margin-right:10px;
}

.fotoright {
padding:2px;
border: 1px solid gray;
margin-right: 10px;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.hidden {
display:none;
}

a[href^="mailto:"] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(http://www.rousselot-aubais.com/images/icon_mail.gif) center left no-repeat;
}

a {
text-decoration:none;
color: blue;
background-color:inherit;
}

a:visited {
text-decoration:none;
color:blue;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color: orange;
background-color:inherit;
}

a.current {
color: gray;	
 text-decoration: none;
}

a img {
border:0;
}


#formularbg {
	margin: 20px 0 20px 0;
	width: 480px;
}

#formularbg #submit {
	background-color: #bfe0ff;
	color: black;
	font-family: Arial, Geneva, sans-serif;
	width: 100px;
	font-size: 0.9em;
}


#formularbg .hidden { display: none; float: none; width: 0; }

#formularbg fieldset { 
	margin-top: 10px; 
	}

#formularbg form br { clear: left; }

#formularbg input {
	float: left;
	font-family: Arial, Geneva, sans-serif;
	font-size: 1em;
	width: 200px;
}

#prospekte input {
	width: 30px;
	background-color: Lime;
}

#formularbg .check{
	float: left;
	font-family: Arial, Geneva, sans-serif;
	font-size: 1em;
	width: 30px;
}

#formularbg input,textarea {
	background: #FFFFFF;
	border: 1px solid #A9A9A9;
	font-family: Arial, Geneva, sans-serif;
	margin: 4px 0;
	padding: 3px 3px;
	font-size: 0.9em;
}


#formularbg input:focus,textarea:focus {
	background-color: #ffe4e1;
}

#formularbg input .req {
	border-color: #dc143c;
}

#formularbg label {
	display: block;
	float: left;
	font-size: 0.9em;
	padding-right: 0.8em;
	padding-top: 3px;
	text-align: right;
	width: 180px;
}

#formularbg label .check { width: 200px; }

#formularbg legend {

	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 4px;
	padding: 0 4px 0 4px;
	margin-left:10px;
}

#formularbg select { display: block; float: left; width: 260px; }

.formnote {
clear: both;
	display: block;
	padding-left: 188px;
	font-size: 0.9em;
}


#scode { 
font-size: 0.8em; 
margin-top: 7px; 
width: 360px;  
margin-left: 188px;
font-weight: normal;
}

#captchapic { margin-left:188px;margin-top:10px; }

.watermark {
	color: #ff9faa;
}

#scode { font-size: 0.9em; 
margin-top: 7px; 
/*padding-left: 30px; */
width: 360px;  
font-weight: bold;
margin-left: 188px;
}