/* Stylesheet: www.diewerbekette.de  */
/* CSS-Stylesheet und XHTML:         */
/* Franziska Maelzer                 */
/* Update: Gaby Rau                  */

/* * * * * * * * * * * * * * * * * * */
/* FARBEN  * * * * * * * * * * * * * */
/*                                   */
/* grau: #E5E7E8                     */
/* rot:  #c8000a                     */
/* grau2: #666                       */
/*                                   */
/* * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * */
/* Allgemeine Definitionen * * * * * */
/* * * * * * * * * * * * * * * * * * */
*{
	padding: 0;
	margin: 0;
}

html { height:101%; font-size: 100%; }

body  { 
  min-height: 101%;
  font-size: 1em;
  background-color:#E5E7E8;
  font-family:Arial, Helvetica, sans-serif;
}

h1 {
}

	h1.rot {
		color:#c8000a;
		font-size:1.05em;
		padding-top:1em;
		padding-bottom:1em;
		padding-left:1.1em;
		line-height:1.3;
	}
	h1.rot a {
		text-decoration:none;
		color:#c8000a;
	}
	h1 .grau { color:#666;
							font-size:0.95em; }
	h1.gross {
		font-size:0.93em;
		font-weight:bold;
	}
	h1.kontakt-h1 {
		position:relative;
		font-weight:bold;
		font-size:0.95em;
		line-height:1.5;
		padding-bottom:1em;
	}

h2 {
}
	#unternavigation h2 {
		margin:3px 0 0 38px;
		font-size:0.75em;
		line-height:1em;
		color:#666;
		font-weight:normal;
	}

p {
	padding:0 0 1.2em 1.67em;
	margin-right:1em;
	line-height:1.5em;
	font-size:0.75em;
}
.gross2 {
	font-size:1.1em;
	}

	#unternavigation p {
		margin:5px 0 0 38px;
		padding:0;
		line-height:1.3;
		font-weight:bold;
		color:#666;
	}
	p.links {
		padding-left:0;
		padding-right:6em;
		margin-left:1em;/* 12px*/
	/*	margin-left: 20px;*/
	}
	p.links2 {
		padding-left:0;
		font-size:0.7em;
	}
	.inhalt-klein p strong.gross {
		font-size:1.3em;
		font-weight:bold;
		line-height:1.4;
		
	}

	p.oben {
		margin-top:1.5em;
	}
	p.referenzen_p {
		font-size:0.7em;
		line-height:1;
		padding-bottom:0;
	}
	p#zurueck {
		margin-top:2em;
		padding-left:0;
	}
	p#player {
		padding-left:0;
	}

a {
	color:#000;
}
a:visited {
	color:#333333;
}
a:focus,
a:hover,
a:active {
	text-decoration:none;
}


img, a img {
	border: 0;
}

/* * * * * * * * * * * * * * * * * * */
/* * Allgemeine Klassen  * * * * * * */
/* * * * * * * * * * * * * * * * * * */
.unsichtbar {
	display: block;
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}
.stopFloat{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
.rightFloat {
	float:right;
	margin:0 0 0 0.5em;
}
.leftFloat {
	float:left;
	margin:0 0.5em 0 0;
}
.rightAlign {
	text-align:right;
}
.leftAlign {
	text-align:left;
}
.fontsizer {
	position:absolute;
	top:1em;
	right:27px;
	font-size:0.65em;
	color:#666;
}
.fontsizer a {
	color:#666 !important;
}
/* * * * * * * * * * * * * * * * * * */
/* * Ebenen  * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */

#wrapper {
	position:relative;
	margin:1.5em auto;
	width:48.1em;
}

	#grau_oben {
		background: url("../images/layout/grau_oben_links.gif") no-repeat 0 0;
		height:25px;
	}
	#grau_oben_rechts {
		background: url("../images/layout/grau_oben_rechts.gif") no-repeat right top;
		height:25px;
	}
	
	#grau_mitte_1 {
		position:relative;
		background: url("../images/layout/grau_mitte_links.gif") repeat-y left top;
		text-align:left;
	}
	#grau_mitte_1_rechts {
		position:relative;
		background: url("../images/layout/grau_mitte_rechts.gif") repeat-y right top;
		height: 175px;
	}
		
			/* + Logo und Hauptnavigation + + + + + + + + + + + + + + + + + */

			img#diewerbekette {
				position:relative;
				padding: 0 0 0px 0;
				margin: 0 0 0 27px;
				width:170px;
				height:105px;
			}
			
			
			#hauptnavigation ul {
				position:absolute;
				list-style:none;
				top:70px;
				right:40px;
				margin: 0 0 0 0;
			}
				#hauptnavigation ul li {
					float:left;
					margin: 0 0 0 10px ;
					font-size:12px;
					font-weight:bold;
				}
			
				img#referenzen_logo,
				img#referenzen_logo2,
				img#referenzen_logo3,
				img#referenzen_logo4,
				img#referenzen_logo5,
				img#referenzen_logo6,
				img#referenzen_logo7 {
	position:absolute;
	top:170px;
	right:93px;
				}
				img#referenzen_logo2 {
					top:155px;
				}
				img#referenzen_logo3 {
					top:163px;
				}
				img#referenzen_logo4 {
					top:138px;
				}
				img#referenzen_logo5 {
					top:173px;
				}
				img#referenzen_logo6 {
					top:175px;
				}
				img#referenzen_logo7 {
					top:145px;
				}
				
			/* + haelt #unternavigation und #inhalt zusammen + + + + + + + + */
		
			#grau_mitte_2 {
				text-align:left;
				background: url("../images/layout/grau_mitte_links.gif") repeat-y top left;
			}
			#grau_mitte_2_rechts {
				background: url("../images/layout/grau_mitte_rechts.gif") repeat-y top right;
			}
			
				/* + Unternavigation + + + + + + + + + + + + + + + + + + + + + */
	
				#unternavigation {
					float:left;
					width:12.3em;
					margin-top:-1px;
				}
				
					#unternavigation ul {
						margin:0 0 15px 38px;
						list-style:none;
					}
						#unternavigation ul li {
							font-size: 12px;
							line-height: 15px;
							/*font-size:0.9em;*/
							padding: 0;
							/*letter-spacing: -0.02em;*/
						}
						#unternavigation ul li .wie_url {
							font-size: 12px;
							font-weight:bold;
							color:#666;
						}
				
				/* + Inhalt  + + + + + + + + + + + + + + + + + + + + + + + */
					
				#inhalt {
					float:right;
					/*570px = 35.625*/
					width: 35.625em;
					padding-bottom:0em;
					background:url(../images/layout/grau_mitte_rechts.gif) repeat-y top right;
				}
				#inhalt.referenzen_div {
					padding-bottom:0;
				}
				
					img#startfoto {
						width:30em;
						height:25em;
					}
				
					#rot_oben_links {
						position:relative;
						background:url(../images/layout/rot_oben_links.gif) no-repeat top left;
						height:20px;
						width:30em;
					}
					#rot_oben_rechts {
						position:relative;
						background:url(../images/layout/rot_oben_rechts.gif) no-repeat top right;
						height:20px;
					}
					
					#rot_unten_links {
						position:relative;
						background: url(../images/layout/rot_unten_links.gif) no-repeat 0 0;
						height:20px;
						width:30em;
					}
					#rot_unten_rechts {
						position:relative;
						background: url(../images/layout/rot_unten_rechts.gif) no-repeat top right;
						height:20px;
					}
					
					.kleine_umrahmungen {
						float:left;
						width:7.7em;
						height:9.5em;
					}
					.kleine_umrahmungen img {
						width:6.88em;
						height:6.88em;
					}
					p.kleine_texte {
						margin:1px 3px;
						padding:0;
						font-size:0.7em;
						line-height:normal;
					}
					img.grosse_umrahmung {
						width:14.38em;
					}
					.grosse_umrahmung_links {
						float:left;
						width:15.5em;
						height:15em;
					}
					.grosse_umrahmung_rechts {
						float:left;
						width:14.5em;
						height:15em;
					}
					.grosse_umrahmung_rechts_zweizeiler {
						float:left;
						width:14.5em;
						height:16em;
					}
					.grosse_umrahmung_rechts_zweizeiler p,
					.grosse_umrahmung_links p,
					.grosse_umrahmung_rechts p {
						padding:0;
					margin:0.5em 1em;  /*	Rand rechts und links 11,2 px */
					 /*  margin: 6px 20px;*/
						font-size:0.7em;
						line-height:1;
					}
		
					.besonders {
						color:#c8000a;
					}
		/* + Footer + + + + + + + + + + + + + + + + + + + + + + + + + */
		
		#grau_unten {
			background: url("../images/layout/grau_unten_links.gif") no-repeat top left;
			height:30px;
		}
		#grau_unten_rechts {
			background: url("../images/layout/grau_unten_rechts.gif") no-repeat top right;
			height:30px;
		}
		
		.footer-tags {
			   float:left;
				text-align:left;
				margin:0;
				padding:3em 3.6em 3em 19.643em; /* 220px */
				font-size:0.7em;
				line-height:1.2;
				color:#666666;
			}
		.referenzen .footer-tags {
			padding-left: 18.929em; /*212px;*/
		}
		.refoverview .footer-tags {
			padding-left:203px;
		}
		.footer-tags a {
			color:#666;
			text-decoration:none;
		}
		.footer-tags a:focus,
		.footer-tags a:hover,
		.footer-tags a:active {
			text-decoration:underline;
		}
		.referenzen #inhalt {
			padding-bottom: 15px;
		}

			
/* * * * * * * * * * * * * * * * * * */
/* Links der Navigationen  * * * * * */
/* * * * * * * * * * * * * * * * * * */

/* + Skipnavigation + + + + + + + + */

a.mail {
	text-decoration:none;
}
a.mail:focus,
a.mail:hover,
a.mail:active {
	text-decoration:underline;
}


#skipnavigation {
	display: block;
	position: absolute !important;
	top:-9em !important;
	left: -10000px !important;
}
#skipnavigation p {
	width:45em;
}
#skipnavigation a:link,
#skipnavigation a:visited,
#skipnavigation a:focus,
#skipnavigation a:hover,
#skipnavigation a:active
{
	position:absolute;
	width:15em;
	color:#000;
	font-weight:bold;
	padding:0 0 0 5px;
	text-decoration:none;
	border-bottom:0;
}
#skipnavigation a:focus,
#skipnavigation a:active {
	left:10016px;
	top:11.5em;
	z-index:2000;
}		

/* + Hauptnavigation + + + + + + + + */

#hauptnavigation ul li a:link,
#hauptnavigation ul li a:visited,
#hauptnavigation ul li a:focus,
#hauptnavigation ul li a:hover,
#hauptnavigation ul li a:active {
	color:#000;
	text-decoration:none;
}
#hauptnavigation ul li a:focus,
#hauptnavigation ul li a:hover,
#hauptnavigation ul li a:active {
	color:#000;
	text-decoration:underline;
}
body.home #hauptnavigation ul li.home a,
body.agentur #hauptnavigation ul li.agentur a,
body.referenzen #hauptnavigation ul li.referenzen a,
body.kontakt #hauptnavigation ul li.kontakt a {
	color:#c8000a;
	text-decoration:none;
}

/* + Unternavigation + + + + + + + + */

#unternavigation a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
#unternavigation a:focus,
#unternavigation a:hover,
#unternavigation a:active {
	text-decoration:underline;
}
#unternavigation a.SEL {
	font-weight:bold;
	color:#c8000a;
	text-decoration:none;
}

/* GR 02.07.2010 */
#start #inhalt {
	/*width: 650px;*/
	width: 40.63em;
}
#start .footer-tags { padding-left: 220px; }
/*#thumbnails {width: 71px; height: 370px; float: left; }*/
#thumbnails { width: 5em; height: 24em; float: left; }
/*#target { width: 500px; height: 370px; margin-left: 63px; }*/
#target { width: 30em; height: 24em; margin-left: 5em; }
#target iframe {  width: 30em; height: 24em;  }
#start h1 {
	margin-left: 4.8em; /*font-size h1 = 1.01 em;*/
}
.right {
	text-align: right; margin: 0 9em 0 0;
}

/*Agentur*/
#box-rot {
	background: url(../images/box-rot.png) no-repeat;
	width: 484px; height: 118px;
	color: #fff;
	margin-bottom: 20px;
}
#box-rot p{
	padding-left: 20px;
}
#agenturinhalt {
	width: 484px;
}
#box-rot p.titel {
	padding-top: 20px;
}
#box-rot p.slogan {font-size: 1em; }
#agenturinhalt ol { margin-top: 0; }
#agenturinhalt li {
	margin-left: 40px; font-size: .75em; line-height:1.5em;
}
h3 {
	margin: 10px 20px; font-size: .75em;
}

#skbild {
	float: left;
	width: 70px;
	margin: 12px 0 11px 20px;
}
#sktext {
	margin-left: 110px;
}
#skname  {	padding: 30px 0 10px 0; margin: 0; font-size: 1.1em; }
#sktitel {	font-size: .75em; padding-top: 0; }
.links p, .b0 { margin-bottom: 0; padding-bottom: 0; }