/*==================================================
Stylesheet fuer die Browserausgabe
(www.webraumfahrer.com)
(c) 2010 by webraumfahrer.com>
==================================================*/
body { margin:0 0 40px; padding:0; font:12px Arial, Tahoma, sans-serif; text-align:left; color:#555; background:#fff url(images/bg.jpg) repeat-x left top; }

/* color: #859db5; standarts 
------------------------------------------------*/
h1 { font-size:16px; font-weight:bold; color:#fc7e1c; margin:0 0 25px; }
h2 { font-size:14px; font-weight:bold; color:#fc7e1c; }
h3 { font-size:1.1em; font-weight:bold; color:#333; margin-top:20px; }
h4 { font-size:12px; font-weight:bold; text-align:left; color:#333; margin:20px 0 0; padding:0; }
img { border:none; }
p { margin:4px 0 10px; padding:0; font-size:12px; line-height:1.3em; letter-spacing:0; }
.clickable { cursor:pointer; }

/* links 
---------------------------------------------------------*/
a { color:#fc7e1c; text-decoration:none; }
a:hover { text-decoration:underline; }
a:veseted { text-decoration:none; }
.spacer hr { margin:30px 0; border:0; background:#ece9e4; height:1px; }
hr { border:0; border-bottom:1px solid #ece9e4; height:2px; background-color:#fff; margin:20px 0; padding:0; }

/* wrapper 
------------------------------------------------*/
#wrapper { position:relative; margin:0 auto; padding:0; width:1000px; }

/* header 
	------------------------------------------------*/
#header { position:relative; margin:0 auto; padding:0; width:1000px; height:140px; color:#C3EAFB; }

/* ajaxsearch 
	------------------------------------------------*/
#ajaxsearch { position:absolute; width:310px; height:34px; right:0; top:13px; z-index: 99; }
#ajaxSearch_input { margin:0 5px 0 0; padding:0; width:197px; }
* html #ajaxSearch_input { margin:0 5px; padding:3px; width:197px; }
#ajaxSearch_submit { padding:0; margin:0; width:88px; height:28px; border:0; background:url(images/button.jpg) no-repeat left; }
* html #ajaxSearch_submit { height:28px; }
.ajaxSearch_result { margin:25px 0; font-size:1.2em; }
.ajaxSearch_extract { font-size:.9em; color:#555; }
.ajaxSearch_resultsInfo { font-size:16px; font-weight:bold; color:#FC7E1C; margin:0 0 25px; }
.ajaxSearch_highlight { font-size:1.1em; font-weight:normal; color:#333; background-color:#FFA65F; }

/* logo 
	------------------------------------------------*/
#logo { _display:inline; width:320px; height:90px; float:left; margin:0 0 0 12px; }

/* main navigation 
	------------------------------------------------*/
#mainnavi { position:absolute; width:auto; height:29px; right:0; top:89px; }
.topnav { margin:0; padding:0; }
.topnav li { float:left; height:29px; margin:0; padding:0; list-style:none; }
.topnav li a { display:block; _float:left; height:29px; line-height:29px; text-decoration:none; color:#555; padding:0 8px; font-size:13px; font-weight:bold; }
.topnav li a:hover { color:#fff; text-decoration:none; background:#fb8212 url(images/hover.jpg) repeat-x; }
.topnav li a.current { padding:0 8px; font-size:13px; font-weight:bold; color:#fff; text-decoration:none; background:#fb8212 url(images/hover.jpg) repeat-x; }

/* banner 
	------------------------------------------------*/
#banner { position:relative; width:100%; height:162px; margin:0; padding:0; background:url(images/slider-bg.png) no-repeat 50% 20%; }
#banner .carousel { _display:inline; float:left; height:138px; margin:4px 0 0 178px; padding:0; overflow:hidden; }
.carousel ul { list-style-type:none; margin:0; width:5000px; padding:0; }
.carousel li { display:inline; }
#banner .carousel .carouselBody { height:138px; margin:0 auto; padding:0; }
#banner .carousel .carouselBody li { _display:inline; float:left; width:212px; height:138px; margin:0; padding:2px 0 0 3px; list-style:none; background:url(images/slide_image_bg.png) no-repeat; _background:none; }
#banner .carousel .carouselBody li a { display:block; width:206px; height:138px; }
#banner .carousel a.btnPrevious { display:block; position:absolute; left:155px; top:60px; width:12px; height:23px; background:url(images/show-right.png) no-repeat 0 0; _background:url(images/show-right.gif) no-repeat 0 0; z-index:10; }
#banner .carousel a.btnNext { display:block; position:absolute; right:155px; top:60px; width:12px; height:23px; background:url(images/show-left.png) no-repeat 0 0; _background:url(images/show-left.gif) no-repeat 0 0; z-index:10; }
#site-description { _display:inline; float:right; margin:16px 0 0; padding:0; width:145px; height:125px; }
#site-description p { font-size:18px; line-height:1.4em; color:#fff; }

/* left navigation 
	------------------------------------------------*/
#leftbox { position:absolute; top:370px; left:-18px; width:230px; z-index:2; }
#leftbox .menu-header { width:230px; height:18px; margin:0; padding:0; background:url(images/menu-header.jpg) no-repeat top; }
.leftnavi { margin:0; padding:15px 0 0 25px; background:#fff url(images/menu-bg.jpg) repeat-y left; z-index:2; }
.leftnavi li { display:block; width:190px; margin:0; padding:0; line-height:2.1em; list-style:none; }
.leftnavi li ul { margin:0; padding:0 0 0 18px; }
.leftnavi li ul li { margin:5px 0; }
.leftnavi li a { text-decoration:none; color:#555; font-size:12px; font-weight:bold; padding:0 0 0 5px; border-left:3px solid #fff; }
.leftnavi li a:hover { color:#fc7e1c; padding:0 0 0 5px; border-left:3px solid #fc7e1c; }
.leftnavi li a.current { color:#fc7e1c; padding:0 0 0 5px; border-left:3px solid #fc7e1c; }
ul.sideboxlist { margin: 5px 0 0 15px; padding: 0; }
ul.sideboxlist li { margin:0 0 8px; padding:0; }
#leftbox .menu-footer { width:230px; height:32px; margin:; padding:0; background:url(images/menu_footer.jpg) no-repeat bottom; }

/* container  
---------------------------------------------------------*/
#container { margin:0; padding:0; width:100%; background:url(images/content_bg.jpg) repeat-y 162px 0; position:relative; }

/* main content 
	------------------------------------------------*/
#content { _display:inline; float:left; margin:0 0 40px 140px; padding:0 10px; width:565px; background:url(images/container_bg_top.jpg) no-repeat top right; }
#inhalt { width:445px; min-height:300px; _height:300px; margin:0 0 0 85px; padding:58px 0 0; text-align:left; font-size:12px; }
#inhalt ul li,#inhalt ol li { letter-spacing:normal; }
#inhalt ol li { line-height:1.7em; }

/* Glossar*/
.dictionary { background-color:#FBFBFB; border-bottom:1px solid #ccc; height:22px; list-style-type:none; margin:0 0 20px; padding:0; width:456px; }
.dictionary li { float:left; display:block; border:1px solid #ccc; border-bottom:0; line-height:1.7em; margin:1px 1px 0 0; padding:0 4px; background-color:#EEE; }
.dictionary li:hover { border-bottom:1px solid #FFF; background-color:#FFF; }
.dictionary li.current { border-bottom:1px solid #FFF; background-color:#FFF; }
.dictionary li a { display:block; }

/* right boxes 
------------------------------------------------*/
hr.subline { margin:0; }

/* google logo 
----------------------------*/
.g-logo { border:1px solid #838383; margin:0 0 40px 2px; padding:5px; background-color:#fff; }

/* magento logo 
----------------------------*/
.magento { _display:inline; float:right; margin:0 0 0 10px; width:203px; height:69px; padding:0; }

/* sideboxes of the subpages 
-----------------------------*/
#sidebox1,#sidebox2 { border:1px solid #ece9e4; border-right-color:#fff; background-color:#fafafa; margin:0 0 3px; padding:5px 20px 0 15px; font-size:.9em; }
#sidebox1 { border-top-color:#fff; background:#fafafa url(images/box-bg.jpg) repeat-x top; }
#sidebox1 a { text-decoration:none; font-size:14px; color:#7e715e; }
#sidebox1 a:hover { text-decoration:underline; font-size:14px; }
#sidebox3,#sidebox4 { border:0; background-color:#fff; margin:0 0 3px; padding:5px 20px 0 15px; font-size:.9em; }
#sidebox1 .mailto-box1 a { font-size:12px; }
#sidebox3 a { text-decoration:none; font-size:12px; color:#4f73a3; }
#sidebox3 a:hover { text-decoration:underline; color:#7e715e; }
#sidebox3 ul { margin:0; padding:0 0 0 15px; }
#sidebox3 ul li { margin:0 0 6px; }

/* referenzen 
------------------------------------------------*/
.entry { margin:0 0 30px; padding:0 0 10px; font-size:11px; border-bottom:1px solid #fc7e1c; background-color:#fff; }
.entry a { display:block; font-size:11px; }
.entry img { border:1px solid #F1F1F1; }
.entry p { padding:0 0 10px; }
.entry table { margin:0; padding:2px 4px; background-color:#F9F9F9; border:1px solid #F1F1F1; }
.entry table td { padding:0 0 2px; }
.screen09 { display:block; border:1px solid #dfdfdf; padding:3px; }

/* referenz-liste 
---------------------------------------------------------*/
.referenz-liste { margin:0; padding:0; }
.referenz-liste li { _display:inline; float:left; margin:0; padding:0; list-style:none; }
.referenz-liste a { display:block; width:70px; height:70px; border:1px solid #ece9e4; border-right-color:#AEAEAE; border-bottom-color:#AEAEAE; margin:0 6px 6px 0; padding:2px; }
.referenz-liste a:hover { /* border: 1px solid #fc7e1c; */ border:1px solid #bbb; border-right-color:#666; border-bottom-color:#666; }

/* Leistungen (Rechte Box) 
------------------------------------------------*/
.team-img { border:1px solid #E1E1E1; padding:4px; }

/* clear 
------------------------------------------------*/
.clear { clear:both; }

/* contact form 
------------------------------------------------*/
.labels { margin:0; padding:0; }
.labels li { height:1.7em; line-height:1.7em; margin-bottom:8px; text-align:right; list-style:none; padding-right:120px; }
.formular label,.formular select { display:block; float:left; width:150px; font-size:12px; }
.formular input { float:right; width:150px; font-size:12px; }
.formular form br { clear:left; }
.input#submit { float:none; width:auto; }
.formular label { text-align:right; padding-right:1em; }
.formular form { margin:0; }
#cfName,#cfEmail,#cfWeb,#cfCompany,#cfPhone { border:1px solid #D1D1D1; margin:0 0 3px; padding:2px; height:12px; font-family:Arial, sans-serif; font-size:12px; color:#555; }
#cfRegarding { float:right; width:156px; }
#cfMessage { font-family:Arial, sans-serif; font-size:12px; width:270px; color:#555; margin:0; padding:2px; border:1px solid #ccc; }
li.message_field { min-height:120px; padding-right:0; }
.errors { margin:0 0 15px; padding:5px; border:1px dashed #FF9090; background-color:#FFDFDF; }
.contactField { float:right; }

/* sitemap 
---------------------------------------------------------*/
.sitemap { margin:20px 0 0; padding:0; list-style-type:none; }
.sitemap li { margin:10px 0; padding:0; }

/* footer 
------------------------------------------------*/
#footer { clear:both; width:100%; height:197px; margin:0 auto 50px; padding:0 0 20px; background:url(images/footer_bg.png) no-repeat 162px bottom; }
.footer_inhalt { width:450px; margin:0 0 0 235px; padding:40px 0 0; }
.anfahrt { _display:inline; float:right; margin:0; padding:0; }
.discription { _display:inline; float:left; margin:0; padding:0; width:200px; }
.discription h3 { font-size:1.1em; font-weight:bold; color:#555; margin:0; padding:0; }
.discription p { color:#555; font-size:11px; line-height:12px; }
.discription hr { border:0; background-color:#fc7e1c; height:1px; margin:0; }
.footermenu { _display:inline; float:right; width:445px; margin:50px 285px 0 0; padding:0; list-style:none; }
.footermenu li { _disply:inline; float:right; margin:0 0 0 20px; }
.footermenu li a { text-decoration:none; _float:left; color:#555; font-size:11px; }
.footermenu li a:hover { text-decoration:underline; color:#fc7e1c; }
.footermenu li.current { color:#fc7e1c; }