/*
EDELSTAHL LENHARDT
Status: Clickdummy
Version: 1.1
Last Changed: 13.01.2010




/****** Body und Reseter ******/
* {margin:0px; padding:0px;}
html, body {height:100%;}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2c5770;}

/****** Basic Declarations ******/
.wrapper {height:1px; overflow:hidden; clear:both; display:block;}
a img {border:none;}

a {color:#002c53; text-decoration:none;}
a:hover {color:#4b6f84;}

h1 {}
h2 {}
h3 {}


/****** Main Layout ******/
#centerstart {width:970px; overflow:hidden; min-height:100%; height:auto!important; height:100%; margin:0 auto -68px; background-color:#ffffff;/*bottom margin = negative value of the footer's height*/ padding:0 20px;}
#center {width:970px;  min-height:100%; height:auto!important; height:100%; margin:0 auto -68px; background-color:#ffffff; padding:0 20px;}
.startwidth {width:675px; margin:0 auto;}
.fullwidth {width:970px; margin:0 auto;}

/****** Index Layout ******/
#startarea {overflow:hidden;}
#startarea #logo {position:absolute; z-index: 50; margin-left:535px; margin-top:62px;}
#title {position:absolute; font-size:11px; color:#698698; margin:25px 0 0 300px;}
#title a{color:#698698;}

#startimage {padding-top:92px;}
#startteaser {width:980px;}
.startteaser {float:left; width:153px; margin:10px 10px 0 0; display:inline; overflow:hidden;}
.startteaser img{padding-bottom:7px; display:block;}
.startteaser a span{font-weight:bold; padding-left:40px; background:url(../img/bg_linkbalken.gif) 0 3px no-repeat;}
.startteaser a:hover span{font-weight:bold; padding-left:40px; background:url(../img/bg_linkbalken2.gif) 0 3px no-repeat;}

#flash {height:185px;}

/****** Start Layout ******/
#center #logo {position:absolute; margin-left:165px; margin-top:12px; z-index:50;}
#layout1 {padding-top:42px;}
#layout1 #column1 {width:135px; float:left; display:inline; margin-right:10px; padding-top:30px;}


#layout1 #referenzen {clear:both; position:absolute; margin-top:280px; overflow:hidden; height:121px;}
#layout1 #referenzen img{padding-bottom:7px; display:block;}
#layout1 #referenzen a span{font-weight:bold; padding-left:40px; background:url(../img/bg_linkbalken.gif) 0 3px no-repeat;}
#layout1 #referenzen a:hover span{font-weight:bold; padding-left:40px; background:url(../img/bg_linkbalken2.gif) 0 3px no-repeat;}
#layout1 #column2 {width:595px; float:left; display:inline; margin-right:10px;}
#layout1 #column2 #rotate2 {margin-bottom:0px; height:410px; overflow:hidden;}
#layout1 #column3 {width:220px; float:left;}
#layout1 #column3 img {margin-top:310px;}

/****** Story Layout ******/
#layout2 {padding-top:42px;}
#layout2 #column1 {width:280px;float:left; display:inline; margin-right:10px;}
#layout2 #column2 {width:450px;float:left; display:inline; margin-right:10px;}
#layout2 #column3 {width:200px;float:left; padding-top:115px;}
#layout2 #navi1 {padding-top:20px; width:135px;} 


/****** Story ******/
#layout2 #column2 h1 {font-size:36px; font-weight:bold; color:#b4c3cb; background:url(../img/bg_h1.gif) 3px bottom no-repeat; padding:10px 0 15px 0; margin-left:-2px; text-transform:uppercase; line-height:32px; margin-bottom:15px;}
#layout2 #column2 h2 {font-size:13px; text-transform:uppercase; padding:10px 0 0 0;}
#layout2 #column2 p {line-height:140%; padding:5px 0px 15px 0; font-size:13px;}
#layout2 #column2 ul {padding:0 0 15px 13px;}
#layout2 #column2 ol {padding:0 0 15px 18px;}
#layout2 #column2 li {padding:2px 0}
#layout2 #column2 a.download {padding: 0px 0px 10px 25px; background: transparent url(../img/download.gif) no-repeat 0px 2px; display:block;}
#layout2 #column2 a.link{padding: 0px 0px 10px 15px; background: transparent url(../img/arrow.gif) no-repeat 0px 2px; display:block;}
#layout2 #column2 a {color:#2c5770; text-decoration:underline;}
#layout2 #column2 a:hover {color:#2c5770; text-decoration:none;}
.img_float_left,  .img_float_right {width:390px; display:block; padding-bottom:10px;}
.img_float_left img {float:left; padding-right:10px;}
.img_float_left strong, .img_float_right strong{font-weight:bold; padding-left:40px; color:#002c53; background:url(../img/bg_linkbalken.gif) 0 3px no-repeat;}
.img_float_right img {float:right; padding-left:10px;}



/****** Referenzen ******/
#referenzen {width:600px;}
.referenz {float:left; width:220px; height:150px; background-color:#ffffff; margin:0 10px 10px 0;}
.referenz div {display:none;}
.referenz a {text-decoration:none !important; color:#ffffff !important; width:220px; display:block;}
.referenz img {}
.referenz a span {position:absolute;  font-weight:bold; padding:10px 0 0 55px; background:url(../img/bg_referenz.gif) 10px 13px no-repeat;}





#navi1 ul {margin: 0;	padding: 0;	list-style: none;	width: 135px; /* Width of Menu Items */	 position:absolute; z-index:50;}
#navi1 ul li {position: relative; border-bottom:1px solid #b4c3cb; float:left; display:block; width:135px;  background:#ffffff;}
#navi1 li ul {	position: absolute;	left: 134px; padding-left:10px; /* Set 1px less than menu width */	top: 0;	display: none;}
/* Styles for Menu Items */
#navi1 ul li a {display: block;text-decoration: none; /* IE6 Bug */	padding: 5px;	 /* IE6 Bug */	border-bottom: 0;	display:block; font-size:11px; color:#698698; padding:2px 0 2px 3px;}
/* Holly Hack. IE Requirement \*/
* html #navi1 ul ul li { float: left; height: 1%; }
* html #navi1 ul ul li a { height: 1%; }
/* End */
#navi1 ul li:hover ul, #navi1 ul li.over ul, #navi1 ul li.active ul {display: block;} /* The magic */
#navi1 ul li:hover a, #navi1 ul li.over a,#navi1 ul li.active a,  #navi1 ul li:hover ul a:hover, #navi1 ul li.over  ul a:hover,  #navi1 ul li.active  ul li.active a {color:#2c5070; background:#dae1e5; font-weight:bold;}
#navi1 ul li:hover ul a, #navi1 ul li.over  ul a , #navi1 ul li.active  ul a {color:#698698; background:#ffffff; font-weight:normal;}
#navi1 li.last {border-bottom:0px !important;}




/****** Bluebox ******/
#bluebox {width:180px; background:#d0d9de; padding:10px 10px 10px 10px; float:right;}
#bluebox div {padding-bottom:40px; background:url(../img/bg_bluebox.gif) no-repeat 147px bottom #d0d9de;}
#bluebox a {display:block; padding:0 0 15px 0;}
#bluebox a span{font-weight:bold; padding-left:40px; background:url(../img/bg_linkbalken.gif) 0 3px no-repeat;}
#bluebox a:hover span{ font-weight:bold; padding-left:40px; background:url(../img/bg_linkbalken2.gif) 0 3px no-repeat;}


#audio {position:absolute; margin:10px 0 0 677px;}
#audio object {outline:none;}


/****** Footer ******/
#footer, .push {height:68px; /*same height*/ overflow:hidden; clear:both; display:block;}
#footer {position:relative;  margin:0 auto; background:url(../img/bg_footer.gif) repeat-x bottom;}
#footer a{color:#000; text-decoration:none;}
#footer a:hover{color:#000; text-decoration:none;}

/****** Visitenkarte ******/
p.vc {}
p.vc img {float:left; margin: 0 8px 0 0;}
p.vc span {display:block; float:left;}