/** menu*/

/**
 * allgemeine Styles
 */


form {
   margin: 0px;
}


input {
   background-color: #ccd6eb;
    border: 1px #003399 dashed;
   font-family: sans-serif;
   font-size: 11px; 
   color: #003399 ;
}


textarea {
   background-color: #ccd6eb ;
   border: 1px #003399 dashed;
   font-family: sans-serif; 
   font-size: 11px;
   color: #003399 ;
 }
 
 
select { 
   background-color: #ccd6eb; 
    border: 1px #003399 dashed;
   font-family: sans-serif; 
   font-size: 11px;
   color: #003399 ;
}


td {
   padding: 3px 10px 5px 0px;
}


.image-1 { 
border: 1px #ffcc00 dashed;
margin: 5px 12px 0px 0px;
}


.image-2 { 
border: 0px;
}

.image-3 { 
border: 1px #ffcc00 dashed;
}


a.link-plus { 
padding-left: 17px;
background-image: url(../images/design/gelb_plus.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

a:hover.link-plus { 
padding-left: 17px;
background-image: url(../images/design/blau_plus.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

a.link-plus-2 { 
padding-left: 17px;
line-height: 20px;
background-image: url(../images/design/blau_plus.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

a:hover.link-plus-2 { 
padding-left: 17px;
line-height: 20px;
background-image: url(../images/design/gelb_plus.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

a.link-pfeil  { 
padding-left: 17px;
line-height: 30px;
background-image: url(../images/design/gelb_rechts.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

a:hover.link-pfeil  { 
padding-left: 17px;
line-height: 30px;
background-image: url(../images/design/blau_rechts.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

a.link-pfeil-2 { 
padding-left: 17px;
background-image: url(../images/design/blau_rechts.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}

a:hover.link-pfeil-2 { 
padding-left: 17px;
background-image: url(../images/design/gelb_rechts.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}

a.link-pfeil-3 { 
padding-left: 17px;
line-height: 18px;
background-image: url(../images/design/gelb_rechts.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

a:hover.link-pfeil-3 {
padding-left: 17px;
line-height: 18px;
background-image: url(../images/design/blau_rechts.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

a.link-pfeil-4 { 
padding-left: 17px;
line-height: 17px;
background-image: url(../images/design/blau_plus.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

a:hover.link-pfeil-4 {
padding-left: 17px;
line-height: 17px;
background-image: url(../images/design/gelb_plus.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}


p { 
margin: 3px 0px 0px 0px;
}













/**
 * Seitenlayout
 */


body {
   background-color: #ededed;
   text-align: center;


}


#site {
   width: 980px;
   text-align: left;
   margin: 0px auto;
   font-family : sans-serif;
   background-color : White;
}





/**
 * Headbereich
 */


#header_top {
   width: 980px;
   height: 25px;
   background-color : #d0d1d2;
   float: left; 
   font-size: 10px;
   line-height: 22px;
}



#header_rechts {
   width: 390px;
   height: 25px;
   text-align: right;
   float: right; 
font-size: 10px;
   line-height: 22px;
margin: 0px 5px 0px 0px;
}


#header_rechts a {
   color: white;
   text-decoration: none;
   font-weight: bold;
   margin: 0px 5px 0px 0px;
}


#header_rechts a:hover {
   color: #747576;
}


#header_links {
   width: 575px;
   height: 25px;
   text-align: left;
   float: left; 
font-size: 10px;
   line-height: 22px;
margin: 0px 0px 0px 5px;
}

#header_links a {
   color: white;
   text-decoration: none;
   font-weight: bold;
   margin: 0px 0px 0px 5px;
}


#header_links a:hover {
   color: #747576;
}




#header_flash {
   width: 980px;
   height: 300px;
   text-align: left;
   float: left;
}





 /**
 * Hauptnavigation
 */


#header_nav {
   width: 980px;
   height: 65px;
   text-align: left;
   float: left;
   background-image : url(../images/design/bg_nav.gif);
   background-repeat: repeat-x;
   margin: 0px;
   padding: 0px;
}




#languages {
   width: 130px;
   height: 35px;
   text-align: left;
   float: left;
   margin-left: 15px;
   font-size: 11px;
font-weight: bold;
letter-spacing: 0,5pt;

<!--[if IE 6]>
width: 15%;
margin: 0px;
padding-left: 15px;
<![endif]-->
}





.lang {
   height: 25px;
   float: left;
 line-height: 42px;
}

.lang a {
color: white;
text-decoration: none;
padding: 0px 5px 3px 5px;
}

.lang a:hover {
   font-weight: bold;
   background-color: #d8dadb;
   text-decoration: none;
   color: #003399;
}


.lang_active {
   height: 25px;
   float: left;
margin-top: 4px;
   }


.lang_active a {
   font-weight: bold;
   text-decoration: none;
   text-transform: lowercase;
   color: #003399;
padding: 0px 5px 3px 5px;
}



#navigation {
   width: 720px;
   height: 35px;
   text-align: right;
  float: left;
   letter-spacing: 0,5pt;


<!--[if IE 6]>
width: 85%;
float: right;
<![endif]-->
}




#navigation_pl {
   width: 680px;
   height: 35px;
   text-align: right;
  float: left;
   letter-spacing: 0,5pt;

  

<!--[if IE 6]>
width: 85%;
float: right;
<![endif]-->
}



.nav {
   height: 25px;
   line-height: 38px;
float: left;
   
}

.nav a {
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   text-transform: lowercase;
   color: white;
   padding: 0px 10px 5px 10px;
}


.nav a:hover {
   font-weight: bold;
   background-color: #d8dadb;
   text-decoration: none;
   color: #003399;
}


.nav_active {
   height: 25px;
   float: left;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #003399;
   margin-top: 3px;
}


.nav_active a {
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   text-transform: lowercase;
   color: #003399;
padding: 0px 10px 5px 10px;
}





#subnavigation {
   width: 970px;
   height: 20px;
   text-align: right;
   float: left;
   letter-spacing: 0,5pt;
   line-height: 14px;
}


#subnavigation span {
   font-size: 11px;
   color: white;
   margin-left: 8px;
  text-transform: lowercase;
}


#subnavigation a {
   font-size: 11px;
   text-decoration: none;
   text-transform: lowercase;
   color: white;
   margin-left: 8px;
}


#subnavigation a:hover {
   font-size: 11px;
   text-decoration: none;
   color: #d1d1d1;
}





/**
 * Inhaltsbereich
 */
 

#main {
   width:980px;
   padding: 0 0 30px 0;
}


#main h1 {
   width: 660px;
   height: 25px;
   margin: 10px 0px 0px 0px;
   font-size: 12px;
   font-weight: bold;
   text-transform: lowercase;
   line-height: 28px;
   color: #d0d1d2;
   float: right;
   border-bottom: 1px #d0d1d2 dashed;

<!--[if IE 6]>
   width: 70%;
margin: 10px 0px 0px 0px;

<![endif]-->
}

#like-button {
   width: 120px;
   height: 25px;
   margin: 10px 0px 0px 0px;
float: right;
   border-bottom: 1px #d0d1d2 dashed;
text-align: right;

<!--[if IE 6]>
   width: 10%;
margin: 10px 0px 0px 0px;

<![endif]-->
}



 /**
 * Inhaltsbereich linke Spalte
 */


#left {
   width: 200px;
   float: left;
<!--[if IE 6]>
   width: 20%;
margin: 0px;

<![endif]-->
}






#form {
   width:170px;
   float: left;
   margin: 15px 0px 0px 15px;
}


#form input {
   background-color: #ffcc00;
   border: 1px #003399 dashed;
   font-family: sans-serif;
   font-size: 12px; 
   color: #003399 ;

}


#left td {
   padding: 0px;
}


#left label {
   margin-top: 15px;
}



#left h2.menu-1 {
   width:150px;
   height: 20px;
   font-size: 12px;
   font-weight: bold;
   text-transform: lowercase;
   line-height: 18px;
   color: #003399;
   float: left;
   margin: 15px 0px 0px 15px;
}


#left div.menu-1 {
   width:150px;
   float: left;
  margin: 0px 0px 0px 15px;
   border: 1px #003399 dashed;
}



#left div.text-1 {
   font-size: 11px;
   line-height: 16px;
   color: #003399;
   margin: 7px 10px 20px 10px;
}



#left div.text-1 input,select {
margin-bottom: 5px;
}


#left div.text-1 a {
   font-size: 11px;
   line-height: 16px;
   font-weight: bold;
   text-decoration: none;
   color: #ffcc00;
}


#left div.text-1 a:hover {
   color: #003399;
}



#left div.text-1 a.link-pfeil {
   font-size: 11px;
   line-height: 14px;
   text-decoration: none;
font-weight: normal;
color: #003399;
   }

#left div.text-1 a:hover.link-pfeil {
   color: #ffcc00;
}




#left h2.menu-2 {
   width:150px;
   height: 20px;
   font-size: 12px;
   font-weight: bold;
   line-height: 18px;
   color: #ffcc00;
   float: left;
   margin: 15px 0px 0px 15px;
}






#left div.menu-2 {
   width:150px;
   float: left;
   border: 1px #ffcc00 dashed;
  margin: 0px 0px 0px 15px;
}


#left div.text-2 {
   font-size: 11px;
   line-height: 16px;
   color: #003399;
   margin: 7px 10px 2px 10px;
}


#left div.text-2  a {
   font-size: 8pt;
   line-height: 16px;
   font-weight: bold;
   text-decoration: none;
   color: #ffcc00;
}


#left div.text-2  a:hover {
   color: #003399;
}

#left div.text-2 img {
border: 0px;
}



#left ul {
font-size: 10px;
margin:0;
 list-style:none;
 padding:0;
}

#left li {
  line-height:10px;
width: 130px;
}




 /**
 * Inhaltsbereich mittlere Spalte
 */


#content {
   width: 435px;
   float: left;
   margin: 20px 0px 0px 0px;
padding-bottom: 30px;
border-right: 1px #ffcc00 dashed;
}
	

#content h2 {
   width: 410px;
display: block;
   float: left;
   font-size: 13px;
   line-height: 19px;
   color: #003399;
   margin-bottom: 15px;
   padding: 0px 0px 8px 0px;
   border-bottom: 1px #747576 dashed;
}




#content  .box-1 {
   width: 410px;
   float: left;
   font-size: 12px;
   line-height: 20px;
   color: #747576 ;
   margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 1px #d0d1d2 dashed;
}

#content  .box-1 a {
   font-size: 12px;
   color: #003399;
   text-decoration: none;

}


#content  .box-1 a:hover {
color: #ffcc00;
}


#content  .box-2 {
   width: 410px;
   float: left;
   font-size: 12px;
   line-height: 20px;
   color: #003399 ;
   margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 1px #d0d1d2 dashed;
}


#content  .box-2 a {
   font-size: 12px;
   color: #003399;
   text-decoration: none;

}


#content  .box-2 a:hover {
color: #ffcc00;
}


#content  .box-2 img {
   border: 1px #ffcc00 dashed;
   margin: 5px 3px 0 0;
}

#content  .box-2_img-1 {
float: left;
width: 130px;
font-size: 11px;
}

#content  .box-2_img-2 {
float: left;
width: 195px;
font-size: 11px;
}

#content .box-3 {
   width: 410px;
   float: left;
   margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 1px #d0d1d2 dashed;
}


#content  .box-3-img {
   float: left;
   width: 260px;
}
	

#content  .box-3-img img {
   border: 1px #ffcc00 dashed;
}
	

#content  .box-3-info {
   width: 145px;
   font-size: 11px;
   line-height: 18px;
   color: #003399 ;
   float: right;
}


#content  .box-3-info a {
   font-size: 11px;
   color: #003399;
   text-decoration: none;

}


#content  .box-3-info a:hover {
color: #ffcc00;
}


#content  .box-3-info img {
border: 0px;
}


#content .box-3-text {
   width: 410px;
   font-size: 12px;
   line-height: 20px;
   color: #747576 ;
   margin-top: 20px;
   float: left;
}


#content  .box-3-galerie {
   width: 410px;
   float: left;
   font-size: 11px;
   line-height: 18px;
   color: #003399 ;
   margin-top: 15px;
   padding-top: 3px;
  border-top: 1px #d0d1d2 dashed;
}


#content  .box-3-galerie img {
   border: 1px #ffcc00 dashed;
   margin: 3px 3px 0 0;
}


#content  .box-3-nav {
   width: 410px;
   float: left;
   margin-top: 15px;
   padding-top: 3px;
   border-top: 1px #ffcc00 dashed;
}


#content  .box-3-nav img {
   border: 0px;
}

	
#content  .box-3-nav a {
   font-size: 12px;
   color: #ffcc00;
   text-decoration: none;
   margin-right: 10px;
}


#content  .box-3-nav a:hover {
color: #003399;
}


	
	
	

	
	 /**
 * Inhaltsbereich rechte Spalte
 */
	
	
#right {
   width: 315px;
   float: right;
   margin: 30px 20px 20px 0px;
}


#right h2.menu-1 {
   width: 300px;
   height: 25px;
color: #ffcc00;
   font-size:14px;
   margin: 0 0 0 15px;
border-bottom: 1px #ffcc00 dashed;
}


#right h3.menu-1 {
   color: #ffcc00;
   font-size:12px;
}

#right div.menu-1-lex {
   width: 290px;
   height: 20px;
   float: left;
   border-bottom: 1px #d0d1d2  dashed;
   margin-bottom: 10px;
}


#right div.menu-1 {
   width: 285px;
   margin: 10px 0px 25px 30px;
   font-size: 12px;
   line-height: 20px;
   color: #003399;
}


#right div.menu-1 ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}


#right div.menu-1 a {
   color: #ffcc00;
   text-decoration: none;
}


#right div.menu-1 a:hover {
   color: #003399;
}


#right div.text-1 a.link-pfeil {
   font-size: 12px;
   line-height: 14px;
   text-decoration: none;
font-weight: normal;
color: #003399;
   }

#right div.text-1 a:hover.link-pfeil {
   color: #ffcc00;
}







#right h2.menu-2 {
   width: 300px;
   height: 25px;
color: #ffcc00;
   font-size:14px;
   margin: 0 0 0 15px;
border-bottom: 1px #ffcc00 dashed;
}


#right h3.menu-2 {
   color: #ffcc00;
   font-size:12px;
}

#right div.menu-2-lex {
   width: 290px;
   height: 20px;
   float: left;
   margin-bottom: 10px;
}


#right div.menu-2 {
   width: 285px;
   margin: 10px 0px 25px 30px;
   font-size: 12px;
   line-height: 20px;
   color: #003399;
}


#right div.menu-2 ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}


#right div.menu-2 a {
   color: #003399;
   text-decoration: none;
}


#right div.menu-2 a:hover {
   color: #ffcc00;
}





#right div.menu-2 li {
padding-bottom: 5px;
}

#right small {
line-height: 20px;

}
















/**
 * rechtes Menue - extra styles
 */ 


#menu_20 {
height: 410px;
   background-image: url(../images/design/tasten.jpg);
background-repeat: no-repeat;
background-position: right bottom;
margin-bottom: 30px;
}




#menu_15 {
height: 620px;
   background-image: url(../images/design/kaffee.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

#menu_42 {
height: 580px;
   background-image: url(../images/design/kaffee.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}


#menu_30 {
height: 305px;
   background-image: url(../images/design/fernseher.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

#menu_38 {
height: 305px;
   background-image: url(../images/design/fernseher.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}


#menu_31 {
height: 420px;
   background-image: url(../images/design/roboter.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

#menu_39 {
height: 420px;
   background-image: url(../images/design/roboter.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}


#menu_32 {
height: 400px;
   background-image: url(../images/design/ventilator.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

#menu_40 {
height: 400px;
   background-image: url(../images/design/ventilator.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}



/**
 * Footer
 */


#footer {
	width: 980px;
	height: 250px;
	float: left;
        text-align: left;
	background-image : url(../images/design/bg_footer.gif);
	background-repeat : repeat-x;
}

#footer-text {
	width: 940px;
	float: left;
        text-align: left;
margin: 15px 20px 0px 18px;
font-size: 11px;
color: #747576;
}


#footer ul {
float: left;
height: 150px;
margin: 15px 0px 0px 0px;
padding: 0px 5px 0px 18px;
}

#footer li {
font-size: 11px;
list-style-type: none;
padding: 0px 0px 2px 0px;
}

#footer a {
text-decoration: none;
color: #747576;
}

#footer a:hover {
color: #003399;
}





#footer img {
margin: 15px 5px 0px 0px;
}




/**
 * allgemeine Styles
 */



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#rss {
margin:0;
 list-style:none;
 padding:0;
width: 250px;
}

#rss li {
  line-height:12px;
}


ul.sitemap_a1 {
margin: 0px;
padding-left: 15px
}

ul.sitemap_a2 {
margin: 0px;
padding-left: 15px
}