@charset "ISO-8859-1";
/* CSS Document */
/*--------------- TYPO ------------------*/

body {font-family: verdana,arial,clean,sans-serif;color:#444}

/*** HEADERS ***/
h1{font-size:1.6em;} /* 20px */
h2{font-size:1.5em;} /* 18px */
h3{font-size:1.4em;} /* 17px */
h4{font-size:1.3em;} /* 16px */
h5{font-size:1.2em;} /* 15px */
h6{font-size:1.1em;} /* 14px */
h1,h2,h3,h4,h5,h6{padding:.3em 0;}  /* top & bottom margin based on font size */ 
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;color:#003f80}

/*** GIFBUILDER ***/
h1.imageheader, h2.imageheader,h3.imageheader, h4.imageheader,h5.imageheader, h6.imageheader{
  height:20px;  
  background-repeat:no-repeat;
}

h1.imageheader strong, h2.imageheader strong, h3.imageheader strong, h4.imageheader strong, h5.imageheader strong, h6.imageheader strong{
  display:none;
}

h1.imageheader,h2.imageheader,h3.imageheader {padding-bottom:1.2em}

h1.header-keywords, h1.footer-keywords {font-size:1em;color:gray;font-weight:normal}
h1.footer-keywords {float:right}

/*** LIST ***/
blockquote,ul,ol,dl{margin:0;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}

/*** TABLE ***/
th,td{padding: .5em 0;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
fieldset,table,pre{margin-bottom:1em;}

/*** MISC ***/
abbr,acronym{border-bottom:1px dotted #000;cursor:help;} 
em{font-style:italic;}
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
.cleaner{border:none;clear:both;height:0;font-size:0;background:none;overflow:hidden;}

/*** CONTENT ***/
#content p, #content li {font-size:1.3em}
#content p {line-height:1.5em;margin-bottom:1em;}
#content p.align-right {text-align:right}

#content li a, #content p a {font-size:1em}
#content a {font-size:1.3em}

#content .box a.teaser-link, #content .innerbox a {background:url(../img/mediaberatung_arrow.gif) no-repeat 0em .3em;padding-left:1.2em;}
#content a:link, #content a:visited, #content a:focus, #content a:hover, #content a:active {font-weight:bold;text-decoration:none;}
#content a:link {color:#003f80} 
#content a:visited {color:gray;} 
#content a:focus, #content a:hover, #content a:active {border-bottom:1px dotted silver;color:#silver;padding-bottom: .1em;} 
#content .internal-link {padding-left:1.5em}

#content ul {margin-left:1em}
#content ul li {list-style:none;}
#content li {padding: .3em 0}
#content li {background:url(../img/mediaberatung_arrow.gif) no-repeat 0em .65em;padding-left:1.2em;}

/*------------- NAVIGATION --------------*/
#navi ul {list-style:none;margin:0 0 0 1em;padding: 0;text-align:left}
#navi li {display:inline}
#navi li a:link, #navi li a:visited, #navi li a:focus, #navi li a:hover, #navi li a:active {color:#003f80;text-decoration:none;}
#navi li {color:#003f80;float:left;font-weight:bold;font-size:1.3em;text-decoration:none;}
#navi a {color: #003f80;display: block;font-weight: bold;margin:0;text-decoration: none;}
#navi span {display: block;margin:0;padding: 0.2em 1.2em 1em 1.3em;}
#navi a:hover, #navi li.active {background: transparent url(../img/tabright2.gif) top right no-repeat;color: #003f80;display: block;font-weight: bold;margin:0;text-decoration: none;}
#navi a:hover span, #navi li.active span {background: transparent url(../img/tableft2.gif) top left no-repeat;display: block;margin:0;padding: 0.2em 1.2em 1em 1.3em;}

/*------------- PATH --------------*/
#path {list-style:none;padding: .5em 0 0 0;text-align:left}
#path ul {margin: -1.2em 0 0 13.5em}
#path li {display:inline}
#path li a:link, #path li a:visited, #path li a:focus, #path li a:hover, #path li a:active {color:#003f80;text-decoration:none;}
#path .breadcrumb {background: url(../img/arrow_path.gif) no-repeat 0 0.35em;padding-right:0.5em;}

/*------------- FOOTER --------------*/
#footer {font-size:1.1em}
#footer ul {list-style:none;margin:0;padding:0;}
#footer li {display:inline}
#footer li a:link, #footer li a:visited, #footer li a:focus, #footer li a:hover, #footer li a:active {color:#444;font-weight:normal;text-decoration:none;padding: 0 0 0 1em;}
#footer li a:visited {color:gray}
#footer li a:hover {color:silver;}

#footer .copyright {padding: 0}
#footer .copyright a:link, #footer .copyright a:visited, #footer .copyright a:focus, #footer .copyright a:hover, #footer .copyright a:active {color:#003f80;font-weight:normal;text-decoration:none;padding: 1em 0 0 0;}
#footer .copyright a:visited {color:gray}
#footer .copyright a:hover {border-bottom:1px dotted silver;color:#silver;padding-bottom: .1em;}

/* -------------- KONTAKT --------------- */
#contact fieldset {background:url(../img/mediaberatung-fieldset.gif) no-repeat; height:14em;padding:1.2em 0}
#contact legend {font-size:1.8em;margin-bottom:1.5em;color:#003f80}
#contact input, #contact textarea, #contact select {float:left;border:none}
#contact input {background:transparent url(../img/mediaberatung-input.gif) no-repeat;}
#contact label {color:#003f80;float:left;font-weight:bold;margin: .2em 0 0 1.2em;vertical-align:top;width:8.2em;}
#contact input {height:2em;margin:0 .8em 1em 0;padding: .3em;width:20em;}
#contact select {border:1px solid #dddddd;margin: 0 0 1.4em 0;}
#contact select option {background-color:white}
#contact textarea {border:1px solid #dddddd;height:12em;width:50em;}
#contact .submit {background:transparent url(../img/mediaberatung-submit.gif) no-repeat;color:#003f80;cursor:pointer;font-weight:bold;margin:.8em 0 0 .1em;text-align:center;width:9em;height:3.2em}
#contact br {clear:left}
#contact ul {margin: .1em 0em 1.8em 1em}
.error {color: #340202}

#contact-data h5 {color:white;margin:0 0 .7em 0;padding:0;}

#contact-data {color:white;line-height:1.6em}
#contact-data strong, #contact-data b{font-weight:bold;color:#7e7e7e}

/* -------------- Kontakt Sidebar --------------- */
#contact-box h2.imageheader {padding-bottom:0.8em}

/* -------------- SITEMAP --------------- */
div.sitemap h3 {border-bottom:1px solid silver}
div.sitemap h3 a {text-decoration:none}
div.sitemap {float:left;padding:.5em;border:1px solid #CCC;margin-right:1em;margin-bottom:1em;height:auto;overflow:hidden;min-height:10em;min-width:16em;}
div.sitemap ul li {list-style: none;margin-left:-10px;padding: 0px;}
div.sitemap li a {text-decoration:none;}
div.sitemap li a {font-weight:normal !important;}

/* FLEXIBLE CONTENT */
/* --------------  TEASER SINGLE --------------- */
#content .box {float:left;margin: 1em 2em 0 0;width:22.2em;}
#content .image {border:1px solid silver;padding: .2em;}
#content .box .image a {border-bottom:none;margin:0;outline:0;padding:0;text-decoration:none;}

/* --------------  TEASER DOUBLE --------------- */
#content .double-box .image a {border-bottom:none;margin:0;outline:0;padding:0;text-decoration:none;}
#content .double-box {overflow:hidden;margin: 2em 0 4em 0;}
#content .double-box h2 {padding-top:0;clear:both}
#content .double-box .image, #content .double-box .image {float:left;padding: .2em;border:1px solid silver}
#content .double-box .box-left, #content .double-box .box-right{float:left;height:17em;width:45em;}
#content .double-box .innerbox {float:left;margin: 0 2em 0 2em;width:18em}


/* --------------  CONTACT BOX --------------- */
#sidebar div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:2em;}