html {
	margin: 0; 
	padding: 0;
	background: url(../images/background.jpg) 0% 0% no-repeat;
	background-color: #5e90cb;
}

body {
	margin: 10px; 
	padding: 0; 
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight:normal;
	font-size: 100%;
}

a {	
	font-size: 80%;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	color: #000;
	}
a:focus {
	text-decoration: underline;
	color: #000;
	}
        
img
{
        border:0;       
}

/*******************************************************************************
                       Position rules
*******************************************************************************/

div#container{
	margin-left:auto;
	margin-right:auto;
	width:955px;
	border-top: 0px solid #FFF;
	border-right: 10px solid #FFF;
	border-bottom: 10px solid #FFF;
	border-left: 10px solid #FFF;
	background-color: #FFF;
}

div#content{
	width:955px;
	background-color: #FFF;
	font-size: 80%;
}

div#footer{
	width:955px;
	margin:10px 0 0 0;
	background-color: #e21d3c;
	font-size: 70%;
	color: #FFF;
	text-align:center;
}

/*******************************************************************************
                       bread rules
*******************************************************************************/

.bread 		{ font-size: 80%; margin:0px 0px -12px 0px; padding:0px; float:right;}
.bread ul li 	{ margin:0px; padding:0px;}
.bread li 	{ display:inline; list-style-type:none;}

/*******************************************************************************
                       Navigation rules (Top Navigation)
*******************************************************************************/

div#navcontainer {
	margin:0px;
	padding:0px;
	background-color:#7da6d3;
}


ul#NaviLevel1  {
	margin:0 0 15px 0;
  	padding:4px 0px;
	font-size: 85%;
}

ul#NaviLevel1 li {
	margin:0px;
  	padding:3px 0px 3px 0px;
  	list-style-type:none;
  	display:inline;
}


a.level1 { color: #FFF; text-decoration: none; padding:0 0 0 30px; background: url(../images/pfeil.gif) 15px 50% no-repeat;}
a.level2 { font-weight:normal;color: #000000; text-decoration: none; margin:0px 0 0px 15px;padding:2px 0 2px 0px;display:block;}
a.level3 { font-weight:normal;color: #ffffff; text-decoration: none; margin:0px 0 0px 0;padding:2px 0 2px 25px;display:block;}
a.level4 { font-weight:normal;color: #ffffff; text-decoration: none; margin:0px 0 0px 0;padding:2px 0 2px 35px;display:block;}

a.level1:hover,a.level1:focus{ color: #222222; text-decoration: underline; }
a.level2:hover,a.level2:focus{ color: #222222; text-decoration: underline;}
a.level3:hover,a.level3:focus{ color: #222222; text-decoration: underline;}
a.level4:hover,a.level4:focus{ color: #222222; text-decoration: underline;}

a.level1aktive { color: #123a58; text-decoration: none; padding:0 0 0 30px; background: url(../images/pfeilaktiv.gif) 15px 50% no-repeat;}
a.level2aktive { color: #ffffff; text-decoration: none; margin:0px 0 0px 15px;padding:2px 0 2px 0px;display:block;}
a.level3aktive { color: #ffffff; text-decoration: none; margin:0px 0 0px 0;padding:2px 0 2px 25px;display:block;}
a.level4aktive { color: #ffffff; text-decoration: none; margin:0px 0 0px 0;padding:2px 0 2px 35px;display:block;}

a.level1aktive:hover,a.level1aktive:focus{ color: #222222; text-decoration: underline; }
a.level2aktive:hover,a.level2aktive:focus{ color: #222222; text-decoration: underline; }
a.level3aktive:hover,a.level3aktive:focus{ color: #222222; text-decoration: underline; }
a.level4aktive:hover,a.level4aktive:focus{ color: #222222; text-decoration: underline; }

/*******************************************************************************
                       Navigation rules (Subnavigation)
*******************************************************************************/
ul#subnavi
{
        list-style:none;
        margin:0;
        padding:0;
        border:1px solid #ffffff;
       
}
ul#subnavi li.level2, ul#subnavi li.level3, ul#subnavi li.level4, ul#subnavi li.level5
{      
        padding:0px 0 0px 0px;              
        border-bottom:1px solid #ffffff;
}
ul#subnavi li.level2
{ 
        padding:0 0 0 0px;        
         background: url(../images/pfeilaktiv.gif) 5px 5px no-repeat;        
         background-color:#f08e9d;
           border-bottom:1px solid #ffffff;
}
ul#subnavi li.level2aktive
{ 
        padding:0 0 0 0px;        
         background: url(../images/pfeil.gif) 5px 5px no-repeat;
         background-color:#e21d3c;
           border-bottom:1px solid #ffffff;
           color:#ffffff;
}
ul#subnavi li.level3
{
          padding:0 0 0 0px;             
          background: url(../images/pfeil.gif) 15px 5px no-repeat;
          background-color:#e21d3c;
            border-bottom:1px solid #ffffff;
}
ul#subnavi li.level3aktive
{
          padding:0 0 0 0px;             
          background: url(../images/pfeil.gif) 15px 5px no-repeat;
          background-color:#e21d3c;
            border-bottom:1px solid #ffffff;
            color:#ffffff;
}

ul#subnavi li.level4
{
          padding:0 0 0 0px;             
          background: url(../images/pfeil.gif) 25px 5px no-repeat;
          background-color:#e21d3c;
          border-bottom:1px solid #ffffff;          
}
ul#subnavi li.level4aktive
{
          padding:0 0 0 0px;             
          background: url(../images/pfeil.gif) 25px 5px no-repeat;
          background-color:#e21d3c;
            border-bottom:1px solid #ffffff;
            color:#ffffff;
}
ul#subnavi li.level5
{
        margin:0 0 0 35px;    
}

/*******************************************************************************
                       Content rules
*******************************************************************************/

div#wrapperleft{
	width:755px;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:735px;
}

div#wrapperleft{
	margin:0px;
	padding:0 10px 0 0;
	float:left;
}

div#wrapperright{
	width:200px;
	float:right;
}

.clear{ clear:both; }

div.pane{
	margin:0px;
	padding:0px;
	font-size: 85%;
	color: #FFF;
	background-color:#e21d3c;
}

.linie{
	border-bottom:1px solid #000;
	line-height:10px;
	margin:0 0 10px 0;
}

/*******************************************************************************
                       Typo rules
*******************************************************************************/

h1 { font: bold 110% Verdana, Arial, Helvetica, sans; color: #1d4e73; padding:0; margin: 0; line-height: 1.8em;}
h2 { font: bold 110% Verdana, Arial, Helvetica, sans; color: #FFF; padding:0; margin: 0; line-height: 1.8em;}
h3 { font: bold 90% Verdana, Arial, Helvetica, sans; color: #1d4e73; padding: 5px 0; margin: 0 0 8px 0; border-bottom: solid 1px #1d4e73; line-height: 1.4em; }
h4 { font: bold 90% Verdana, Arial, Helvetica, sans; color: #1d4e73; padding: 5px 0; margin: 10px 0 8px 0; border-bottom: solid 1px #1d4e73; line-height: 1.4em; }
h5 { font: bold 90% Verdana, Arial, Helvetica, sans; color: #1d4e73; padding: 5px; margin: 0 0 8px 0; border: solid 0px #1d4e73; line-height: 1.4em; background-color:#EFEFEF;}
h6 { font: bold 100% Verdana, Arial, Helvetica, sans; color: #d3000c; padding: 0; margin:5px 0 0 0;}
.inline_edit_seite{font: bold 110% Verdana, Arial, Helvetica, sans; color: #1d4e73; padding:0; margin: 0; line-height: 1.8em;}

/*******************************************************************************
                       Infoboxen
*******************************************************************************/

div.infobox{
	margin:0 25px 0 0;
	padding:5px;
	width:200px;
	background-color:#f3f3f3;
	float:left;
	color:#1d4e73;
	
}
div.infobox h3 a{
        color:#1d4e73;
      
}

div.info_text{
	font-size:10px;
	font-weight:bold;
	padding-top:7px;
}

div.infobox img{
	text-align:center;
}


/*******************************************************************************
                       Produkte
*******************************************************************************/

#paneleft { 
	float:left;
	width:290px;
}

#paneleft img { 
	border:solid 1px #99989b;
}

#paneright {
	float:right;
	width:435px;
	padding:0px;
	margin:0px;
}

#paneright ul,li {
	margin:0px;
	padding:0px;
}

#downloadcontainer{
	width:280px;
	background-color:#e7edf4;
	border:solid 1px #99989b;
	margin:10px 0;
}

ul#downloadlist { 
	padding:0;
	margin:10px 0;
}

ul#downloadlist li{ 
	list-style-type:none;
        padding:0 0 0 17px;
        margin:0 0 0 0;
        background: url(../images/pfeilaktiv.gif) 5px 7px no-repeat;
}

ul#downloadlist li a{ 
	color: #123a58; 
	text-decoration: underline; 
	padding:0 0 0 0px;
	/*background: url(../images/pfeilaktiv.gif) 10px 3px no-repeat;*/
}

ul#downloadlist li a:hover{ 
	color: #000; 
	text-decoration: none; 
}

#uebersicht {	
	background-color:#e7edf4;
	border:solid 1px #99989b;
	margin:0 0 5px 0;
	padding:0 5px;
}

#uebersicht a{	
	color: #123a58; 
	text-decoration: none; 
	padding:0 0 0 10px;
	background: url(../images/pfeilaktiv.gif) 0 3px no-repeat;
}

#uebersicht a:hover{ 
	color: #000; 
}

#gallery{
	margin:0;
	padding:0;
}

#gallery img {
	float:left;
	margin:5px;
	border:solid 1px #99989b;
}


/*******************************************************************************
                       Anwendung
*******************************************************************************/

.anwendung {
	margin:0;
	padding:0;
}

.anwendung img {
	position: relative;
	float: left;
	margin: 0 8px 4px 0;
	border:solid 1px #99989b;
	width:300px;
}

#clear{ clear:both; }
    


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


#sitemap ul{
	line-height:1.3em;
	margin:10px 0 0 0;
}

#sitemap li {
	list-style-type:none;
	margin:0;
	padding:0;
}

#sitemap li a:hover{
	text-decoration:underline;
}

a.pa_sitemap_link_level1 {
	background:#CCC;
	display:block;
	text-decoration:none;
	font-size:2ex;
	margin:10px 0 0 0;
	padding:2px 0 2px 5px;
}

a.pa_sitemap_link_level2 {
	background:#EEE;
	display:block;
	text-decoration:none;
	font-size:11px;
	margin:10px 0 0 0;
	padding:2px 0 2px 5px;
}

a.pa_sitemap_link_level3 {
	text-decoration:none;
	font-size:11px;
	margin:10px 0 0 0;
	padding:2px 0 2px 20px;
	font-weight:normal;
	background: url(../images/pfeilaktiv.gif) 8px 6px no-repeat;
}

a.pa_sitemap_link_level4 {
	text-decoration:none;
	font-size:11px;
	margin:10px 0 0 0;
	padding:2px 0 2px 35px;
	font-weight:normal;
}

/*******************************************************************************
                       Bilder Produktübersicht
*******************************************************************************/
p.na_picture img.bi_big
{
        margin:0 0 0 0;
        padding:15px;
}

/*******************************************************************************
                      Standorte
*******************************************************************************/

.standort {
	margin:0;
	padding:0;	
}

.standort img {
	position: relative;
	float: right;
	margin: 0 8px 4px 8px;
	border:solid 1px #99989b;
}

#clear {
	clear:both; 
}

.mitarbeiter {
	width:340px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
}

.mitarbeiter img {
	position: relative;
	float: left;
	margin: 0 8px 4px 0;
	border:solid 1px #99989b;
}

.clear {
	clear:both; 
}

/*******************************************************************************
                      Aktuelles
*******************************************************************************/

.news {
	margin:0;
	padding:0 0 30px 0;
        
}

.news img {
	
	float: right;
	margin: 10px 0 0 50px;      
	border:solid 1px #99989b;
}

#clear{ clear:both; }
    

/*******************************************************************************
                       Form Styling
*******************************************************************************/


input, textarea{
  background-color:#fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  border:1px solid #cecece;
  padding:3px 3px 3px 0px;
  margin-right:10px;
  width:300px;
}
textarea{
  height:120px;
}

input:focus, textarea:focus{
  border:1px solid #888;
}
input:hover, textarea:hover{
  border:1px solid #aaa;
}

.submit input{
  width:100px;
  background-color:#0181D8;
  color:#fff;
}

.submit{
  text-align:right;
   width:100px;
}

ul.na_objekt
{
        list-style-type:none;
        margin:10px 0 50px 0;
        padding:0;
}

.ko_submit
{
        background-color:#e21d3c;
        color:#ffffff;
        font-weight:bold;
         width:305px;
}

/*******************************************************************************
                       Download
*******************************************************************************/

#download ul{
	line-height:1.3em;
	margin:10px 0 0 0;
}

#download li {
	list-style-type:none;
	margin:0;
	padding:0;
}

#download li a:hover{
	text-decoration:underline;
}

li.download01 {
	background:#CCC;
	display:block;
	text-decoration:none;
	font-size:2ex;
	margin:8px 0 0 0; 
	padding:2px 0 2px 5px;
}

li.download02 {
	background:#EEE;
	display:block;
	text-decoration:none;
	font-size:11px;
	margin:8px 0 0 0;
	padding:2px 0 2px 5px;
}

