@charset "utf-8";

html * { font-size: 100.01%; }

body {
	margin:0;
	padding:0;
	font-family: sans-serif, Verdana, Geneva;
	font-size:75.00%;
	color:#555;
	line-height:1.4em;
	background:#ffffff;
	text-align:center;
	}

#website { 
	width: 969px;
	margin:auto;
	border:1px #cec6b6 solid;
	border-top:0;
	text-align:left;
	background-image:url(multimedia/gfx/bg.png);
	background-repeat:repeat-y;
	}

#website.backend { 
	background-image:url(multimedia/gfx/bg_backend.png);
	}
	
#website .inside { margin:0 1px 0 1px; }	

#header { 
	margin:0;
	padding:0;
	}	

#header .left { 
	height:215px;
	width:620px;
	border-bottom:1px solid #ffffff;
	margin:0;
	float:left;
	}

#header .right { 
	background-image:url(multimedia/gfx/header_right.png);
	float:right;
	height:216px;
	width:346px;
	position:relative;
	left:0;
	z-index:5;
	}

#header .right .inside { 
	font-size:14px;
	margin:133px 0 0 70px;
	line-height:22px;
	}

#header .right .inside h1
	{ 
	font-size:14px;
	line-height:22px;
	font-family: sans-serif, Verdana, Geneva;
	}

#topmenu
	{
	width: 100%;
	height:27px;
	background-image:url(multimedia/gfx/topmenu.png);
	background-repeat:repeat-x;
	color:#797367;
	font-size:11px;
	position:relative;
	left:0px;
	z-index:3;
	}

#topmenu .left {
	padding-left:25px;
	float:left;
	}	

#topmenu .left h2 {
	font-size:100%;
	display:inline;
	font-family: sans-serif, Verdana, Geneva;
	}	

#topmenu .right	{
	padding-left:10px;
	width:230px;
	text-align:left;
	float:right;
	}	

#topmenu a {
	color:#000000;
	font-size:11px;
	text-decoration:none;
	}
	
#topmenu a:hover {
	color:#615e57;
	text-decoration:underline;
	}	
	
#container {
	border-bottom:1px solid #ffffff;
	min-height:850px;
	}

#container.big {
	min-height:1590px;
	}

#container .navigation #favorite a { color:#EFE3D4; }

#container .navigation #favorite { color:#EFE3D4; }

#left {
	width:210px; 
	float:left;
	}

#main {
	float:left;
	width:492px;
	margin-top:1px;
	margin-left:2px;
	border-top:1px solid #cec6b6;
	}

#main .inside {
	margin:24px 24px 12px 26px;
	margin-bottom:12px;
	line-height:20px;
	}

.backend #main .inside { 
	width:auto;
	}

#right {
	width:261px;
	float:right;
	margin:0 0 5px 0;
	position:relative;
	top:0px;
	z-index:2;
	}	
	
#right .inside { padding:20px 15px 0 25px; }

#footer { 
	height:30px; 
	color:#999999;
	text-align:center; 
	font-size:90%; 
	margin:auto;
	margin-top:40px;
	border-top:1px solid #eeeeee;
	}
	
#footer .inside { padding-top:6px; }	

/*--- ueberschriften ---*/	

.news h1, .news .dachzeile 	{ 
	margin-top:14px; 
	margin-bottom:4px;
	}

h1 	{ 
	margin-bottom:10px;
	margin-top:4px;
	font-size:25px;
	font-weight:normal;
	color:#747169;
	line-height:130%;
	font-family:Myriad Pro,sans-serif,trebuchet ms,arial;
	}

h2 { font-size:18px;color:#726f67;margin-bottom:8px;font-weight:normal;font-family:Myriad Pro,trebuchet ms,arial; }

h4 	{ 
	margin:0px 0px 0px 0px;
	}

h2 a, h1 a {text-decoration:none; color:#747169; }

.news div.ueberschrift 	{ 
	position:relative;
	top:0px;
	overflow:hidden;
	width:433px;
	}

.news div.ueberschrift img 	{ 
	display:block;
	position:relative;
	top:0px;
	z-index:2;
	}

.headline 	{ 
	position:relative;
	top:-18px;
	width:433px;
	}

.headline2 	{ 
	position:relative;
	top:-24px;
	width:433px;
	}

.headline3 	{ 
	position:relative;
	top:-39px;
	width:433px;
	}

.news h3 	{ 
	color:#000000; 
	font-size:14px;
	font-weight:normal; 
	margin:18px 0 5px 0; 
	padding:0; 
	}

h3 	{ 
	color:#555555; 
	font-size:12px;
	font-weight:bold; 
	margin:15px 0 4px 0; 
	padding:0; 
	}	

.news .date 	{ 
	color:#999387; 
	font-size:11px;
	font-weight:bold; 
	padding-left:30px; 
	background-image:url(http://www.werbeagentur-spectrum.eu/multimedia/gfx/h4_bg.png);
	background-repeat:repeat-x;
	background-position:0 5px;
	}

.news .date span 	{ 
	background-color:#ffffff;
	padding-left:6px;
	padding-right:6px;
	}

.news .content 	{ 
	margin-top:7px;
	}

ol { 
	list-style-position:outside;
	list-style-image:url(http://www.werbeagentur-spectrum.eu/multimedia/gfx/aufzaehlung-balken.gif);
	padding-left:0;
	margin:0;
	}

ol li { 
	position:relative;
	margin-left:20px;
	padding-left:0;
	padding-bottom:6px;
	line-height:20px;
	}

#left ul {
	list-style:none;
	}

ul {
	margin:5px 0 20px 15px;
	padding:0;
	}

.abstand1 {
	margin-right:140px;
	}

.abstand2 {
	position:relative;
	margin-right:10px;
	padding-left: 0;
	width: 50px;
	float:right;
	}

.trennung { 
	color:#505050; 
	text-align:right; 
	width:420px;
	margin:0 0 24px 0;
	height:11px;
	border-bottom:1px solid #ddd; 
	}

.trennung2 { 
	margin-top: 25px;
	margin-bottom: 25px;
	color: #505050; 
	border-top: 1px solid #ddd; 
	clear: left;
	}

/* --- Hauptnavigation ---------------------------------------------------- */

.navigation { 
	clear:both; 
	text-align:left; 
	color:#666666; 
	padding:6px 0 0 0; 
	width:210px;
	}

.navigation ul { 
	margin:0; 
	padding:0; 
	}

.navigation li { 
	margin:0; 
	border-bottom:1px solid #cec6b6; 
	padding:0;
	}

.navigation li.active { 
	margin:0; 
	padding:0;
	}

.navigation li.submenu { 
	margin:0;
	padding:1px;
	border-bottom:0 solid #cec6b6;
	background-color:#dfd5c6;
	}

.navigation li.submenu.subactive { 
	display:block;
	}

.navigation .a_hidden {
	display:none;
	}
	
.navigation li a { 
	margin:0; 
	padding:11px 0 11px 25px; 
	width:185px;
	display:block;
	color:#554838;
	text-decoration:none;
	}

.navigation li.submenu a { 
	margin:0; 
	padding:3px 0 4px 39px;
	border-bottom:0 solid #ffffff;
	background-image:url(http://www.werbeagentur-spectrum.eu/multimedia/gfx/arrow.png);
	background-repeat:no-repeat;
	background-position:23px 10px;
	background-color:#dfd5c6;
	width:168px;
	height:auto;
	display:block;
	color: #000000;
	text-decoration:none;
	}

.navigation li a { 
	margin:0; 
	padding:12px 0 9px 25px;
	width:185px;
	height:24px;
	display:block;
	color:#000000;
	text-decoration:none;
	background-image:url(http://www.werbeagentur-spectrum.eu/multimedia/gfx/menu.png);
	background-repeat:no-repeat;
	}

.navigation li.active a { 
	background-image:url(http://www.werbeagentur-spectrum.eu/multimedia/gfx/menu_active.png);
	background-repeat:no-repeat;
	}

.navigation li.subactive a { 
	background-color:#ffd85d;
	}



.navigation li a:hover { 
	color:#000000;
	text-decoration:none;
	background-color:#d0c7bb;
	}

.navigation li.active a:hover { 
	margin:0 0 0 0; 
	padding:12px 0 9px 25px;
	width:185px;
	}

a 	{ 
	color:#958065; 
	text-decoration:underline;
	}

a:hover { 	
	text-decoration:none;
	}

.arrow {
	margin:0 5px 1px 5px;
	}

.float_right {
	width:275px;
	float:left;
	margin-left:20px;
	}

.float_left {
	width:120px;
	float:left;
	}

.float_left2 {
	float:left;
	width:315px;
	}

.float_clear{
	margin-top:15px;
	clear:left;
	}
	
img { border:0; }

.img_border { border:1px solid #999999; }

.active .img_border { border:1px solid #c71a20; }

.admin 	{ 
	color:#ff0000; 
	text-decoration:none;
	}

.admin:hover 	{ 
	color:#6d5d47; 
	}

.user 	{ 
	text-decoration:none;
	}

.user:hover 	{ 
	color:#564a3a;
	}
	
.small	{
	color:#a0a0a0;
	font-size:10px;
	font-weight:normal;
	}

.tagcloud a {
	text-decoration:none;
	color:#ddd8cf;
	}

.tagcloud h1,.tagcloud h2,.tagcloud h3,.tagcloud h4,.tagcloud h5,.tagcloud h6 {
	display:inline;
	line-height:1.6em;
	}

.tagcloud a:hover {
	color:#bbb7ae;
	}

.blog a {
	text-decoration:none;
	color:#9c9384;
	}

.blog a:hover {
	color:#58534b;
	}

.tagcloud h1 a {
	font-size:26px;
	font-weight:normal;
	}

.tagcloud h2 a {
	font-size:20px;
	font-weight:normal;
	}

.tagcloud h3 a {
	font-size:16px;
	font-weight:bold;
	}

.tagcloud h4 a,.tagcloud h4 {
	font-size:15px;
	font-weight:normal;
	background-image:none;
	padding:0px;
	}

.tagcloud h5 a {
	font-size:11px;
	font-weight:bold;
	}
	
.tagcloud h6 a {
	font-size:9px;
	font-weight:normal;
	}

a.special {
	color:#c71b21;
	}

span.active, #main div.active {
	color:#c71a20;
	}

table {
	border:1px solid #ccc;
	border-collapse:collapse;
	width:100%;
	}

th, td {
	border:1px solid #ccc;
	padding:2px 5px 2px 5px;
	vertical-align:top;
	}

tr.inactive, tr.inactive a {
	color:#aaa;
	text-decoration:none;
	}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
	position:relative;
	left:0px;
	cursor:pointer;
  }

#main a.tooltip {
	text-decoration:none;
	color:#C00;
	position:relative;
	cursor:pointer;
	font-weight:normal;
  }
 
a.tooltip:hover {
  background:transparent;
   position:relative;
  left:0px;
  text-decoration:none; 
  }

#main a.tooltip .tooltip_content {color:#444;}

a.tooltip .tooltip_content li {line-height:14px;padding:0px;margin:0px 0px 1px 9px;}

a.tooltip .tooltip_content ol {list-style-type:square;list-style-image:none}

a.tooltip span.tooltip_head {
  display:none;  
  text-decoration:none; 
}

a.tooltip:hover span.tooltip_head {
	display:inline;
	position:absolute; 
	top:15px; 
	left:-57px; 
	width:270px;
	z-index:100;
  border:1px solid #767165; 
  background-color:#ffffff;
  font:10px Verdana; 
  text-align:left;
  }
  
a.tooltip span.tooltip_head strong  {
	display:block;
	margin:0;
	padding:10px 5px;
	font-weight:normal;
	font-size:100%;
	padding:5px;
	color:#ffffff;
	background-color:#a9a293;
}

.error
{
	color: #F00;
	font-size: 0.8em;
	font-family: Arial;
}

.success
{
	color: #0A0;
	font-size: 1.1em;
	font-family: Arial;
}

div.success
{
	border:1px solid #0A0;
	background-color:#f0fff2;
	padding:4px 10px;
	margin:8px 0px;
	text-align:center;
}

div.special.error
{
	border:1px solid #D00;
	background-color:#fff0f2;
	padding:4px 10px;
	margin:8px 0px;
	text-align:center;
	font-size:100%;
}

.tooltip_content {margin:5px;display:block;}

.toggler { 
	color:#958065;
	text-decoration:underline;
	cursor:pointer;
	}
	
.accordion div { 
	margin:10px 0 10px 17px;
	}

p { margin-top:0px; }

body#tinymce p { font-size:140% !important; }

.print { display:none; }

.team_member { border-bottom:1px solid #DDD;clear:both;margin-bottom:25px;padding-bottom:25px; }

.top_link { width:400px;text-align:right;margin-bottom:10px;position:relative;top:0px; }

.news div.admin { display:none; }

.image_container {padding:1px; border: 1px solid #9b9b9b;width:382px;}

.image_container img {border: 1px solid #000;display:block;}