/*									********************************************
									*	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}
ul#nav			{list-style-type:none; margin:20px 0; padding:0;
				 border-top:1px solid #bbbbbb}
ul#nav li		{margin:0; border-bottom:1px solid #bbbbbb}
ul#nav li.titel	{margin-top:12px; padding-left:4px; color:#dddddd; font-weight:bold}
ul#nav a		{display:block; padding:5px 2px 5px 16px; color:#e4e4e4;
				 font-weight:normal}
ul#nav a:hover	{background-color:#5070FF}

div#inhalt		{margin:0; padding:10px; 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}

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

ul#topnav li.shop a		{color:#000000}
ul#nav 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:1.5em}

div.marginalie	{float:right; width:200px; Xmargin-right:-220px}
div.marginalie div.hinweis {font-size:8pt; padding:0px 8px; border:1px solid #a0a0a0;
							background-color:#ffffff}

dl.links dt.titel {margin:1.5em 0 1em; padding:2px 0 4px; Xfont-size:11pt;
				   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-top: 1.5em;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0px;
}
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 */
ul#nav li.gmrot,
ul#nav li.gmrot a {color:#ff8080}
/* ############################################# RAUS */


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

* html ul#topnav {margin-top:2px}
* html ul#nav a	 {width:172px}
* html div#fuss	 {padding-left:380px}
