/***** © zeta software GmbH 2007
Layout: Beauty *****/

body {
	font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #55552B;
    padding             : 0;
    margin              : 0;
    text-align          : center;
    background-color    : #999999;
    background-image    : url();
    background-repeat   : repeat;
}

form, fieldset, div {
    border              : none;
    padding             : 0;
    margin              : 0;
}

h1, h2 ,h3 ,h4 ,h5 ,h6 {
    padding             : 0;
    margin              : 0;
}

p {
    padding             : 0;
    margin              : 0;
}

a img {
    border              : none;
}

a {
    color               : #1B598A;
    text-decoration     : underline;
}
a:hover {
    color               : #333333;
    text-decoration     : underline;
}

.clear {
    clear               : both;
}

.left {
    float               : left;
}
.right {
    float               : right;
}

img.left {
    margin-right        : 5px;
    margin-bottom       : 5px;
}
img.right {
    margin-left         : 5px;
    margin-bottom       : 5px;
}

ul {
    list-style-type     : square;
}

/* Frame */
div#frame {
    text-align          : left;
    width               : 980px;
    margin              : 0 auto;
    padding             : 0
    text-align          : left;
}

/* Top Menu */
div#top_menu {
    height              : 88px;
}

div#top_menu div#logo {
    background-image    : url();
    background-repeat   : no-repeat;
    background-position : 0 0;
    width               : 98px;
    float               : left;
    height              : 88px;
    overflow            : hidden;
}
div#top_menu div#webname {
    margin-left         : 10px;
    margin-top          : 30px;
    float               : left;
}
div#top_menu div#webname h1 {
    font-size           : 22px;
    font-weight         : bold;
    color               : #66A3A2;
    text-transform      : uppercase;
    margin-bottom       : 0;
}
div#top_menu div#webname h2 {
    font-size           : 17px;
    font-weight         : bold;
    color               : #66A3A2;
    margin-bottom       : 0;
}

div#top_menu form#search {
	float: left;
    padding             : 18px 7px;
    background-image    : url(../_media/stock-images/top_nav_pipe.gif);
    background-repeat   : no-repeat;
    background-position : right center;
}
div#top_menu form#search fieldset {
    margin         : 0;
}
div#top_menu form#search fieldset input.field {
    border              : 1px solid #447170;
    color               : #1B598A;
    font-size           : 11px;
    padding-left        : 3px;
    margin-right        : 1px;
}
div#top_menu form#search fieldset input.submit {
    background-color    : #1B598A;
    border              : 1px solid #447170;
    color               : #FFFFFF;
    font-weight         : bold;
    font-size           : 11px;
}
div#top_menu div#top_nav {
    float               : right;
    height              : 73px;
    padding-top         : 15px;
}
div#top_menu div#top_nav ul {
    height              : 55px;
    padding             : 0;
    margin              : 0;
    list-style-type     : none;
    background-image    : url(../_media/stock-images/top_nav_pipe.gif);
    background-repeat   : no-repeat;
    background-position : left center;
    white-space         : nowrap;
}
div#top_menu div#top_nav ul li {
    display             : inline;
    font-size           : 11px;
    color               : #1B598A;
}
div#top_menu div#top_nav ul li a {
    height              : 55px;
    line-height         : 55px;
    display             : block;
    float               : left;
    text-transform      : uppercase;
    text-decoration     : none;
    font-size           : 11px;
    color               : #1B598A;
    background-image    : url(../_media/stock-images/top_nav_pipe.gif);
    background-repeat   : no-repeat;
    background-position : right center;
    padding-left        : 8px;
    padding-right       : 8px;
}
div#top_menu div#top_nav ul li a:hover {
    font-size           : 11px;
    color               : #55552B;
    text-decoration     : underline;
}

/* Header */
div#header {
    width               : 980px;
    height              : 120px;
    background-color    : #FFFFFF;
    background-image    : url(../media/images/web-header-2009-3.jpg);
    background-repeat   : no-repeat;
    background-position : 0 0;
}

/* Left Frame */
div#left_frame {
    width               : 300px;
    float               : left;
}
div#left_frame div.left_image {
    width               : 300px;
    height              : 200px;
    background-image    : url(../media/images/Ziele_Microspot-02.jpg);
    background-repeat   : no-repeat;
    background-position : 0 0;
    margin-bottom       : 1px;
}

/* Content */
div#content_frame {
    margin              : 0 1px;
    width               : 428px;
    background-image    : url(../_media/stock-images/content_frame_bg.png);
    background-repeat   : repeat-x;
    background-position : 0 0;
    float               : left;
    min-height          : 450px;
    padding             : 20px 25px;
    background-color    : #FAFAF6;
}
div#content {
    line-height         : 18px;
    background-image    : url(../media/images/Agentur-blue-event_Karlsruhe-logo-klein-03.gif);
    background-repeat   : no-repeat;
    background-position : right bottom;
    padding-bottom      : 75px;
    min-height          : 400px;
}
div#content div#content_background {
    display             : none;
}
div#content div.articlearea {
    font-size           : 12px;
    color               : #55552B;
}
div#content div.articlearea img {
	padding             : 3px;
	border              : 1px #E6E6E6 solid;
	background-color    : #FFFFFF;
}
div#content div.articlearea .bildunterschrift {
    font-size           : 10px;
    color               : #55552B;
}

div#content div.articlearea ul {
    margin       : 0;
    padding       : 0 0 20px 15px;
}

div#content h1 {
    font-size           : 18px;
    color               : #55552B;
    font-weight         : bold;
    margin-bottom       : 20px;
}
div#content p {
    margin-bottom       : 15px;
}

/* Right Frame */
div#right_frame {
    min-height          : 400px;
    line-height         : 15px;
    width               : 200px;
    float               : right;
    padding-bottom      : 20px;
    background          : #1B598A;
}

/* Newsblock */
div#right_frame div.newsblock {
    background          : #1B598A;
    padding             : 20px 20px 0 20px;
}
div#right_frame div.newsblock img {
	padding             : 3px;
	border              : 1px #E6E6E6 solid;
	background-color    : #FFFFFF;
}
div#right_frame div.newsblock h2 {
    color               : #FFFFFF;
    font-size           : 11px;
    font-weight         : bold;
    margin-bottom       : 10px;
}
div#right_frame div.newsblock div.newscontent {
    padding-bottom      : 10px;
    color               : #FFFFFF;
    font-size           : 11px;
    font-weight         : normal;
    background-image    : url(../_media/stock-images/newsblock_line.gif);
    background-repeat   : repeat-x;
    background-position : left bottom;
}
div#right_frame div.newsblock div.newscontent p {
    margin-bottom       : 10px;
}

/* Teaser */
div.teaser {
    background-color    : #1B598A;
    padding             : 20px;
    font-size           : 11px;
    color               : #FFFFFF;
}
div.teaser img {
	padding             : 3px;
	border              : 1px #E6E6E6 solid;
	background-color    : #FFFFFF;
}

/* Breadcrumb */
div#breadcrumb {
    color               : #FFFFFF;
    font-size           : 11px;
    border-top          : 1px solid #1B598A;
    border-bottom       : 1px solid #1B598A;
    background-color    : #1B598A;
    height              : 19px;
    line-height         : 19px;
    padding-left        : 325px;
    margin-bottom       : 1px;
    background-image    : url(../_media/stock-images/breadcrumb_arrows.gif);
    background-repeat   : no-repeat;
    background-position : 301px center;
}
div#breadcrumb a {
    color               : #FFFFFF;
    font-size           : 11px;
    text-decoration     : none;
}
div#breadcrumb a:hover {
    text-decoration     : underline;
    color               : #333333;
}
/* Footer */
div#footer {
    border-top          : 1px solid #999999;
    color               : #FFFFFF;
    font-size           : 11px;
    text-align          : center;
    margin-left         : 140px;
    padding-right       : 40px;
    background-color    : #999999;
    background-image    : url();
}

div#left_navi {
    min-height          : 140px;
    background-color    : #1B598A;
    width               : 159px;
    float               : left;
    padding-bottom      : 20px;
	background-image    : url();
}
div#right_navi {
    background-color    : #94BFC1;
    min-height          : 230px;
    width               : 140px;
    float               : right;
    padding-bottom      : 20px;
}

/***** MENU *****/
/* 1. level */
.menu1area {
	padding             : 10px;
    padding-bottom      : 0;
}
a.menu1:link,
a.menu1:visited,
a.menu1:active {
    display             : block;
	margin              : 0;
	padding             : 3px 0 5px 0;
	color               : #FFFFFF;
	font-size           : 12px;
	font-weight         : normal;
	text-decoration     : none;
    border-bottom       : 1px solid #FFFFFF;
}
a.menu1:hover {
	padding             : 3px 0 5px 0;
	color               : #FFFFFF;
    text-decoration     : underline;
	font-size           : 12px;
}
a.menu1active:link,
a.menu1active:visited,
a.menu1active:active {
	padding             : 3px 0 5px 0;
    display             : block;
	color               : #FFFFFF;
	font-size           : 12px;
	font-weight         : bold;
    text-decoration     : none;
    border-bottom       : 1px solid #FFFFFF;
}
a.menu1active:hover {
    text-decoration     : underline;
}

/* 2. level */
.menu2area {
	margin              : 0;
	padding             : 10px;
    padding-bottom      : 20px;
}
a.menu2:link,
a.menu2:visited,
a.menu2:active {
	display             : block;
	padding             : 3px 0 5px 0;
	color               : #55552B;
	font-size           : 11px;
	font-weight         : normal;
	text-decoration     : none;
    border-bottom       : 1px solid #55552B;
}
a.menu2:hover {
	color               : #55552B;
	font-size           : 11px;
    text-decoration     : underline;
}
a.menu2active:link,
a.menu2active:visited,
a.menu2active:active {
	padding             : 3px 0 5px 0;
    display             : block;
    text-decoration     : none;
	color               : #55552B;
	font-size           : 11px;
	font-weight         : bold;
    border-bottom       : 1px solid #55552B;
}
a.menu2active:hover {
    text-decoration     : underline;
}

/* 3. level */
.menu3area {
    background-color    : #94BFC1;
	margin              : 0;
	padding             : 10px;
    padding-bottom      : 10px;
    border-bottom       : 1px solid #55552B;
}
a.menu3:link,
a.menu3:visited,
a.menu3:active {
    display             : block;
	padding             : 0 0 2px 0;
	color               : #55552B;
	font-size           : 11px;
	font-weight         : normal;
	text-decoration     : none;
}
a.menu3:hover {
	color               : #55552B;
	font-size           : 11px;
    text-decoration     : underline;
}
a.menu3active:link,
a.menu3active:visited,
a.menu3active:active {
    display             : block;
	padding             : 0 0 2px 0;
	color               : #55552B;
	font-size           : 11px;
	font-weight         : bold;
    text-decoration     : none;
}
a.menu3active:hover {
    text-decoration     : underline;
}

/* Opera-Hack */
@media screen and (min-width: 0px) {
  div#top_menu div#top_nav ul li.last {
      float               : right;
      margin-left         : -5px;
  }
}