/******************************************/
/* Basics                                */
/******************************************/

body {font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: #fff; color: #000; }
* {margin: 0; padding: 0; font-size: 1em; font-weight: normal;}

p { font-size: 1.2em; line-height: 130%; margin: 1em 0 1em 0; }
.klaerchen { clear: both; width:1px; height: 1px; font-size:1px;}
img {border: none;}

h2 {font-size: 1.2em; font-weight: bold; margin-top: 15px;}

/******************************************/
/* Layout                                */
/******************************************/

#allumfassend {	width: 870px; padding: 20px 40px 20px 40px;}

h1 { width: 870px; height: 144px; background-color: #fff;}

h1 {text-indent:-9000px;}

#navigation  {width: 870px; height: 194px; border-top: 1px solid  #999; border-bottom: 1px solid  #999;}

#inhalt {width: 870px;padding-top: 40px; background-color: #fff;}

.information14 {width: 217px; vertical-align: top; }
.information14 a {display:block; color: #000; text-decoration: none;}
.information14 h2 a { font-weight: bold; margin-top: 15px;}
.information14 p {margin: 1em 1.5em 1em 0;} 
.information14 a:hover {color: #F14E13; text-decoration: none;}
.gutter24 {width: 435px; float: left;}

.information24r {width: 435px; float: right;}
.information24l {width: 425px; float: left;}
.information24img {width: 435px; float: left; }
.information24img img {margin-top: 20px;}

.information34 {width: 651px; float: left;}

.information44 {width: 870px; float: left;  }

#news {
float: right;
display: inline; 
width: 188px; 
height: 800px;
overflow:auto;
overflow-x:hidden;
padding: 0 7px 7px 7px; 
background: url(/extensions/img/bg-news.gif) repeat-x;
}

#footer {text-align: right;margin-top: 60px; padding: 2em 0; width: 870px;	background-color: #fff; background-image: url(/extensions/img/footer-back.gif);	background-repeat: no-repeat;	background-position: right 50%;border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;}
#footer address {font-size: 1.2em; font-style: normal; margin-right: 115px;}
#footer address a {color: #999;text-decoration: none;}
#footer address a:hover {color: #F14E13;text-decoration: none;}
#footer address span  {color: #EE4E10; text-decoration: none; border-bottom: 1px dotted #242480;}

img#brillelogo {float: left; display: inline;}

.seiteninfo { float: right; display: inline;	margin-top: 65px;}

.visual {float: left; width: 668px; display: inline;}
#monoSlideshow {float: left; width: 668px; display: inline;}


/******************************************/
/* Hauptnavigation                        */
/******************************************/

#menu {float: right; display: inline;}
#menu ul {width: 196px;}
#menu ul li {overflow:hidden; list-style-type: none; margin: 0; padding: 0;}
#menu ul li a span {visibility:hidden;}
#navigation div#menu ul li a {display: block; height: 38px; text-decoration: none;}
#navigation div#menu ul li.news {background: url(/extensions/img/but-news.gif) no-repeat right top; height:38px;}
#navigation div#menu ul li.angebote {background: url(/extensions/img/but-angebote.gif) no-repeat right top; height:39px;}
#navigation div#menu ul li.produkte {background: url(/extensions/img/but-produkte.gif) no-repeat right top; height:39px;}
#navigation div#menu ul li.team {background: url(/extensions/img/but-team.gif) no-repeat right top; height:39px;}
#navigation div#menu ul li.kontakt {background: url(/extensions/img/but-kontakt.gif) no-repeat right top; height:39px;}

/* aktiv */
#navigation div#menu ul li.newsa {background: url(/extensions/img/but-newsa.gif) no-repeat right top; height:38px;}
#navigation div#menu ul li.angebotea {background: url(/extensions/img/but-angebotea.gif) no-repeat right top; height:39px;}
#navigation div#menu ul li.produktea {background: url(/extensions/img/but-produktea.gif) no-repeat right top; height:39px;}
#navigation div#menu ul li.teama {background: url(/extensions/img/but-teama.gif) no-repeat right top; height:39px;}
#navigation div#menu ul li.kontakta {background: url(/extensions/img/but-kontakta.gif) no-repeat right top; height:39px;}


/******************************************/
/* Subnavigation                          */
/******************************************/

#smenu {list-style: none; }
#smenu li {font-size: 1.2em; float: left; display: inline; }
#smenu li.first a {padding-left: 0;}
#smenu a {display: block; padding: 10px 10px 5px 0; text-decoration: none; color: #000;}
#smenu a:hover {color: #F14E13;}
#smenu .current {color: #EE4E10;}


/******************************************/
/* Formulare                              */
/******************************************/

form input,form select,form textarea { border: 1px solid #ccc; font: 1.2em Arial, Helvetica, sans-serif; }
form#formmail fieldset { border: 1px solid #999; padding: 1em; }
form#formmail legend { font-size: 1.2em; font-weight: bold; padding: 0.3em; }

form#formmail { margin: 0em; }
form#formmail legend { font-size: 1.3em; font-weight: bold; margin-bottom: 1em; padding: 0.5em; }
form#formmail label { font-size: 1.3em; width: 6em; float: left; }
form#formmail div { margin: 1em 0; }
form#formmail input { width: 300px; }
form#formmail textarea { width: 300px; }

.required { color: #F04E10; background-color: transparent; }
.formError { color: #F04E10; border-color: #F04E10; background-color: transparent; }
.buttonkontakt { margin-left:80px; margin-bottom:1em; }


/******************************************/
/* Sitemap                                */
/******************************************/

div#sitemap { font-size: 1em;}
div#sitemap  ul { font-size: 1.2em; margin: 0; padding: 0 0 0 1em; }
div#sitemap  ul li { list-style-type: square; margin-left: 0.8em;}
div#sitemap  ul ul li { list-style-type: disc; margin-left: 2em; }
div#sitemap  ul ul ul li { list-style-type: circle; margin-left: 3em;}
div#sitemap li a { color: #000; text-decoration: none; display: block; padding: 2px; }
div#sitemap li a:hover, div#sitemap li a:active, div#sitemap li a:focus { color: #fff; background-color: #F14E13; text-decoration: none; }

/******************************************/
/* Sonstiges                              */
/******************************************/

ul, ol {font-size: 1.2em; line-height: 130%;}
ul li, ol li  { margin: 1em 1em 1em 2em; list-style-type: square;}

a.linkunderline:link, a.linkunderline:visited {display: block; margin-top: 8px; text-indent: 17px; background: #fff url(/filepool/icons/link-extern.gif) no-repeat left center;}
a.linkunderline:hover {background: #fff url(/filepool/icons/link-extern-aktiv.gif) no-repeat left center;}

.information24r p a:link, .information24l p a:link { color: #000; text-decoration: none; border-bottom: 1px dotted #F14E13;}
.information24r p a:visited, .information24l p a:visited { color: #F14E13; text-decoration: none; border-bottom: 1px dotted #000;}
.information24r p a:hover, .information24l p a:hover  { color: #F14E13; text-decoration: none; border-bottom: 1px dotted #000;}
a.img { border: 0 none;}
a {outline: none;}
.bildbeschreibung {color: #333; font-size: 1.1em; margin-top: 0.3em; }
.wichtig, .wichtig a {font-size: 1.1em; font-weight: bold;}
.linkimg {display: inline; }
strong, b {font-weight: bold;}

/******************************************/
/* Hinweis                                */
/******************************************/

#hinweis {
clear: both;
width: 628px;
background-color: #F04E10;
padding: 20px;
}

#hinweis h2 {
margin: 0;
color: #FFF;
font-size: 1.7em; line-height: 130%;
}

#hinweis a {
display: block;
text-decoration: none;
color: #FFF;
}

#hinweis a:hover {
text-decoration: underline;
}