/*									********************************************
									*	DATEI	: styles_design.css
									*	DOMAIN	: vvn-bda.de
									*	DATUM	: xx.xx.xxxx
									*	THEMA	: Spezielle CSS-Definitionen
									********************************************

==============================================================================*/

body			{}
div#main		{width:770px; margin:0 auto;
				 border:1px #000000; border-style:none solid}

div#kopf		{text-align:right}
img#logo		{float:left}
img#kopftext	{padding-top:10px}
img#kopfbild	{padding-top:10px}

ul#topnav		{list-style-type:none; margin:5px 0 0 190px; padding:11px 0;
				 text-align:left; background-color:#ff0000;
				 border-bottom:2px solid #ffffff}
ul#topnav li	{display:inline; height:40px; padding:12px 0;
				 border-right:1px solid #ffffff}
ul#topnav a		{color:#ffffff; font-weight:normal; padding:11px 12px}
ul#topnav a:hover {background-color:#FF5050}

div#nav			{width:190px; float:left; background-color:#0037fe}
div#nav ul			{list-style-type:none; margin:20px 0; padding:0;
					 border-top:1px solid #bbbbbb}
div#nav ul li		{margin:0; border-bottom:1px solid #bbbbbb}
div#nav ul li.titel	{margin-top:12px; padding-left:4px; color:#dddddd; font-weight:bold}
div#nav ul li a		{display:block; padding:5px 2px 5px 16px; color:#e4e4e4;
					 font-weight:normal}
div#nav ul li.submenu a {font-size:7pt; padding-left:35px;
						 background:url(/common/submenu.gif) no-repeat left center}
div#nav ul li a:hover	{background-color:#5070FF}

div#inhalt		{margin:0; padding:1em 1em 2em 1em; border-left:190px solid #0037fe}
div#inhalt h1	{margin-top:0}

div#fuss		{clear:both; text-align:center; font-size:8pt; color:#808080;
				 border-top:1px solid #000000}

/*----------------------------------------------------------------------------*/

div.rubrikbalken,
div.rubrikbalken2 {font-size:12pt; margin:1em 0; background-color:#0037fe}
div.rubrikbalken2 {color:#ffffff; font-weight:bold; padding:2px 4px}
div.rubrikbalken a {display:block; color:#ffffff; padding:0.5em 0 0.5em 0.5em}
div.rubrikbalken a:hover {color:#ffffff; background-color:#5070FF}

div.weitereartikel {margin-top:2em; text-align:right; font-style:italic}
div.weitereartikel a {font-weight:normal}

div.weitereartimarchiv,
div.archivseiten {padding:8px; margin:2em 0; text-align:right;
				  border:1px dashed #808080;
				  background:url('/common/archiv.gif') no-repeat #e4e4e4}
div.weitereartimarchiv a {font-weight:normal; font-style:italic}


/*----------------------------------------------- "Sie-sind-hier-Klassen": ---*/

ul#topnav li.shop a		{color:#000000}
div#nav ul li.shop a		{color:#00ff00; font-weight:bold;
						 background:url("/common/pfeil.gif") no-repeat}

div.rubrik		{font-size:17pt; font-weight:bold; color:#0037fe; margin-bottom:1em}

div.marginalie	{float:right; width:180px; padding:0 0 10px 10px;
				 background-color:#ffffff}
div.marginalie div {line-height:125%}
div.marginalie div.kasten {margin:0; padding:4px}
div.marginalie div.hinweis {font-size:8pt; padding:0 4px;
							border:1px solid #a0a0a0}

dl.links dt.titel {margin:1.5em 0 1em; padding:2px 0 4px;
				   border:1px #c0c0c0; border-style:solid none;
				   background-color:#e8e8e8}

/*----------------------------------------------------------------------------*/

a.linkanker		{padding-left:15px; background:url('/common/link_anker.gif') no-repeat}
a.linkintern	{padding-left:14px; background:url('/common/link_intern.gif') no-repeat}
a.linkextern	{padding-left:14px; background:url('/common/link_extern.gif') no-repeat}

/*----------------------------------------------------------------------------*/

form.kontakt input,
form.kontakt textarea {width: 100%}
form.kontakt input.normalbreit {width:auto}
form.kontakt span {color: #ff0000}
form.kontakt div.notwendig {font-size:8pt; color:#ff0000; float:right;
							margin:0}
form.kontakt p.hinweis {font-size:8pt; margin:1.5em 0 2em 80px}
form.kontakt input#submit {width:auto; padding:8px 40px; margin-top:2em}

form.kontakt {width:400px}

div.download 	{margin-top:4em; padding:0.5em; font-size:8pt; line-height:1.5em; 
				 color:#58ab58; background-color:#e0e0e0;
				 border:1px dashed #808080}


/* ############################################# RAUS */
div#nav ul li.gmrot,
div#nav ul li.gmrot a {color:#ff8080}
/* ############################################# RAUS */


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a.visitenkarte {font-weight:normal; font-style:italic; color:#6666FF}
a.visitenkarte:hover {color:#ff0000}
.homepageintern {padding-right:16px; background:url('/common/link_intern.gif') right top no-repeat}
.homepageextern {padding-right:16px; background:url('/common/link_extern.gif') right top no-repeat}
.redaktionssystem {padding-right:18px; background:url('/common/link_redsys.gif') right top no-repeat}

p.legende		{padding-left:3em}
p.legendeeigen	{border-left:2em solid #0000ff; padding-left:1em}
p.legendevk		{border-left:2em solid #8888ff; padding-left:1em}

li.kreise span {float:right; margin:5px 5px 0 0; color:#ffffff}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.buko-titel		{font-size:13pt; font-weight:bold;
					 margin-bottom:2em; padding:0.5em;
					 border:1px solid #808080; background-color:#e0f0ff}
div.buko-untertitel	{font-size:10pt; font-weight:normal; font-style:italic;
					 margin-top:0.3em}
div.buko-plakat		{float:right; font-size:8pt; padding-bottom:6px;
					 border-left:1px solid #ffffff; background-color:#e0f0ff}
div.buko-plakat img	{margin-bottom:6px}
div.buko-plakat a	{font-weight:normal; padding-left:4px}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

ul.siesindhier		   {list-style-type:none; margin:0 0 3em 0; padding:0;
						font-size:8pt; line-height:21px}
ul.siesindhier li	   {display:inline; padding:2px 0;
						border:1px solid #808080; border-style:solid none}
ul.siesindhier li a	   {font-weight:normal; padding:2px 0 2px 12px;
						background:url(/common/winkel_rechts.gif) no-repeat left center}
ul.siesindhier li.hier {padding:2px 0 2px 12px; font-weight:bold;
						background:url(/common/winkel_rechts.gif) no-repeat left center}

div.liveticker		   {background-color:#e0f0ff}
div.teaser p.kategorie {float:right; letter-spacing:1px; color:#000000}

div.permalink		   {font-size:7pt; text-align:right}
div.permalink a		   {font-weight:normal}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

table.fotostrecke td {padding:0.3em 0.3em 0.3em 0}

/*============================================================================*/
/*-------------------------------------------------------------- IE-Hacks: ---*/

* html ul#topnav {margin-top:2px}

* html div#nav ul a	 {width:172px}
* html div#nav ul li.submenu a {width:153px}

* html div#fuss	 {padding-left:380px}

* html ul.siesindhier li a	   {padding:0 0 0 12px}