/*
	katjaPatzelt
*/

/* `style
----------------------------------------------------------------------------------------------------*/
body {
}
p {
    color:#3f3f3f;
}
a{
    color:#004A99;
    text-decoration:none;
    cursor:pointer;
}
a:hover{
    text-decoration:underline;
    color:#004A99;    
}
focus {
    outline: none;
}
.cssHeader .cssMenuList a:hover{
    line-height:73px;
    text-decoration:underline;
    color:#004A99;
}
#body{
    background:url(../img/bg_body.jpg) repeat-x scroll;
    background-color:#ebf3fb;
}
#body .cssLightbox{
    background-color:#fff;
}
.cssPaddingBottom10{
    padding: 0 0 10px 0;
}
.cssTop{
    background:url(../img/bg_top.jpg) no-repeat scroll;
    height:26px;
}
.cssCorner{
    background-color:#fff;
    height:auto;
    border:1px solid #999;
}
.cssHeader{
    background-color:#f0f1f1;
    height:73px;
}
.cssHeader .cssMenuList a{
    font-size:16px;
    line-height:73px;
}
.cssHeader .cssMenuList{
    float:right;
}
.cssHeader img{
    padding-top:16px;
}
/* Beginn Eyecatcher */
.cssEyecatcher{
    background:url(./../img/bg_eyecatcher.jpg) top left no-repeat;
    background-color:#fff;
    height:320px;
    overflow:hidden;
}
.cssEyecatcherText{
    padding:68px 0 0 0;
}
.cssEyecatcherText h3{
    font-size:16px;
    line-height:24px;
    padding:5px 0 0 0;
    font-weight:normal;
}
.cssEyecatcherText h1{
    color:#666;
}
/* Beginn Content all */
.cssContent{
    background-color:#f0f1f1;
    height:auto;
    padding:0 0 57px 0;
}
.cssContentMiddle{
    background-color:#f0f1f1;
    height:auto;
    padding:28px 0 57px 0;
}
/* Beginn Toolbox */
.cssToolBox{
    background-color:#fff;
    border:1px solid #ccc;
    height:424px;
    width:278px;
    padding:5px 0 5px 0;
}
.cssToolBoxListing{
    background-color:#fff;
    border:1px solid #ccc;
    height:auto;
    min-height:350px;
    width:278px;
    padding:5px 0 5px 0;
}
* html .cssToolBoxListing{
    height:auto;
}
*+html .cssToolBoxListing{
    height:auto;
}
/* Beginn News Middle */

.cssNewsHeaderTutorials, .cssNewsHeaderBlogs, .cssNewsHeaderUpdates, .cssNewsHeader{
    height:47px;
    line-height:58px;
}
.cssNewsHeaderTutorials{
    background:url(./../img/icon_tutorials_green.png) top left no-repeat;
}

.cssNewsHeaderBlogs{
    background:url(./../img/icon_blogs_red.png) top left no-repeat;
}

.cssNewsHeaderUpdates{
    background:url(./../img/icon_updates_brown.png) top left no-repeat;
}
.cssNewsHeaderTutorials a, .cssNewsHeaderBlogs span, .cssNewsHeaderUpdates a{
    padding:0 0 0 65px;
    width:90%;
    display:block;
}
.cssNewsHeaderTutorials:hover{
    background:url(./../img/icon_tutorials.png) top left no-repeat;
}
/*
.cssNewsHeaderBlogs:hover{
    background:url(./../img/icon_blogs.png) top left no-repeat;
}
*/
.cssNewsHeaderUpdates:hover{
    background:url(./../img/icon_updates.png) top left no-repeat;
}
div.cssNews, div.cssNews2{
    padding:0px 30px 0 30px;
    margin:0;
    overflow:hidden;
    width:460px;
}
div.cssNews{
    height:144.6px;
}
div.cssNews2{
    height:auto;
}
.cssNews p{
    height:60px;
    padding:8px 0 0 0;
    overflow:hidden;
}
div.cssNews2 a{
    padding:8px 0 12px 0;
}
div.cssNews2 a, .cssAccordion a{
    display:block;
}
.cssToolBoxListing .cssAccordion .cssContact a{
    padding:0 13px 0 0;
}
.cssFloatLeft{
    float:left;
}
.cssColorGreen{
    color:#006729;
}
.cssColorRed{
    color:#7c0042;
}
.cssColorBrown{
    color:#d85710;
}
.cssColorGreen:hover, .cssColorBrown:hover{
    color:#004A99;
    text-decoration:underline;
}
.cssContentBottom{
    background-color:#ffffff;
    height:auto;
    display:block;
    padding:28px 0 28px 0;
    margin:36px 0 0 0;
}
.cssToolTagcloud{
    padding:22px 0 0 0;
}
.cssToolTagcloud ul li{
    list-style:none inside;
    width:auto;
    float:left;
}
.cssToolTagcloud a{
    width:auto;
    float:left;
    padding:0 0 0 10px;
    color: #888989;
    line-height:30px;
    height:30px;
}
.cssToolTagcloud a:hover{
    color: #004A99;
}
.cssToolTagcloud h1 a {
    font-size:28px;
}
.cssToolTagcloud h2 a {
    font-size:22px;
}
.cssToolTagcloud h3 a {
    font-size:18px;
}
.cssToolTagcloud h4 a {
    font-size:14px;
}
.cssToolTagcloud h5 a {
    font-size:10px;
}
.cssFooter{
    background-color:#ebf3fb;
    height:100px;
    line-height:100px;
    text-align:center;
    border:1px solid #ebf3fb;
    color:#999;
}
.contentLeft{
    background-color:#b8def5;
    height:150px;
}
ul.cssMenuList li{
    list-style: none outside;
    margin:0;
    padding:0;
}
ul.cssMenuList li{
    float:left;
    display:block;
    padding-left:10px;
}
ul.cssMenuList span{
    padding-left:10px;
    font-size:16px;
    color:#999;
}
ul li.cssListLast{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.cssAccordion .ui-state-default{
    background:url(../img/arrow_inactive.jpg) no-repeat top left;
    background-color:#fff;
    padding-left:44px;
}

.cssAccordion .ui-state-active, .cssAccordion .ui-state-default:hover, .cssToolBoxListing .cssAccordion h2{
    background:url(../img/arrow_active.jpg) no-repeat top left;
    height:48px;
    padding-left:44px;
    color:#666;
}
 .cssAccordion .ui-state-default:hover{
    background:url(../img/arrow_hover.jpg) no-repeat top left;
}
.cssAccordion .ui-state-default:hover{
    text-decoration:underline;
    cursor:pointer;
}
.cssToolBoxListing .cssAccordion{
    height:auto;
    list-style: none outside;
    margin:0 29px 0 29px;

    
}
.cssToolBox .cssAccordion li{
    height:auto;
    border-bottom:1px solid #d6d6d6;
    list-style: none outside;
    margin:0 29px 0 29px;
    position:relative;
}
.cssAccordion h2{
    line-height:48px;
    overflow:hidden;
    cursor:pointer;
}
.cssAccordion h2:hover{
    cursor:pointer;
    text-decoration:underline;
}
.cssToolBox .cssAccordion{
    height:395px;
}
.cssToolBoxListing .cssAccordion{
    height:auto;
}
.cssToolBox .cssAccordion li.cssAccordionLast{
    border-bottom:0px;
}
.cssToolBoxListing .cssAccordion a{
    height:auto;
    padding:20px 0 0 0;
}
#projectflow {
    height:320px;
}
#projectflow .images{
    height:280px;
}
/* Beginn Listing */
.cssListing{
    background-color:#fff;
    height:auto;
    padding:54px 0 45px 0;
    display:block;
}
.cssShortArticle{
    padding:0px 0px 0px 30px;
    margin: 0px 0px 40px 0px;
    overflow:hidden;
    height:auto;
}
.cssShortArticleList{
    margin-left:10px;
    list-style: inside disc;
    color:#3f3f3f;
}
* html .cssShortArticle{
    float:left;
}
.cssShortArticle h1{
    padding:0;
    font-size:14px;
    line-height:16px;
    font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
}
.cssShortArticle img{
    padding:0;
    width:100px;
}
.cssShortArticleContent{
    height:auto;
}
.cssArticle{
    height:auto;
    padding:0 0 40px 30px;
    display:block;
}
.cssArticle img{
    width:490px;
    padding-bottom:28px;
}
.cssArticleContent{
    padding:12px 0 0 0;
}
.cssArticleContent h6{
    padding:20px 0 0 0;
    font-weight:bold;
}
.cssArticleContent h1{
    color:#666;
}
/* Beginn Contactform */
.cssContact{
    display:block;
    height:auto;
}
.cssContact form{
    padding:10px 0 0 0;
    display:block;
}
.cssContact label, .cssContact input, .cssContact textarea{
    width:214px;
    color:#3F3F3F;
    border:0;
    overflow:hidden;
}
.cssFormCorner{
    border:1px solid #ccc;
    height:auto;
}
.cssContact label{
   margin:10px 0 0 0;
   font-size:10px;
}
.cssContact textarea{
    height:120px;
}
.cssContact input{
    height:18px;
}
.cssButton{
    margin:10px 0 0 0;
    display:block;

    height:19px;
    position:relative;
}
.cssButton span{
    position:absolute;
    top:0;
    left:0;
    height:19px;
    width:10px;
    background: url(../img/bg_button_left.png) repeat-x top left;
}
.cssButton a, .cssToolBoxListing .cssAccordion .cssContact a{
    background:transparent url(../img/bg_button_right.png) repeat-x top right;
    height:19px;
    width:auto;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    position:absolute;
    top:0;
    left:10px;
    padding-right:10px;
}
.qtip-contentWrapper{
    background-color:#fff;
}