html {
	font-size: 100.01%;
}

body {
	font-family: FreeSans, Helvetica, Calibri, Arial, sans-serif !important;
	font-size: 62.5%;
}
#wrapper, #wrapper2 {
	font-size: 1.2em !important;
	line-height: 1.6em;
}


body{background: url(/images/webexperten09/body-bg2.jpg) top center no-repeat #f3f3f3; color:#303538;}
hr{display: block; height: 1px; margin: 2em 0; padding: 0; size: 1; line-height: 1px; clear:both; color:#c9c9c9; background-color:#c9c9c9 !important; border:0px solid #c9c9c9;}
hr.hidden {visibility: hidden;}
abbr, acronym { border-bottom: 1px dotted #c9c9c9; cursor: help;}

h1{font-size: 3em; color: #303538; font-weight: 100; line-height: 1em; margin: 0 0 .5em;	font-family: FreeSans, Helvetica, Calibri, Arial, sans-serif !important;}
h2{font-size: 2.1em; color: #303538; font-weight: 100; line-height: 1em; text-shadow: #fff 0px 1px 0px; padding: 0 0 .7em 0;	font-family: FreeSans, Helvetica, Calibri, Arial, sans-serif !important; letter-spacing:-1px;}
h3{font-size: 1.5em; color: #0087c0; font-weight: 100; margin: 1.05em 0;}
h4{font-size: 1.4em; color: #303538; font-weight: 100; margin: 1.1em 0;}


h1 a, h2 a, h3 a { font-weight: normal;}

dt{font-weight: 700;}

a{color: #0087c0; text-decoration: none;}
a:hover{text-decoration: underline;}
p {margin: 0 0 1.2em 0;}
small {font-size: 1em;}

ul{ list-style: url(/images/webexperten09/list-icon.gif) outside; margin-left: 25px;}
li{ margin: 0.5em 0;}

img.alignleft{ float: left; margin: 0 20px 10px 0;}
img.alignright{ float: right; margin: 0 0 10px 20px;}

.lightgrey {color: #7a7a7a;}
.grey{color: #737373;}
.marginal{font-size: 1.1em; text-align:left;}

.clear{clear: both; height: 1px; margin-top: -1px; line-height: 0; padding: 0; font-size: 1px; display:block;}

.right{float:right;}
.rfloat{float:right;}
.left{float: left;}
.last{margin-right: 0px !important;}

#header{display:block;}
#logo{ width: 260px; float:left;}
#navigation{ text-transform: uppercase; float: right; width: 600px; margin-top: 28px;}
#navigation ul{ list-style: none; margin:0;}
#navigation li{float:left;}
#navigation a{display:block; float:left; height:30px; line-height:30px; color:#444343; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; padding:0 0 0 5px; cursor:pointer; margin-right: 10px;}
#navigation a strong{float:left; display:block; padding:0 10px 0 5px;}
#navigation li.current a {color:#fff; background:url(/images/webexperten09/navigation-bg.gif) top left;}
#navigation li.current a strong {background:url(/images/webexperten09/navigation-bg.gif) no-repeat right top;}
#navigation li a:hover {color:#fff; background:#fff url(/images/webexperten09/navigation-bg.gif);}
#navigation li a:hover strong {background:url(/images/webexperten09/navigation-bg.gif) no-repeat right top;}
#navigation li.current a:hover {color:#fff; background:#fff url(/images/webexperten09/navigation-bg.gif); cursor:default;}
#navigation li.current a:hover strong {background:url(/images/webexperten09/navigation-bg.gif) no-repeat right top;}

#content{min-height: 800px;}
#menu {margin-bottom: 25px;}
#menu ol{margin: 0; padding:0;}
#menu li.current{color:#303538; background: #00b7e1 !important;  background: #e5e5e5; -moz-border-radius: 5px;}
#menu li.current a{color:#303538 !important;}
#menu li a{color: #303538; display:block;padding:5px 10px; background: none !important; }
#menu li a:hover {color:#303538; background: #ededed !important;  background: #e5e5e5; -moz-border-radius: 5px;}
#menu li {margin-bottom: 5px; color:#444343;}

#menu li.NavLevel2 {display:block; text-decoration:none; font-weight:700; text-align:left; margin: 0 0 5px 0 !important; color: #303538;}
#menu li.NavLevel3 {display:block; text-decoration:none; font-weight:100; text-align:left; margin: 0 0 5px 0 !important; color: #303538;}
#menu li.NavLevel3 a{color: #444343; display:block;padding:5px 10px;}

.feed-news-item{padding: 0 0 2em 0px; margin: 0 0 25px 0;}
.innerfeed-news-item{padding: 5px 0px;}
.datum{font-size: 10px; color: #444343; font-weight: 100; color:#737373;}
.rss-feed{margin: 0 0 20px 0; display:block;}
.rss, .h-links{margin-top: 20px;}
.feed-icon{margin-bottom: -2px;}
.read-all{ margin-bottom: 20px; margin-top: 10px;}

#teaser{border-top: 5px solid #00b7e1; border-bottom: 5px solid #00b7e1; height: 320px; background:#02567b; margin-bottom: 20px;}
#container{border-bottom: 5px solid #00b7e1; display:block;}

/* REFERENZEN */

#referenzen-preview{display:block; position:relative; clear: both; margin: 0; padding: 0;}
#referenzen{display:block; z-index: 4; position:relative; float:left; height: 175px; width: 940px; margin-top: -175px; overflow:hidden;}
#referenzen-preview img{}
#referenzen-preview .last{margin-right: 0px;}
#referenzen-preview .items {height: 200px;}
#referenzen-preview h3{font-size: 12px; font-weight: 700; margin-bottom: 0.2em; letter-spacing: 0;}
#referenzen-top {z-index: 1000;}

#referenzen-uebersicht{}
#referenzen-uebersicht img{}
#referenzen-uebersicht .last{margin-right: 0px;}
#referenzen-uebersicht h3{font-size: 12px; font-weight: 700; margin-bottom: 0.2em; letter-spacing: 0;}

#referenzen-vorschau{ margin-top: 20px; display:block; overflow:visible;}
#referenzen-vorschau img{margin-right: 10px; margin-bottom: 20px;}
#referenzen-vorschau img.last{margin-right: 0px !important;}

a.innerfeed-news-item { display:block;background: #fff; margin-bottom: 20px; margin-right:10px; margin-left:10px; border-bottom: 3px solid #00b7e1;}
a.innerfeed-news-item p{ color: #303538;}
a:hover.innerfeed-news-item {color: #fff !important;; background: #00b7e1; text-decoration: none !important; }
a:hover.innerfeed-news-item .datum,a:hover.innerfeed-news-item p, a:hover.innerfeed-news-item h3, a:hover.innerfeed-news-item h2{color: #ffffff !important;}
.innerfeed-news-item.grid_3 {padding: 10px; width: 200px !important; height: 60px; }
.innerfeed-news-item.grid_4 {padding: 10px; width: 280px !important; height: 160px; }
.innerfeed-news-item.grid_6 {padding: 10px; width: 440px !important; height: 200px; }

.prev{position: relative; display:block; z-index: 500;  float:left;  width: 90px; height: 175px; margin-left: -40px; border: 0; cursor: pointer;}
.prev img{border: 0 !important;}
.next{position: relative; z-index: 600; right: 0;  display:block; float:right; width: 90px; height: 175px; margin-right: -40px; border: 0; cursor: pointer;}
.next img{border: 0 !important;}

.items{ min-width: 940px; display:block; position:relative; height: 150px;}

#firstImage {display:block;width: 620px;}
.galerie-thumbs {list-style: none; margin: 0 0 0 0 !important; padding: 0 !important; height: 100px; overflow: hidden;}
.galerie-thumbs li {height: 120px; display:block; overflow:hidden; list-style: none; padding: 0 !important;}
.caption {display: none !important;}

/* BOXES */
#lastPosts li{font-size: 12px;}
#PostsArchiv li,#PostsKat li{font-size: 12px;}

#breadcrumb{background: #00b7e1; padding: 8px 12px; font-size: 1.1em; color: #fff; margin-bottom: 20px;}
#breadcrumb span{margin-left: 10px;}
#breadcrumb a{ color: #fff; font-weight: 700;}

/* SUCHE */
#ganz-oben{position: absolute; top: 0; width: 100%;}
#suchleiste{display:block; z-index: 500; top: 0; text-align:right; width: 960px; margin: 0 auto;} 
#suche{display:block; padding: 4px 10px 5px 0px; background:url(/images/webexperten09/search.gif) top right no-repeat; }
#suche input{ padding: 2px;  background: none; border: 0; text-transform: uppercase;}
#suche .button{background:url(/images/webexperten09/searchbutton.gif) top right #00b7e1; color: #fff; font-weight: 700; border: 0; cursor:pointer; font-size: 10px; padding: 3px 4px 3px 4px;}

textarea {width: 100%; font-family: Arial, Helvetica, sans-serif;}

#Formular {}

#Formular dl{}
#Formular dl label{display: block; width: 150px;}
#Formular span.firma input{width: 260px}
#Formular span.strasse input,#Formular span.ort input{width: 205px}

#footer{margin-top: 10px; margin-bottom: 10px; height: 35px;}
#footer a{margin-right: 20px;}

.box {background: #fff; padding: 0 10px; border-bottom: 3px solid #00b7e1; margin-bottom: 17px;}
.grid_3.box{width: 200px;}
.grid_4.box{width: 280px;}
.grid_6.box{width: 440px;}