/* 
***************************************
corporate design colors 
***************************************
*/


/* orange */
.orange {color:#fe6215;}

/* dark grey, header gray */
.darkgrey {color:#3a403b;}

/* light grey */
.lightgrey {color:#e7eff1;}

/* light blur, referenzen background */
.lightblue {color:#c2dce5;}


/* 
***************************************
//corporate design colors 
***************************************
*/


/* 
***************************************
Spacer 
***************************************
*/

.VerticalBoxSpacer
{
width:8px;
line-height:8px;
background-color:white;

}

.HorizontalBoxSpacer
{
height:8px;
line-height:8px;
background-color:white;

}

/* 
***************************************
Spacer 
***************************************
*/





#inhaltBorder 
{
    float:left;
    width:575px;
}

#inhaltBorderIndex 
{
    float:left;
    width:518px;
}
  
#inhalt 
{
    background:#fff;
}


#inhalt #textbox
{
    background-color:#e0e0e0;
    padding-left:19px;
    padding-right:19px;
    padding-bottom:32px;
    padding-top:20px;    
    background-image:url(../images/template/textbox_bg.jpg);
    background-repeat:no-repeat;
    background-position:bottom left;

}   

#textbox a, #webdevelopmentBox a, #webdesignBox a
{
    color:#fe6215;
    font-weight:bold;
    text-decoration: none;
    font-size:12px;    
}

#textbox a:hover, #webdevelopmentBox a:hover, #webdesignBox a:hover
{
    color:#3a403b;
}

#inhalt #textboxLightblue
{
    background-color:#e7eff1;
    padding-left:32px;
    padding-right:32px;
    padding-bottom:27px;
    padding-top:22px;
    font-weight:normal;
    font-size:13px;
    font-family:verdana;
    color:#555555;    
}  
#inhalt #textboxLogin
{
    background-color:#e7eff1;


    padding-bottom:27px;
    padding-top:22px;
    font-weight:normal;
    font-size:13px;
    font-family:verdana;
    color:#555555;    
}   

#inhalt #textboxLightblue p
{
    font-weight:normal;
    font-size:12px;
    font-family:verdana;
    color:#555555;    
}    

#inhalt #textboxLightblue h2
{
    font-family:verdana;
    font-weight:18px;
    font-weight:bold;
    color:#596469;
}

#inhalt .textboxBlueBorder
{
    background:url(../images/template/referenzen/referenzbox_left.gif) no-repeat;      
    background-color:#c2dce5;
    width:518px;
    height:120px;
    
}    

#inhalt .textboxBlue
{
    font-weight:normal;
    font-size:13px;
    font-family:verdana;
    color:#555555;  
}

li
{

    list-style:none;

}

ul.jobs
{
    margin-left:40px;
}
ul.jobs li
{
    list-style: circle;
    font-size: 12px;
    color: black;
}

.ulIndex li 
{
background:url(../images/anstr.gif) no-repeat; 
background-position:0px 3px; 
padding-left:12px;
margin-bottom:5px;
 
}
#textbox .teamMail a
{
    font-weight:bold;
    color:#fe6215;
}
#textbox .teamMail a:hover
{
    font-weight:bold;
    color:#535353;
}


 

#inhalt .textboxBlue h3, #inhalt .textboxBlue h3 a 
{
    font-family:verdana;
    font-size:11px;
    font-weight:bold;
    color:#4b565b;
    margin-bottom:2px;
    float:left;

}

.textboxBlue .newBanner
{
    background:url(../images/template/referenzen/referenzen_button_neu.gif) no-repeat;
    background-position:5px 7px;
    height:18px;
    width:27px;
    float:left;
    padding:7px 0px 0px 5px;
}

.textboxBlue .normal
{
    height:18px;
    width:27px;
    float:left;
    padding:7px 0px 0px 5px;
}

.textboxBlue div.boxTextBorder
{
    width:322px;
    float:left;
    font-weight:normal;
    font-size:11px;
    font-family:tahoma;
    color:#555555;
}

.textboxBlue div.boxText
{
    padding-right:15px;
    padding-top:7px;
}

.textboxBlue div.boxPicBorder
{
    width:164px;
    height:120px;    
    float:left;
    background:url(../images/template/referenzen/referenz_box.jpg) no-repeat;
}

.textboxBlue div.boxPic
{
    padding:13px 0px 0px 16px;
}

.textboxBlue div.boxPic img
{
    border:0px solid white;
}

.textboxBlue a, #textboxLightblue a
{
    color:#0c4771;
    font-weight:normal;
    font-size:13px;
    font-family:verdana;
    text-decoration:underline;
}


.textboxBlue a:hover, #textboxLightblue a:hover
{
    color:#4A7E94;
    text-decoration:none;
}

.textboxBlue a.referenz_link
{
    display:block;
    padding-top:4px;
    color:#0c4771;
    font-weight:normal;
    font-size:11px;
    font-family:verdana;
    text-decoration:none;
}

.textboxBlue a.referenz_link:hover
{
    color:#4A7E94;
    text-decoration:none;
}



/*
//////////////////////////////////////
Angaben für blaue Boxen auf der Startseite ANFANG
//////////////////////////////////////
*/

#webdesignBox_border 
{
width:278px;
height:215px;
float:left;
background-image:url(../images/content/home_webdesign_bg.jpg);
background-position:0px 85px;
}


#webdesignBox p, #webdevelopmentBox p
{
margin:5px;
}

#webdevelopmentBox_border 
{
width:289px;
height:215px;
float:left;
background-image:url(../images/content/home_webdevelopment_bg.jpg);
background-position:0px 85px;
background-repeat: no-repeat;
}


#webdesignBox img, #webdevelopmentBox img
{
border-bottom:1px solid #fff;
}


/* protfolio Style allgemein */
#portfolioBox h4
{
height:21px;
color:#fff;
padding: 5px 0px 0px 23px;
font-size:13px;
}

#portfolioBox img
{
margin:0px 15px 0px 0px;
}

#portfolioBox a
{
color:#fe6215;
font-weight:bold;
text-decoration:none;
}

#portfolioBox a:hover
{
text-decoration:none;
}

div#portfolioBox p
{
font-size:11px;
margin:5px;
}

div.subkontaktbox
{
padding-top:4px;
padding-bottom:3px;
}

/* kontakt  box */
#kontaktBox_border
{
width:190px;
height:158px;
float:left;
border-right:1px solid #fff;

background-image:url(../images/content/homeboxes_bg.jpg);
background-position:0px 26px;
}

#kontaktBox h4
{
background-image:url(../images/content/home_kontakt.jpg);
}

#kontaktBox br.spacer
{
border:1px solid red;
}


/* queisser box */
#queisserBox_border
{
width:191px;
height:158px;
float:left;
border-right:1px solid #fff;
background-image:url(../images/content/homeboxes_bg.jpg);
background-position:0px 26px;
color:#03080b;
    font-family:tahoma;
    font-size:12px;
    font-weight:normal; 
}

#queisserBox h4
{
background-image:url(../images/content/home_queisser.jpg);
}


/* mittag box */
#mittagBox_border
{
width:191px;
height:158px;
float:left;
background-image:url(../images/content/homeboxes_bg.jpg);
background-position:0px 26px;
color:#03080b;
    font-family:tahoma;
    font-size:12px;
    font-weight:normal; 
}

#mittagBox h4
{
background-image:url(../images/content/home_mittag.jpg);
}

#mittagBox .mittagtext, #queisserBox .queissertext
{
float:left;
width:103px;
margin:6px 0px 4px 0px;
}

#mittagBox h5, #queisserBox h5
{
margin:0px 0px 4px 0px;
}

#mittagBox img, #queisserBox img
{
margin:6px 14px 4px 8px;
}

#mittagBox .email, #queisserBox .email
{
padding-left: 30px;
}


/* Portfolio-Einstellungen Kontaktseite */

#contact h6
{
height:21px;
color:#03080b;
padding: 5px 0px 0px 11px;
font-size:12px;
}

#mittagBox_border
{
width:192px;
}



#projektAktuell a.mehrReferenzen
{
display:block;
width:200px;
height:22px;
background-image:url(../images/template/projektaktuell/projektaktuell_link_bg.jpg);
text-decoration:none;
color:#fff;
}

div#projektAktuell b
{
padding:4px 0px 0px 10px;
font-weight:bold;
font-size:10px;
}



/*
//////////////////////////////////////
Angaben für blaue Boxen auf der Startseite ENDE
//////////////////////////////////////
*/

div.lineSpacer
{
    line-height:6px;
    height:6px;
    background-color:none;
}

#inhalt h1, #inhalt div.header
{
    background-color:#3A403C;
    background-image:url(../images/template/h1x.gif);
    background-repeat: no-repeat;
    padding:5px 10px 2px 34px;
    font-family:arial;
    font-size:14px;
    font-weight:normal;
    color:white;
    border-bottom:2px solid white;
}

#inhalt h1 b, #inhalt div.header b
{
    font-family:arial;
    font-size:15px;
    font-weight:bold;
}

#inhalt .h1
{
    background-color:#3A403C;
    background-image:url(../images/template/h1.gif);
    background-repeat: no-repeat;
    padding-left:35px;
    font-family:tahoma;
    font-size:14px;
    font-weight:bold;
    color:white;
    border-bottom:2px solid white;
}

#inhalt p
{
    color:#03080b;
    font-family:tahoma;
    font-size:12px;
    font-weight:normal;  
    padding-bottom:4px;
    padding-top:2px; 
 
}

#inhalt h2
{
    padding-top:10px;
    padding-bottom:4px;     
    font-family:tahoma;
    font-size:12px;
    font-weight:bold;
    color:#03080b;
}

#inhalt h2.blogtitle
{
    font-size:18px;
    font-weight:normal;
}

#inhalt h2.blogtitle2
{
    font-size:15px;
    font-weight:bold;
    color:#333;
}

/* 
***************************************
Homepage --> newsbox 
***************************************
*/
#teaserLeftBorder 
{
    float:left;
    width:258px;
}

#teaserLeft
{

}

#newsboxBorder 
{
    background-color:#3a403b;
    width:258px;
}
  
#newsbox 
{
    font-family:tahoma;
    font-size:11px;
    color:white;
    padding:0px 0px 8px 8px;
}

#newsbox h3
{
    margin-bottom:4px;
    font-size:11px;
    font-family: tahoma,'sans serif';    
}

#newsbox  h3 a, #newsbox  h3 a:hover
{
   color:white;
   text-decoration:none;   
}


#newsbox h3 span.orange a
{
   color:#fe6215;
   text-decoration:none;   
}





#newsbox p
{
    font-size:11px;
    font-family: tahoma,'sans serif';
    color:white;
    line-height:14px;
}


.dottedline

{
  background:url(../images/content/dotteddark_bg.gif) repeat-x;
  height:3px;
  line-height:3px;
  padding:4px 4px 0px 4px;
  margin:0px 7px 0px 0px;

}

#newsbox .morelink
{
   background:url(../images/content/dotteddark_bg.gif) repeat-x;
   background-position:bottom;
   text-align:right;
}

#newsbox  a.more
{
   background:url(../images/buttons/more.gif) no-repeat;
}

#newsbox  a:hover.more
{
    background-position:-51px 0px;
}

#newsbox  a
{
   color:#abb583;
}

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


/* 
***************************************
// Homepage --> newsbox 
***************************************
*/


#teaserLeft .infoBox
{
    background:url(../images/template/demo_cms_box.gif);
    width:258px;
    height:120px;
}

#teaserLeft .infoLink
{
    padding-top:87px;
    padding-left:145px;
}





/* 
******************************************
// Homepage --> HomepageBoxen allegemein
******************************************
*/

.HomeBoxText
{
font:normal 11px tahoma;
padding:12px 60px 5px 12px;
}

.HomeBoxText a
{
font:bold 11px tahoma;
color:#fe6215;
text-decoration:none;
margin-top:12px;
}

.HomeBoxText a:hover
{
text-decoration:underline;
}


/* 
***************************************
// Homepage --> HomepageBoxWebdesign
***************************************
*/


#HomeBoxWebdesignBorder 
{
   width:254px; 
   background:url(../images/index/home_webdesignbox.jpg) no-repeat center bottom #e7e7e7;
   height:160px;
   float:left;
}

#HomeBoxReferenzenBorder 
{
   width:254px; 
   background:url(../images/index/home_referenzenbox.jpg) no-repeat center bottom #e7e7e7;
   height:160px;
   float:left;
   margin-left:9px;
}

#HomeBoxPHPBorder 
{
   width:254px; 
   background:url(../images/index/home_phpbox.jpg) no-repeat center bottom #e7e7e7;
   height:160px;
   float:left;
}

#HomeBoxBlogBorder 
{
   width:254px; 
   background:url(../images/index/home_webblogbox.jpg) no-repeat center bottom #e7e7e7;
   height:160px;
   float:left;
   margin-left:9px;
}

#HomeBox h5
{
    background:#6e7270;
    padding:5px 2px 5px 12px;
    border-bottom:1px solid #fff;
}

#HomeBox  h5 a
{
    text-decoration:none;
    display:block;
    color:#fff;
    font:bold 12px tahoma;
}

#HomeBox  h5 a:hover
{
   color:c9caca;
}




/* 
***************************************
Homepage --> Styling Admin
***************************************
*/


#adminBoxBorder 
{
    width:784px;
}

#adminBox
{
     padding-left:11px;
     padding-right:11px;
     padding-bottom:30px;
}

#adminBox a
{
    text-decoration:none;
    color:#444;
}

h4
{
    font-family:tahoma;
    font-size:14px;
    font-weight:bold;
}

.formfield
{
    width:500px;
    margin-bottom:5px;
}

.label
{
    width:200px;
    float:left;
    text-align: left;
}
.label2
{
    width:200px;
    float:left;
    text-align: left;
    color:#193946;
}

.input
{
    width:300px;
    float:left;
    text-align: left;    
}



.description
{
    font-style:normal;
    font-weight:normal;
    font-size:10px;
    font-family:verdana;
    color:#fe6215;
    text-align: left;
}

#textbox span.description a
{
    font-size:10px;
}

input.form, textarea.form
{
    border:1px solid black;
    width:300px;
}

textarea.form  
{
    height:250px;
}

input.submit
{
    border:1px solid black;
    background-color: #e1e1e1;
    padding-left: 10px;
    padding-right: 10px;
}


/* Produkticons */

#textbox div.product
{
width:520px;
}

#textbox a.producticon, a.producticon
{
    text-decoration:none;
    display:block;
    width:95px;
    heigth:93px;
    padding:0px;
    margin:0px;
    float:left;
}

#textbox div.producticon
{
    float:left; 
    width:95px; 
    height:93px; 
    margin-top:9px; 
}


#textbox div.producttext_border
{
float:left;
width:425px;
}


#textbox div.producttext
{
margin:0px 0px 0px 20px;
}



#teaserLeft .chatBox h1
{
    color:#545454;
    font:bold 12px tahoma;
    background:url(../images/chatbox/chatbox_top.gif) no-repeat #d6d6d6;
    padding:12px 12px 17px 36px;
}

#teaserLeft .chatBoxBorder
{
   width:258px; 
   background:url(../images/chatbox/chatbox_bg.gif) no-repeat center right #d6d6d6;
}


#teaserLeft .chatBox .infoContainer
{
    padding:0px 13px 13px 13px;
    font:normal 11px tahoma;
    color:#555555;
}

#teaserLeft .chatBox .foto
{
    float:left;
    width:72px;
}

#teaserLeft .chatBox .textBorder
{
    float:left;
    width:155px;
}

#teaserLeft .chatBox .text
{
    padding-left:11px;
}

#teaserLeft .chatBox .text h2
{
    font:bold 12px tahoma;
    color:#555555;
    padding:4px 0px 4px;
}

#teaserLeft .chatBox .text2
{
    padding:0px 16px 6px 16px;
}

#teaserLeft .chatBoxFooter
{
    background:url(../images/chatbox/chatbox_footer.gif) no-repeat;
    width:258px;
    height:5px;
    line-height:5px;
    font-size:2px;
}   


/*Styling für Browser*/
td.listBrowser2Middle a
{
  padding-right:5px;
  padding-left:5px;
  border:1px solid #929292;
  background:#929292;
  color:white;
  float:left;
  margin-left:1px;
  margin-right:1px;  
  text-decoration:none;  
}

td.listBrowser2Middle a:hover
{
  color:#929292;
  background:white;
  border:1px solid #929292;
}

td.listBrowser2Delta a
{
  padding-right:5px;
  padding-left:5px;
  border:1px solid white;
  background:#929292;
  color:white;
  float:left;
  text-decoration:none;
}

td.listBrowser2Delta a:hover
{
  color:#929292;
  background:white;
  border:1px solid #929292;
  
}

td a.listBrowser2Active
{
  color:#929292;
  background:white;
  border:1px solid #929292;
  padding-left:4px;
  padding-right:4px;
  margin-left:2px;
  margin-right:2px;
}

span.listBrowser2SummaryBox
{
  display:block;
  border:0px solid #929292;
  color:black;
  font-weight:bold;
  padding-left:5px;
  padding-right:4px;
  margin-left:5px;
  float:right
}

td.listBrowser2Delta
{
  height:25px;
  width:300px;
  clear:both;
  text-align:right;
}

td.listBrowser2Middle
{
  width:275px; 
}   

td span.listBrowser2LastButton, td a.listBrowser2LastButton, td a.listBrowser2LastButton:hover 
{
  border:1px solid #989294;
  background:#fefefe;
  color:none;
  padding:0;  
  display:block;
  padding:3px 1px; 
}
td span.listBrowser2NextButton, td a.listBrowser2NextButton, td a.listBrowser2NextButton:hover 
{
  border:1px solid #989294;
  background:#fefefe;
  color:none;
  padding:0;  
  display:block;
  padding:3px 1px;
}
td span.listBrowser2FirstButton, td a.listBrowser2FirstButton, td a.listBrowser2FirstButton:hover
{
  border:1px solid #989294;
  background:#fefefe;
  color:none;
  padding:0;  
  display:block;
  padding:3px 1px;
}
td span.listBrowser2PreviousButton, td a.listBrowser2PreviousButton, td a.listBrowser2PreviousButton:hover 
{
  border:1px solid #989294;
  background:#fefefe;
  color:none;
  padding:0;  
  display:block;
  padding:3px 1px;
}

#textbox p.postmetadata
{
    padding:5px 0px;
}

#referenzFilterBox
{
    margin-top:5px;
    width:575px;
    background:#ececec;
}

#referenzFilterBox .referenzHeader
{
    background:#6e7271;
    color:white;
    font-weight:bold;
    padding:5px 10px 5px 17px;  
}

#referenzFilterBox .merkmale
{
    padding:0px 14px;
}

#referenzFilterBox .merkmalBox
{
    background:url(../images/template/referenzen/referenz_line.gif) repeat-x bottom;
    padding:4px 0px 9px;
    width:547px;
}    

#referenzFilterBox .merkmalLabel
{
    float:left;
    width:105px;
}

#referenzFilterBox .merkmalInputs
{
    float:left;
    width:442px;
}    

.referenzBrowser
{
    background:#c1dce5;
    margin-top:1px;
    padding-left:6px;
}