/* Style-Sheet */

/*---------- Allgemeine Styles ----------*/

html, body {
	height : 100%;
	width : 100%;
}
img{
 border:0;
}
body	{
	color : #FFFFFF;
	font-size : medium;
	font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-decoration : none;
	background : #FFFFFF;
	margin : 0px;
	padding : 0px;
	border : 0px;
}
p { font-size: 1em; color: #000000; font-weight: normal; padding:0em; margin:0em; line-height:1.5em; }
h1 {font-size: 1.3em; color: #CC0000; font-weight: bold;}
h2 {font-size: 1em; color: #000000; font-weight: bold;}
h3 {font-size: 1em; color: #000000; font-weight: bold;}
h4 {font-size: 1em; color: #000000; font-weight: bold;}
h5 {font-size: 1em; color: #000000; font-weight: bold;}
h6 {font-size: 1em; color: #000000; font-weight: bold;}
input.button {
	height: 1.8em;
	margin-left: 0.4em;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	padding:0px;
	padding-bottom:0.2em;
	font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	background-color: #CC0000;
	border: solid 2px #FFFFFF;
	border-bottom-style:ridge;
	border-right-style:ridge;
	border-top-style:groove;
	border-left-style:groove;
}

a {
	font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-decoration:none;
}

fieldset {
	border:0px;
}

.lnkRotPfeil {
	padding-left:5px;
	font-size: 0.7em;
	color: #CC0000;
	font-weight: normal;
	background: url(/img/layout/pfeil2.gif) no-repeat 0px 5px;
}

.lnkRotBold {
	padding-left:5px;
	font-size: 0.7em;
	color: #CC0000;
	font-weight: bold;
}

.lnkRot {
	padding-left:5px;
	font-size: 0.7em;
	color: #CC0000;
	font-weight: normal;
}

.textFieldBild .lnkRotPfeil {
	background: none;
	padding:0;
}

.lnkRot2 {
	font-size: 0.7em;
	color: #CC0000;
	font-weight: normal;
}
.lnkWeiss {
	font-size: 0.7em;
	color: #FFFFFF;
	font-weight: normal;
}
.lnkGrau {
	font-size: 0.7em;
	color: #666666;
	font-weight: normal;
}

.lnkGrau:hover, .lnkRot:hover, .lnkRotPfeil:hover {
	text-decoration:underline;
}

.rot {
	color: #CC0000;
}


/*---------- TOP NAVIGATION alle Browser ausser IE ----------*/

.top {
	width:100%;
	height:5em;
}

.topLeft {
	float:left;
	width:12em;
	height:100%;
	margin-right:0.5em;
}

.topMiddleAgentur, .topMiddleNews {
	float:left;
	width:50%;
	height:100%;
	margin-right:0.5em;
}

.topRight {
	float:left;
	width:12em;
	height:100%;
	background: url(/img/layout/mail.gif) no-repeat 0em 3.55em;
}

.topOben, .topObenMitte {
	height:2.5em;
	z-index:1;
	border-bottom: solid 1px #A7A59E;
}

.topUnten .topUntenLeft .topUntenRight {
	background: #FFFFFF;
	height:2.5em;
	z-index:2;
}
.topUntenLeft {
	text-align:right;
	margin: 0.8em 0.5em 0em 0em;
}

.topUntenRight {
	margin: 0.8em 0em 0em 1.2em;
}

.zwKoIm {
	font-size: 0.7em;
	color: #666666;
	font-weight: normal;
}

.reiterOben {
	width:100%;
	height:1.4em;
}

.reiterUnten {
	width:100%;
}

/*---------- REITER IM NEWSBREICH ------------*/

.topMiddleNews .topObenMitte .reiterUnten .reiterLeft1 {
	padding:0;
	padding-left:0.6em;
	padding-right:0.6em;
	height:1.1em;
	float:left;
	border-left: solid 1px #CC0000;
	border-top: solid 1px #CC0000;
background:#FFFFFF;
}

.topMiddleNews .topObenMitte .reiterUnten .reiterLeft2 {
	padding:0;
	padding-left:0.6em;
	padding-right:0.6em;
	height:1.05em;
	float:left;
	border-top: solid 1px #a7a59e;
	background: #EDEEE9;
}

.topMiddleNews .topObenMitte .reiterUnten .reiterRight1 {
	padding:0;
	padding-left:0.6em;
	padding-right:0.6em;
	height:1.2em;
	float:right;
	border-right: solid 1px #CC0000;
	border-top: solid 1px #CC0000;
	background: #FFFFFF;
}

.topMiddleNews .topObenMitte .reiterUnten .reiterRight2 {
	padding:0;
	padding-left:0.6em;
	padding-right:0.6em;
	height:1.05em;
	float:right;
	border-top: solid 1px #a7a59e;
	background: #EDEEE9;
}

.topMiddleNews .topObenMitte .reiterUnten .reiterRight1 a, .topMiddleNews .topObenMitte .reiterUnten .reiterLeft1 a {
	color: #CC0000;
}

.topMiddleNews .topObenMitte .reiterUnten .reiterRight2 p, .topMiddleNews .topObenMitte .reiterUnten .reiterLeft2 p {
	font-size:0.7em;
	color: #666666;
}

.topMiddleNews .topObenMitte .reiterUnten .reiterRightSkew2 {
	float:right;
	height:1.1em;
	width:1.1em;
	background: URL(/img/layout/menu_right.gif);
	background-position: top right;
	background-repeat: no-repeat;

}

.topMiddleNews .topObenMitte .reiterUnten .reiterRightSkew1 {
	float:right;
	height:1.2em;
	width:1.1em;
	background: URL(/img/layout/menu_right_fill.gif);
	background-position: top right;
	background-repeat: no-repeat;
	border-top: solid 1px #a7a59e;
}


.topMiddleNews .topObenMitte .reiterUnten .reiterRight1 p, .topMiddleNews .topObenMitte .reiterUnten .reiterLeft1 p {
	font-size:0.7em;
	color:#CC0000;
}

.topMiddleNews .topObenMitte .reiterUnten .reiterRight1 a:hover, .topMiddleNews .topObenMitte .reiterUnten .reiterLeft1 a:hover {
	text-decoration:underline;
}

.topMiddleNews .topObenMitte .reiterUnten .reiterRight2 a, .topMiddleNews .topObenMitte .reiterUnten .reiterLeft2 a {
	color:#666666;
}

.topMiddleNews .topObenMitte .reiterUnten .reiterRight2 a:hover, .topMiddleNews .topObenMitte .reiterUnten .reiterLeft2 a:hover {
	text-decoration:underline;
}

.topMiddleNews .topObenMitte .reiterUnten .reiterLeftSkew2 {
	float:left;
	height:1.1em;
	width:1.1em;
	background: URL(/img/layout/menu_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.topMiddleNews .topObenMitte .reiterUnten .reiterLeftSkew1 {
	float:left;
	height:1.2em;
	width:1.1em;
	background: URL(/img/layout/menu_left_fill.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border-top: solid 1px #a7a59e;
}


/*---------- REITER IM AGENTURBREICH ------------*/

.topMiddleAgentur .topObenMitte .reiterUnten .reiterLeft1 {
	padding:0;
	padding-left:0.6em;
	padding-right:0.6em;
	height:1.05em;
	float:left;
	border-left: solid 1px #a7a59e;
	border-top: solid 1px #a7a59e;
	background:#EDEEE9;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterLeft2 {
	padding:0;
	padding-left:0.6em;
	padding-right:0.6em;
	height:1.1em;
	float:left;
	border-top: solid 1px #CC0000;
	background:#FFFFFF;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterRight1 {
	padding:0;
	padding-left:0.6em;
	padding-right:0.6em;
	height:1.2em;
	float:right;
	border-right: solid 1px #CC0000;
	border-top: solid 1px #CC0000;
	background: #FFFFFF;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterRight2 {
	padding:0;
	padding-left:0.6em;
	padding-right:0.6em;
	height:1.05em;
	float:right;
	border-top: solid 1px #a7a59e;
	background: #EDEEE9;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterLeft1 p {
	font-size:0.7em;
	color:#666666;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterLeft1 a {
	color:#666666;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterLeft1 a:hover {
	text-decoration:underline;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterRight1 p {
	font-size:0.7em;
	color:#CC0000;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterRight1 a {
	color:#CC0000;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterRight2 a {
	color:#666666;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterLeft2 p {
	font-size:0.7em;
	color:#CC0000;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterLeft2 a {
	color:#CC0000;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterLeft2 a:hover {
	text-decoration:underline;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterRight2 p {
	font-size:0.7em;
	color:#666666;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterLeftSkew2 {
	float:left;
	height:1.3em;
	width:1.1em;
	background: URL(/img/layout/menu_left_white.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterLeftSkew1 {
	float:left;
	height:1.05em;
	width:1.1em;
	background: URL(/img/layout/menu_left_fill2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border-top: solid 1px #CC0000;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterRightSkew2 {
	float:right;
	height:1.1em;
	width:1.1em;
	background: URL(/img/layout/menu_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.topMiddleAgentur .topObenMitte .reiterUnten .reiterRightSkew1 {
	float:right;
	height:1.2em;
	width:1.1em;
	background: URL(/img/layout/menu_right_fill.gif);
	border-top: solid 1px #a7a59e;
	background-position: top right;
	background-repeat: no-repeat;
}

.topLogo {
	float:left;	
}


/*----BROWSERWEICHE ENDE----------*/

/*---------- LINKE NAVIGATION ----------*/

.left {
	width:12em;
	clear:left;
	float:left;
	border-top: solid 1px #A7A59E;
	margin-right:0.5em;
}

.oben {
	position: absolute;
	height : 100%;
	width : 100%;
	z-index:2;
}

.unten {
	position: absolute;
	bottom:0em;
	left:0em;
	width:12em;
	height:85%;
	width:11.95em;
	border-right: solid 1px #A7A59E;
	background: #EDEEE9;
	z-index:1;
}

.middle {
	width:50%;
	float:left;
	border-top: solid 1px #A7A59E;
	margin-right:0.5em;
}


.agenturMiddle {
	width:50%;
	float:left;
	margin-right:0.5em;
}

.headlineLinie {
	width:100%;
	border-bottom: solid 1px #A7A59E;
	margin-bottom:0.1em;
	
}

.headline {
	width:100%;
	
}

.headline_text {
	margin:2px 0em 0em 0em;
	padding:0.3em 0em 0.3em 0.6em;
	font-size: 0.7em;
	color: #2D2D2D;
	font-weight: bold;
	background: #D9D6CE;
}


/************************************************************
**********************LISTING********************************
************************************************************/

.menu {
	width:11.95em;
	border-right: solid 1px #A7A59E;
	background: #EDEEE9;
}

.rubrik {
	background: URL(/img/layout/rubrik_mood.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	border-bottom: solid 1px #A7A59E;
}

.rubrik_menu {
	width:13.5em;
	background: #EDEEE9;
	border-right: solid 1px #A7A59E;
}

.subMenuClass {
	color:#000000;
	padding-left:6.5%;
	padding-bottom:1em;
}

.subMenuClass2 {
	width:7.3em;
}

.client, .last_client, .category, .last_category {
	clear:both;
	font-size: 0.7em;
}

.client, .category {
	border-bottom: solid 1px #FFFFFF;
}

.speechbox, .last_speechbox {
	background-color:#EDEEE9;
	clear:left;
	font-size:0.7em;
	border-top: solid 1px #CC0000;
	border-left: solid 1px #CC0000;
	border-right: solid 1px #CC0000;
}

.last_speechbox {
	border-bottom: solid 1px #CC0000;
}

.client a, .last_client a, .category a, .last_category a, .speechbox a, .last_speechbox a {
	background-repeat: no-repeat;
	background-position: 0.5em 0.6em;
	display:block;
	width:93%;
}

.client a, .last_client a{
	padding:0.2em 0em 0.2em 7%;
	color: #000000;
	background-image: url(/img/layout/pfeil.gif);
}

.category a, .last_category a{
	padding:0.2em 0em 0.2em 1.3em;
	color: #000000;
	background-image: url(/img/layout/pfeil2.gif);
}

.speechbox a, .last_speechbox a {
	width:87%;
	padding:0.2em 0em 0.2em 13%;
	color:#CC0000;
	background-image: url(/img/layout/pfeil.gif);
}


.client a:hover, .last_client a:hover{
	color: #FFFFFF;
	background-color:#CC0000;
	background-image: url(/img/layout/pfeil_white.gif);
}

.category a:hover, .last_category a:hover {
	color: #FFFFFF;
	background-color:#CC0000;
	background-image: url(/img/layout/pfeil2_white.gif);
}

.speechbox a:hover, .last_speechbox a:hover {
	color:#FFFFFF;
	background-color:#CC0000;
	background-image: url(/img/layout/pfeil_white.gif);
}

.speech  {
	float:left;
	font-size:0.7em;
}

.speech a {
	color:#000000;
}

.speech a:hover {
	color:#FFFFFF;
	background-color:#CC0000;
}

/*---------- RECHTE NAVIGATION ----------*/

.right {
	width:12em;
	float:left;
	border-top: solid 1px #A7A59E;
}

.suche {
	margin-top:2px;
	background: #EDEEE9;
	text-align:center;
	height:4em;
	border-bottom: solid 1px #A7A59E;
	margin-bottom:-1px;
}

.suche input {
	width: 5.5em;
	
}

.suche label {
	position:absolute;
	left:-2000px; /*Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen sich �bereifrige Screenreader, die ausgerechnet "display:none" akustisch auswerten, t�uuschen, und lesen die so versteckten Hilfen dennoch vor. */	
}

.detailsuche {
	text-align:right;
	padding: 0.2em 0.5em 0.2em 0em;
	background: #EDEEE9;
	margin:2px 0px 0.5em 0px;
	border-bottom: solid 1px #A7A59E;
	
}
.themen {
	border-top: solid 1px #A7A59E;
}

.themenField {
	font-size: 0.7em;
	color: #666666;
	font-weight: normal;
	width:90%;
	padding:5%;
	border-bottom: solid 1px #A7A59E;
	background: url(/img/layout/pfeil.gif) no-repeat 0.2em 1.45em;
}

.themenField p a {
	color: #CC0000;
	font-weight: bold;
}

.themenField p a:hover {
	color: #CC0000;
	font-weight: bold;
	text-decoration:underline;
}

.themenField img {
	margin-top:0.5em;
}
.themenField2 {
	font-size: 0.7em;
	color: #666666;
	font-weight: normal;
	width:100%;
	border-bottom: solid 1px #A7A59E;
	padding-top: 5%;
	padding-bottom: 5%;
}
/*---------- Content ----------*/

.content {
	float:left;
	width:100%;
	margin-top:0.5em;
	border-top: solid 1px #A7A59E;
}

.contentField {
	float:left;
	width:100%;
}

.contentUeberschrift {
	float:left;
	width:100%;
	margin:1px 0px 1px 0px;
	padding:1px 0px 1px 0px;
	background: #EDEEE9;
}

.contentUeberschriftText {
	padding-left:73px;
	font-size: 0.7em;
	color: #666666;
	font-weight: bold;
}
.contentUeberschriftText2 {
	padding-left:20px;
	font-size: 0.7em;
	color: #666666;
	font-weight: bold;
}

.contentBildText {
	float:left;
	background: #EDEEE9;
	width:100%;
}

.contentBild {
	float:left;
	/*border: solid 1px #A7A59E;*/
	background: #EDEEE9;
	font-size: 0.7em;
	color: #666666;
	font-weight: normal;
	width:50px;
}

.contentText {
	padding-left:20px;
	float:left;
	background: #EDEEE9;
	font-size: 0.7em;
	color: #666666;
	font-weight: normal;
	width:80%;
	background: url(/img/layout/pfeil.gif) no-repeat 1em 0.5em;
}

.newsListHeadline {
        color : #000000;
	margin-left:1em;
}

.contentText p a {
	color: #CC0000;
	font-weight: bold;
}

.contentText p a:hover {
	color: #CC0000;
	font-weight: bold;
	text-decoration:underline;
}

.pageCounter {
	float:left;
	padding: 1%;
	background: #EDEEE9;
	width:98%;
	height:1em;
	border-bottom: solid 1px #A7A59E;
	margin-top:1px;
	margin-bottom:1em;
}

.PCText {
	float:left;
	font-size:0.7em;
}

.PCnr {
	padding-left:0.2em;
	padding-right:0.2em;
	padding-bottom:1px;
	float:right;
	text-align:center;
}
.PCnrActive {
	padding-left:0.2em;
	padding-right:0.2em;
	padding-bottom:1px;
	float:right;
	background: #CC0000;
	color:#FFFFFF;
	text-align:center;
}


.rechts {
	float:right;
	padding-right:0.2em;
}

input.checkbox {
	width:1em;
	height:1em;
} 

#logo_ani {
	height:60px;
}

/*-----------Agentur-----------*/

.agenturMenu * {
	color: #000000;
	font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-decoration : none;
	width:11em;
	line-height:1.3em;
}

.agenturMenu ul {
	list-style:none;
	padding:0;
	margin:0;
}

	/* LEVEL ALL */

.agenturMenu a {
	font-size:0.7em;
	display:block;
	width:101%;
	padding:0.2em 0em 0.1em 7%;
	background-repeat: no-repeat;
	background-position: 0.5em 0.6em;
}

.agenturMenu a:hover {
	background-color:#CC0000;
	border-right: solid 1px #CC0000;
	border-left: solid 1px #CC0000;
	display:block;
	color:#FFFFFF;
	background-image: url(/img/layout/pfeil_white.gif);
}

	/* LEVEL 1 */
	
.On {
	background-color:#CC0000;
	color:#FFFFFF;
	background-image: url(/img/layout/pfeil_white.gif);
	background-repeat: no-repeat;
	border-right: solid 1px #CC0000;
	border-left: solid 1px #CC0000;
}

.Off {
	border-bottom: solid 1px #FFFFFF;
	background-image: url(/img/layout/pfeil.gif);
}
.OffH {	
	border-top: solid 1px #CC0000;
	border-right: solid 1px #CC0000;
	border-left: solid 1px #CC0000;
	border-bottom: solid 1px #CC0000;
	background-image: url(/img/layout/pfeil.gif);
}
	
	/* LEVEL 2 */

.agenturMenu ul ul a {
	padding-left:1.5em;
	width:98.2%;
	background-position: 1em 0.6em;
}

.OnHL2, .OnL3 {
	background-color:#CC0000;
	color:#FFFFFF;
	border-right: solid 1px #CC0000;
	border-left: solid 1px #CC0000;
	border-bottom: solid 1px #CC0000;
	background-image: url(/img/layout/pfeil_white.gif);
}

.OffHL2, .OffHHL2 {
	border-right: solid 1px #CC0000;
	border-left: solid 1px #CC0000;
	border-bottom: solid 1px #CC0000;
	background-image: url(/img/layout/pfeil.gif);
}

	/* LEVEL 3 */	

.agenturMenu ul ul ul a {
	padding-left:2.5em;
	width:92%;
	background-position: 1.5em 0.6em;
}

.OnHL3, .OnL3 {
	background-color:#CC0000;
	color:#FFFFFF;
	border-right: solid 1px #CC0000;
	border-left: solid 1px #CC0000;
	border-bottom: solid 1px #CC0000;
	background-image: url(/img/layout/pfeil_white_doppel.gif);
}

.OffHL3, .OffHHL3 {
	border-right: solid 1px #CC0000;
	border-left: solid 1px #CC0000;
	border-bottom: solid 1px #CC0000;
	background-image: url(/img/layout/pfeil_doppel.gif);
}

.agenturMenu .OffHL3:hover, .agenturMenu .OffHHL3:hover, .agenturMenu .OnHL3:hover, .agenturMenu .OnHHL3:hover {
	background-image: url(/img/layout/pfeil_white_doppel.gif);
}

.teamAnimationOben{
	border-bottom: solid 1px #A7A59E;
}
#teamAnimationObenFlash{
	height : 110px;
	background-color : #EDEEE9;
}
#teamAnimationObenFlash .teamFlash{
	float : left;
}
#teamAnimationObenFlash .dasTeam{
	color : #D9D6CE;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size : 24px;
	padding-top : 40px;
	text-align : center;
}
.teamAlternativBild{
	background: url(/img/team/team_alternativ_bild.jpg);
	width:100%;
	height:110px;
}