@charset "utf-8";

/* Module23 Stylesheet August 2009 */

*{
border:0;
margin:0;
padding:0;}

body {
background:url(img/wood.jpg) repeat #000;
color:#333333;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;}

h1 {
color: #ea650e;
font-weight: bold;
font-size: 22px;}

h2 {
color:#666;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;}

h3 {
color: #FFF;
font-size: 11px;
font-weight: bold;}

h4 {
color: #ea650e;
font-size: 11px;
font-weight: bold;}

a:link {
color:#ea650e;
text-decoration: none;}

a:visited {
color:#ea650e;
text-decoration: none;}

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

a:active {
color:#AAA;
text-decoration: none;}

.myclear {
clear: both;
overflow: hidden;}

.mainarticle li {
list-style:inside;
list-style-image: url(img/weiter.png);}

.mainarticle a:link, a:visited, a:hover, a:active {
color:#333;}	

.wrapper {
width: 100%;
margin-top: 8px;}

.clockwrapper {
width: 1100px;
margin: auto;
position: relative;}

.phone {
color: #FFF;
font-weight: bold;
width: 904px;
text-align: right;
margin: auto;
margin-top: 10px;
padding-right: 20px;}

.container {
width: 924px;
height: 770px;
background:url(img/content_bg.png) no-repeat;
margin: auto;
behavior: url("iepngfix.htc");}

.container_kunden {
width: 924px;
height: 1300px;
background:url(img/content_bg_larger.png) no-repeat;
margin: auto;
behavior: url("iepngfix.htc");}

.container_rp {
width: 924px;
height: 1600px;
background: url(img/bg_rp.png) repeat-y;
margin: auto;
behavior: url("iepngfix.htc");
}

.clock {
height: 100px;
width: 100px;
background:url(img/clock_bg.png) no-repeat;
z-index:99;
left: 940px;
top: -4px;
position: absolute;
padding: 9px 0 0 9px;
behavior: url("iepngfix.htc");}

/* Sidebar */

.sidebar {
width: 179px;
float: left;}

.logo {
width:142px;
height:50px;
padding: 20px;
margin-top: 10px;
behavior: url("iepngfix.htc");}

/* Navigation */

.navigation {
color:#FFF;
font-size: 12px;
margin-top: 50px;
display: block;}


#lavaLampVertical {
position: relative;
padding: 15px 0;
margin: 10px 0;
overflow: hidden;}

#lavaLampVertical li {
list-style: none;
border-top: 1px solid #b5937c;}

#lavaLampVertical li.backLava {
background-color:#ea650e;
z-index: 8;
position: absolute;}

#lavaLampVertical li a {
text-decoration: none;
color: #FFF;
outline: none;
text-align: left;
padding: 8px 5px 8px;
letter-spacing: 1px;
z-index: 10;
display: block;
position: relative;
overflow: hidden;
margin: auto 10px;
font-weight:bolder;}

.newsbox h1{
font-size: 16px;
background: #ea650e;
color:#FFF;
font-weight: normal;
padding: 4px 20px;
margin-top: 40px;}

.newsentry {
padding: 10px 20px;
border-bottom: 1px solid #b5937c;
/*color:#AAA;*/
color:#FFF;
font-size: 11px;
line-height: 16px;}

.newsentry a:visited{
color:#ea650e;}

.newsentry a:hover{
color:#999}

.social {
color:#AAA;
padding: 0 20px;
font-weight:500;
margin-top: 10px;}

.content {
width: 702px;
overflow:hidden;
float: left;
padding: 20px;}

.topbox {
width: 704px;
height: 250px;
float: none;
margin-bottom: 20px;
z-index: 98;}

.box1 {
float: left;
width: 196px;
margin: 20px 22px 0 0;
padding: 10px;
background-color:#F3F3F3;
border: 1px dashed #CCC;}

.box2 {
float: left;
width: 196px;
margin-top: 20px;
padding: 10px;
background-color:#F3F3F3;	
border: 1px dashed #CCC;}

.quotebox {
float: left;
width:684px;
margin-top: 20px;
padding: 25px 10px 25px 10px;
border: 1px dashed #CCC;
text-align: center;
background:url(img/quotes.png) no-repeat #F3F3F3;}

.innercontent {
width: 118px;
height: 80px;
float:right;
margin-left: 10px;
margin-bottom:10px;
background:url(img/ceo.jpg) top no-repeat;
font-size: 9px;
padding-top: 160px;
padding-left: 7px;}


.mehr {
text-align: right;
display: block;
float: right;
background:url(img/weiter.png) no-repeat right;
padding-right: 15px;
margin-top: 12px;
padding-top: 1px;}

.mehrl {
display: block;
float: left;
background:url(img/weiter.png) no-repeat right;
padding: 1px 15px 0 0;
margin-top: 12px;}

.kontaktbox {
float: left;
margin-top: 20px;
padding: 10px;
background-color:#F3F3F3;
border: 1px dashed #CCC;
width: 440px;}

.kontaktbox input,textarea {
width: 305px;
padding: 2px;
border: 1px solid #CCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;}

.cbutton {
width: 310px;
border: 1px solid #CCC;
padding: 2px;
background-color:#DDD;}

.footer {
font-size: 9px;
text-align: right;
margin: auto;
width: 904px;
padding-right: 20px;
color:#999;}

.footer a:link{
color:#999;}

.footer a:visited{
color:#999;}

/* Navigation */

#accordion h1{
font-size: 14px;
background:url(img/bg_acc.jpg) repeat-x #CCC;
padding: 5px;
border: 1px solid #BBB;
margin-bottom: 2px;
color:#FFF;}

#accordion a:link{
color:#444;}

#accordion a:visited{
color:#444;}

#accordion a:hover{
color:#666;}

#accordion p{
padding: 6px;}

/* Kunden */

.boxgrid{ 
width: 170px; 
height: 110px; 
margin: 0 3px 3px 0;
float:left; 
background:#161613; 
border: solid 1px #DDD; 
overflow: hidden; 
position: relative;}

.boxgrid a:visited{
color:#ea650e;
}

.boxgrid h3{ margin: 10px 10px 0 10px; 
color:#FFF; 
font:10pt Arial, sans-serif; 
letter-spacing:-1px; 
font-weight: bold;}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0;}

.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif;}

.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

.captionfull .boxcaption {
top: 260;
left: 0;}

.caption .boxcaption {
top: 220;
left: 0;}

.jjquery {
height: 110px;
position: absolute;}

.smallbox{ 
width: 170px; 
height: 110px; 
margin: 0 4px 4px 0; 
float:left; 
border: solid 1px #DDD; 
overflow: hidden; }

/* Referenzen */

.picbox {
width: 250px;
height: 140px;
border: 1px solid #999;
float: left;
margin: 0 20px 12px 0;}

.pictext {
width: 410px;
height: 142px;
float: left;
margin: 0 20px 12px 0;}

/* Sitemap */

.indentl {
padding-left: 10px;}


.printbox {
	width: 400px;
	float:left;
}

.examplebox {
	width: 292px;
	height: 285px;
	float:left;
}