/*===============================================================
=================================================================
Style-Sheet for StarterCenter
 "everyday ist like sunday"

Netz-Etage, Osnabrück
created: 02.06.09
=================================================================
================================================================*/
/*
FARBEN
dunkelblau, Logo        -> #023982
grau, Rahmen            -> #d8d8d8
orange, Highlight	   -> #fd7700 
Schrift 'normal'	   -> #353535
*/


*{
     margin:0px;
     padding:0px;
     border: 0 none;
     font-size: 100%;
     font-style: inherit;
     font-weight: inherit;
     text-decoration: inherit;
     
}

body {
     background-color: #ffffff;
     font-family: verdana, arial, sans-serif;
     font-size: 0.8em;
     color: #353535;
}

#bodyCenter a {text-decoration: underline; color:#033A82;}



.section { margin: 0px 10px 0px 10px; float: left; display: inline;}
.bildtext2 { width: 440px; margin: 0px 10px 0px 10px; float: left; display: inline;}


.section {
/*padding-bottom: 20px;*/
}

.bildtext2 img{
float: none;
display: block;
}

.bildtext2 .imgleft{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.bildtext2 .imgright{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

.bild_container {
}

.bildtext {
font-style: italic;margin-bottom: 10px;

}

.submit_button 
{
    background-image: url(../images/layout/btn_submit.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 17px;
    height: 17px;
}


/*===============================================================
=================================================================
LINK-ELEMENTE
=================================================================
================================================================*/
/*
*********
ALLGEMEIN
*********
*/
a:link      { color: #033A82; text-decoration: underline; }
a:visited   { color: #033A82; text-decoration: underline; }
a:focus     { color: #033A82; text-decoration: underline; }
a:hover     { color: #033A82; text-decoration: underline; }
a:active    { color: #033A82; text-decoration: underline; }

u           { text-decoration: underline; }



a.history_back {
  text-decoration: none;
}

h2 {
  text-decoration: none;
  margin: 10px 10px 10px 10px;
  font-weight: bold;
  font-size: 14px;
  font-family: arial;
}

h3 { 
  font-size: 12px; 
  font-weight: bold;
  font-size: 12px;
}

p {
  margin-bottom: 10px;
  color: #353535;
}

.highlight .teaser_kurz_text p {
color: #fff;
}

strong {
font-weight: bold;
}

#bodyCenter ul {
list-style-type: disc;
margin-left: 40px;
margin-bottom: 10px;
}


#rssIcon img {
  position: relative;
  top: 8px;
}




/*
**********
FORMULAR
**********
*/
.fieldset, .formhinweis, .formblock {
margin-right: 0px;
padding-right: 20px;
margin-left: 10px;
margin-bottom: 20px;
margin-top: 20px;
}

.formhinweis {
font-size: 11px;
}

.formtext {
position: relative;
left: 30px;
border: 1px solid #d8d8d8;
margin-bottom: 10px;
width: 250px;
}

.formtextfield {
position: relative;
left: 30px;
border: 1px solid #d8d8d8;
margin-bottom: 10px;
width: 250px;
height: 227px;

}

.formhinweis {
width: 600px;
}

.formsubmit {
background-image: url(../images/layout/button.gif);
background-color: #ffff00;
text-align: center;
line-height: 21px;
width: 74px;
height: 21px;
display: block;
color: #353535;
font-size: 11px;
}

.formsubmit:hover {
background-image: url(../images/layout/button_hover.gif);
}

label {
width: 105px;
display: block;
float: left;
font-size: 11px;
}

legend {
font-weight: bold;
font-size: 11px;
margin-bottom: 5px;
}




/*
**********
HAUPT-NAVI
**********
*/

/***allg. definitionen zur navi***/
#bodyLeft ul { width: 228px; list-style-type: none; }

#bodyLeft ul li a 
{
    display: block;
    /*reale breite: 228px, hier abgezogen das padding unten*/
    width: 208px;    
    line-height: 21px;
    background-color: #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin-top: 1px;
    padding-left: 20px;
}



/***definitionen zur ersten ebene***/
#bodyLeft ul.firstlvl
{
    /***fake: wird zu rahmen zw. elementen***/
    background-color: #d8d8d8;
    /***verschiebt ganze navi nach rechts***/
    margin: 0px 0px 0px 11px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #d8d8d8;    
}

#bodyLeft ul.firstlvl li a
{
    background-image: url(../images/layout/navi_dblau.gif);
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #f9f9f9;
    text-decoration: none;
    color: #353535;;
}


/***definitionen zur zweiten und dritten ebene***/
#bodyLeft ul.secondlvl li a, ul.thirdlvl li a
{
    background-image: url(../images/layout/navi_grey.gif);
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #ffffff;
}

#bodyLeft ul.thirdlvl li a
{
    width: 190px;
    padding-left: 38px;
}

/***link aktiv***/
#bodyLeft ul li a:hover 
{
    color: #353535;
    background-color: #d9d9d9;
}

#bodyLeft ul li a#active
{
    background-image: url(../images/layout/navi_orange.gif);
    background-repeat: no-repeat;
    background-position: center left;
    color: #fd7700;
    background-color: #f9f9f9;  
}





/*===============================================================
=================================================================
SONSTIGE IDs & KLASSEN
=================================================================
================================================================*/
.fullclear { clear: both; }

.left {
float: left;
}

.right {
float: right;
}

/*
*********
TEASER
*********
*/

.teaser {
  background-color: #d8d8d8;
  padding: 0px 10px 0px 10px;
}


.teaser_kurz {
  background: #f5f5f5;
  margin-bottom: 5px;
  padding: 5px 10px 5px 10px;
  font-size: 11px;
}

.teaser_kurz_titel {
  margin-bottom: 5px;
}

.teaser_kurz.highlight{
  background: #fd7700;
  color: #ffffff;
  font-size: 12px;
}

.teaser_kurz.highlight a {
  color: #ffffff;
}

/*
*********
TERMINE
*********
*/

.termine {
  background: #f5f5f5;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  position: relative;
  margin-bottom: 20px;
  font-size: 11px;
  margin-left: 20px;
  margin-right: 20px;
  width: auto;
  height: auto;
}


.termine table {
  margin-left: 20px;
  padding-right: 20px;
}

.termine img {
  position: absolute;
  top: -5px;
  left: -9px;
}

.termine h3, .termine h3 a, .termine h3 a:hover {
color: #ffffff;
background-color: #616261;
padding: 2px 0 1px 40px;
cursor:arrow;
}


.termine.highlight h3, .termine.highlight h3 a, .termine.highlight h3 a:hover {
color: #ffffff;
background-color: #fd7700;
padding: 2px 0 1px 40px;
cursor:arrow;
}
.termine h3 a, .termine.highlight h3 a, .termine h3 a:hover, .termine.highlight h3 a:hover {padding: 0px;}
.termine strong {
font-weight: bold;
}

*+html .termine_text {
   padding-right: 20px;  ;
}

* html .termine_text {
   width: 400px;  ;
}



/*===============================================================
=================================================================
LAYOUT
=================================================================
================================================================*/
/*
*****
HÜLLE
*****
*/
#hull
{
    width: 949px;
    margin: 0 auto; 
    position: relative;
    top: 8px;
    padding: 0px;
    background-image: url(../images/layout/shadow_left.gif);
    background-repeat: repeat-y;
    background-position: left;
}

#main
{
    background-image: url(../images/layout/shadow_right.gif);
    background-repeat: repeat-y;
    background-position: right;	
    margin: 0px;	
}

/*
*****
KOPF
*****
*/
#head
{
    height: 97px;
    background-image: url("../images/layout/shadow_top.gif");
    background-repeat: repeat-x;
    background-position: top;
    /*border: 1px solid #000000;*/
}

#head_inner 
{
    background-image: url("../images/layout/head_stripe.gif");
    background-repeat: repeat-x;
    background-position: bottom;			
    height: 85px;    
    width: 927px;
    margin: 0px 0px 0px 11px;
}

#head_crn_left
{
    float: left;
    width: 11px;
    height: 12px;
    background-image: url("../images/layout/head_crn_left.gif");
    background-repeat: no-repeat;
    background-position: top left;
}

#head_crn_right
{
    float: right;
    width: 11px;
    height: 12px;
    background-image: url("../images/layout/head_crn_right.gif");
    background-repeat: no-repeat;
    background-position: top right;
}




#head_left
{
    float: left;
    width: 400px;
    padding-left: 25px;
}

#head_right
{
float: right;
padding-top: 30px;
}

/*
*********
METAMENU
*********
*/

#metamenu {
float: left;
}

#metamenu a {
color: #616161;
text-decoration: none;
}

#metamenu a:hover {
text-decoration: underline;
}

#metamenu a.meta-active {
color: #fd7700;
}


/*
****
SUCHE
****
*/

#suchenbox
{
float: left;
margin-left: 20px;
}

#suchenbox input.search 
{
    border-color: #9495A2 #C8CCCB #C8CCCB #9495A2;
    border-style: solid;
    border-width: 1px;
    color: #798484;
    font-family: Arial,sans-serif;
    margin: 2px;
    padding: 0 0 0 5px;
    position: relative;
    top: -2px;
    float: left;
}

/*
****
SERVICEMENU
****
*/

#anbieterangaben {
float: left;
margin-top: 5px;
}

#impressum {
margin-top: 5px;
float: right;
}

#anbieterangaben, #impressum, #impressum a{
color: #848484;
font-size: 11px;
vertical-align: top;
}
#impressum a img {
vertical-align: top;
margin-left: 5px;
}

#impressum a:hover {
text-decoration: underline;
}

/*
****
ANBIETER LOGO
****
*/

a#handwerkskammer {
display: block;
width: 210px;
height: 34px;
background-image: url("../images/layout/hwk_logo_gr.gif");
margin: 10px 0 10px 0;
}

a#ihk {
background: #ff0000;
display: block;
width: 210px;
height: 41px;
background-image: url("../images/layout/ihk_logo_gr.gif");
}

#anbieter {
  font-size: 10px;
  color: #848484;
  margin-left: 22px;
 position: absolute;
 bottom: 60px;
  }

#anbieter img {
  margin-top: 15px;

}


/*
****
BODY
****
*/
#body
{
    overflow: auto;
}

#bodyLeft {width: 244px;}

#bodyLeft, #bodyCenter, #bodyRight
{
    float: left;    
    min-height: 400px;
}


#bodyCenter
{
    width: 461px; 
}

#bodyRight {
  width: 228px;
  padding: 0px 6px 0px 4px;
}


/*
******
FOOTER
******
*/

#footer {
    height: 38px;
    background-image: url("../images/layout/shadow_bottom.gif");
    background-repeat: repeat-x;
    background-position: bottom;
    margin-left: 4px;
    width: 940px;
}

#footer_inner {
    width: 927px;
    height: 29px;
    border-top: 1px solid #e5e5e5;
    margin: 0 11px 0 11px;
}

#bottom_crn_left
{
    float: left;
    width: 11px;
    height: 12px;
    background-image: url("../images/layout/body_crn_left.gif");
    background-repeat: no-repeat;
    background-position: top left;
}

#bottom_crn_right
{
    float: right;
    width: 11px;
    height: 12px;
    background-image: url("../images/layout/body_crn_right.gif");
    background-repeat: no-repeat;
    background-position: top right;
}

/*
*****
Pagination
*****
*/

.pagination {
float: right;
margin-right: 20px;
margin-bottom: 20px;
}



.pagination_news {
float: left;
margin-right: 5px;
}

.pagination_news a {
background-image: url(../images/layout/pagination.gif);
text-align: center;
line-height: 22px;
width: 22px;
height: 22px;
display: block;
font-size: 11px;
text-decoration: none;
color: #353535;
}

.pagination_news a:hover {
background-image: url(../images/layout/pagination_hover.gif);
}

.pagination_news a.pagination_active {
color: #000000;
text-decoration: none;
background-image: url(../images/layout/pagination_active.gif);

}

.pagination_news a.pagination_active:hover {
background-image: url(../images/layout/pagination_active.gif);
}



.iframe {
margin-top: 20px;
width: 441px;
}