@charset "utf-8";
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	padding:0px;
	margin:0px;
	background-color:#111;
	
}



/*hauptbloecke */

#header {
width:100%;
height:260px;
background-image:url(../pics/mainbg.png);
background-repeat:repeat-x;
}

#header .inside {
position:relative;
width:900px;
height:230px;
margin:auto;
}



#container {
width:100%;

color:#fff;
}

#container_inside {
width:900px;
margin:auto;
padding-top:40px;
padding-bottom:30px;
}



#footer {
width:100%;
background-color:#3f95e4;
color:#ffffff;
background-image:url(../pics/footerbg.png);
background-repeat:repeat-x;

}

#footer .inside {
width:900px;
margin:auto;
padding-top:10px;
}





/* kleinere Blöcke */


#header.nav_outer {
width:900px;
height:30px;
}


#footer .image_container {
padding-top:10px;
}

#header .mod_randomImage, #header .ce_imageslider {
width:270px;
height:230px;
float:left;
display:inline;

margin-left:200px;
}


#header .ce_text {  /* war mod_article */
width:400px;
height:230px;
float:right;
display:inline;

text-align:right;
position:relative;
z-index:100;

}




#main {
width:650px;
float:left;
display:inline;
margin-right:0px;
}

#main_wide {
width:900px;
float:left;
display:inline;
}

#right {
width:230px;
float:right;
display:inline;
}


.newsblock {
width:198px;
float:right;
display:inline;
border:1px solid #3f95e4;
padding:0px;
margin:0px;
margin-left:30px;
margin-bottom:33px;
}

* html .newsblock {
width:200px;
wid\th:198px;
}


.newsblock_noborder {
width:200px;
float:right;
display:inline;
padding:0px;
margin:0px;
margin-left:30px;
margin-bottom:33px;
}


#footer .inside .left {
padding-top:20px;
width:300px;
float:left;
display:inline;
}

#footer .inside .right {
padding-top:30px;
width:200px;
float:right;
display:inline;
text-align:right;
}

#footer .inside .center {
width:130px;
float:right;
display:inline;
text-align:center;
}


.homepage #footer .inside .left {
padding-top:20px;
width:300px;
float:left;
display:inline;
}

.homepage #footer .inside .right {
padding-top:30px;
width:200px;
float:right;
display:inline;
text-align:right;
}

.homepage #footer .inside .center {
padding-top:20px;
width:400px;
float:right;
display:inline;
text-align:center;
}




.produktseite #main .ce_text {
padding-bottom:20px;
}

.produktseite #main .image_container {
margin-right:10px;
}


.pdf_link {
position:absolute;
right:0;
width:80px;
text-align:right;
}

.pdf_link img {
    border: 1px solid #666666;
    border-radius: 3px 3px 3px 3px;
    padding: 5px;
}




#suckerfish {
  position: static;
  width: auto;
  
      padding-left:200px; 
}

#suckerfish ul,
#suckerfish li,
#suckerfish .submenu {
  border: none;
  margin: 0;
  padding: 0;
}

#suckerfish li {
   line-height: 30px;
   background-color:#3f95e4; 
}

#suckerfish li.level_1 {

}


#suckerfish ul.level_1 a, #suckerfish ul.level_1 span {
 text-align:center;
  
}

#suckerfish ul.level_2 a, #suckerfish ul.level_2 span {
 text-align:left;
}


#suckerfish li ul li {
 text-align:left!important;
border-top:1px dashed #CCCCCC;
border-style:collapse;
}

#suckerfish a, #suckerfish span
{
color:#ffffff;
text-decoration:none;
font-size:12px;
font-weight:bold;
}



#suckerfish a:hover, #suckerfish span.active, #suckerfish a.trail 
{
color:#000000;
text-decoration:none;
background-color:#CCCCCC;
}

/** * neccassary for <= IE6 */
* html #suckerfish { zoom: 0; }
* html #suckerfish { z\oom: 1; }

/** * overwrite some values from typolight.css, neccessary for <= IE7 */
#header .inside {

  position: static;

}

/** * clear the suckerfish floating in the element that follows suckerfish,
 * not neccassary for TL standard situations
#container {
  clear: left;
}
 */

/** * some background color for testing */
#suckerfish li {

}

/** *
 * horizontal suckerfish menu based on
 * http://htmldog.com/articles/suckerfish/dropdowns/
 * up to 4 levels, change the 22px and 140px values that it fits your need
 * give the navigation module in the BE the ID 'suckerfish' !!! not Class
 */
#suckerfish ul.level_1,
#suckerfish ul.level_1 ul {
  z-index: 9999;
  line-height: 30px;
	padding: 0;
	margin: 0;
	list-style: none;
}
#suckerfish ul.level_1 li ul ul {
	margin: -30px 0 0 250px; /** * adjust top-value if you have padding and/or borders */
}

#suckerfish ul.level_1 a,
#suckerfish ul.level_1 span {
	display: block;
	width: 99px; 
	 border-right:1px solid #cccccc; 
	/** * adjust value if you have padding and/or borders */


}

#suckerfish ul.level_1 a.first,
#suckerfish ul.level_1 span.first {

	width: 98px; 
	 border-right:1px solid #cccccc; 
	  border-left:1px solid #cccccc; 
	/** * adjust value if you have padding and/or borders */


}

#suckerfish ul.level_2 a,
#suckerfish ul.level_2 span {
	display: block;
	width: 240px; /** * adjust value if you have padding and/or borders */
padding-left:10px;
border:none;

}

#suckerfish ul.level_2 a.first,
#suckerfish ul.level_2 span.first {

	width: 240px !important;
	 border:none;
	/** * adjust value if you have padding and/or borders */

}


#suckerfish ul.level_1 li {
	float: left;
	width: 100px;
}

#suckerfish ul.level_1 li ul {
	position: absolute;
	width: 250px;
	left: -999em; /** * change to 'auto' for testing */
}

#suckerfish ul.level_1 li ul li {
	width: 250px;

}

/** * IE7 workaround */
*:first-child+html #suckerfish ul.level_1 li ul {
	display: none; /** * change to 'block' for testing */
}

/** * up to 4 levels */
#suckerfish ul.level_1 li:hover ul ul,
#suckerfish ul.level_1 li.sfhover ul ul,
#suckerfish ul.level_1 li:hover ul ul ul,
#suckerfish ul.level_1 li.sfhover ul ul ul {
	left: -999em; /** * change to 'auto' for testing */
}
/** * IE7 workaround */
*:first-child+html #suckerfish ul.level_1 li:hover ul ul,
*:first-child+html #suckerfish ul.level_1 li.sfhover ul ul,
*:first-child+html #suckerfish ul.level_1 li:hover ul ul ul,
*:first-child+html #suckerfish ul.level_1 li.sfhover ul ul ul {
	display: none; /** * change to 'block' for testing */
}
#suckerfish ul.level_1 li:hover ul,
#suckerfish ul.level_1 li.sfhover ul,
#suckerfish ul.level_1 li li:hover ul,
#suckerfish ul.level_1 li li.sfhover ul,
#suckerfish ul.level_1 li li li:hover ul,
#suckerfish ul.level_1 li li li.sfhover ul {
	left: auto;
	
}
/** * IE7 workaround */
*:first-child+html #suckerfish ul.level_1 li:hover ul,
*:first-child+html #suckerfish ul.level_1 li.sfhover ul,
*:first-child+html #suckerfish ul.level_1 li li:hover ul,
*:first-child+html #suckerfish ul.level_1 li li.sfhover ul,
*:first-child+html #suckerfish ul.level_1 li li li:hover ul,
*:first-child+html #suckerfish ul.level_1 li li li.sfhover ul {
	display: block;
}



/*links */

#container a {
text-decoration:none;
color:#3f95e4;

}

#container a:hover, #container a:active {
text-decoration:none;
color:#fff;

}



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

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

/* absolut positioniert */

#logo {
position:absolute;
width:150px;
height:170px;
top:60px;
z-index:100;
}

.mod_changelanguage {
width:900px;
top:5px;
z-index:1000;
height:30px;
clear:both;
}

.mod_changelanguage ul {
padding:0px;
margin:0px;
list-style-type:none;
}

.mod_changelanguage ul li {
float:right;
padding:8px 3px 0px 3px;
}



/*textblöcke */


h1 {
padding-top:0px;
margin-top:0px;
color:#3f95e4;
font-size:24px;
}

#header .mod_article h1 {

font-size:26px;
line-height:30px;
padding:0;
margin:0;
margin-top:30px;
margin-bottom:10px;
color:#3f95e4;
text-shadow: 1px 1px 0px #111;
}


#header .mod_article p {
font-size:12px;
line-height:18px;

color:#fff;
padding:0!important;
margin:0!important;
}


#main p, #main_wide p {
line-height:20px;
}

.newsblock p, .newsblock li {
margin-left:10px;
margin-right:10px;
}

.newsblock p{
margin-top:10px;
margin-bottom:10px;
padding:0;
}

.homepage .newsblock .caption {
margin:10px;
}

.newsblock li {
margin-top:10px;
margin-bottom:10px;
}
.newsblock li span {
font-weight:bold;
}

h2 {
margin-top:30px;
margin-bottom:20px;
font-size:16px;
font-weight:bold;
}

.newsblock h2 {
padding:0px;
margin:0px;
   
     line-height:30px; 
	 text-align:center;
	 border-bottom:1px solid #3f95e4;
	 background-color:#3f95e4;
	 color:#000;
text-decoration:none;
font-size:12px;
font-weight:bold; 
}
/*kontaktformular */

.ce_form table td {
padding:5px;
vertical-align:top;
}

.col_0 {
text-align:right;
}

.checkbox_container span {
display:block;
}

input, select, textarea {
border:1px solid #3f95e4;
}


/*sonstiges */

.col_0 .error {
font-weight:bold;
}

p.error {
color:#3f95e4;
font-weight:bold;
font-size:12px;
line-height:12px;
margin:0px;
}
.clear {
clear:both;
}

.nopadding {
margin-left:0px;
}


.produkttrenner {

border-bottom:1px solid #666;
font-size:1px;
line-height:1px;
}


.ce_gallery .image_container {
padding:5px;
}


.newsblock {

-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;

-moz-box-shadow: 0 0 3px #666;
-webkit-box-shadow: 0 0 3px#666;
box-shadow: 0 0 3px #666;
}
	
	
.produktseite #main img, .galerie_layout img {
padding:5px;
border:1px solid #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

/*
.galerie_layout .image_container {
margin-right:10px;
}
*/


#content_header {

}

#content_header h1 {
position:absolute;
top:40px;
left:20px;
z-index:50;
}


#content_header img {
padding:0!important;
margin:0!important;
border:0!important;
}

#suckerfish ul, #footer ul, #right .mod_navigation ul
 {
     margin:0px;
     padding:0px;
     list-style-type:none;
 }


#titelbild {
position:absolute;
top:60px;
right:0;
z-index:5;
}