/* Standardmäßiges CSS-Stylesheet für ein neues Webanwendungsprojekt */

BODY
{
	font-size: small;
	word-spacing: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #EAEDF3;
	background-image: url(/images/layout/background.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

IMG
{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border: 0;
}

/* Main umschließt den Bereich um Menü und Content ein und schießt direkt an die graue Linie unter dem Header an */
/* Die Blöcke menu und content werden relativ zu diesem Container positioniert, da sie die Koordinaten erben */


#page
{
	/* Zoom Bug im IE7 :-(( Leider wird das Backgroundimage nicht mitgezoomt */
}

#main
{
	position: absolute;
	top: 217px;
	left: 0;
}


#content
{
	margin: 0 0 0 310px;
	padding: 15px 5px 0 31px;
}

#menu
{
	position: absolute;
	top: 0;
	left: 110px; /* Verhindern, dass überlange Menüpunkte in den Content reichen */
	width: 195px;
	overflow: hidden;
	padding: 35px 0px 0 5px;
}


/* Menü */

#menu ul 
{
	list-style-image: url(/images/layout/bullet.gif);
	padding: 0;
	margin: 0 0 15px 22px;
	color: #19376F;
	text-transform:uppercase;
}

#menu li.cat1nav, #menu li.cat2nav, #menu li.cat3nav, #menu li.cat4nav
{
	font-weight:bold;
}

#menu li.cat1navrot
{
	font-weight:bold;
	color:Red;
}

#menu li.cat1navpfeil
{
	list-style-image: url(/images/layout/bulletpfeil.gif);
}


#menu li.articlenav
{
	font-weight:normal;
	list-style-image: url(/images/layout/bulletpfeil.gif);
}


#menu li
{
	margin-top: 15px;
}

/* Links */

#menu A:link, #menu A:visited, #menu A:active
{
	text-decoration: none;
}

#menu A:link, #menu A:active
{
	color:	#19376F;
}	
		
#menu A:visited, #menu A:hover	
{	
	color:	#19376F;
}	

#menu .rot
{
	color:Red;
}

/* Content */

#content h1,  #content h2, #content h3, #content h4, #content h5
{
	color: #19376F;
}    

#content h2
{
	font-size:larger;
}

#content p
{
	line-height: 1.66em;
	letter-spacing: 0.1em;
}

#content img
{
	margin: 0 0 5px 0;
	border: 2px;
	border-color: #7084AD;
}

#content img.image1
{
	float:left;
	width: 300px;
	margin-right: 10px;
}	

#content img.image2
{
	float:right;
	width: 300px;
	margin-left: 10px;
}	
	
	
#content a:link, #content a:visited, #content a:active, #content a:hover
{
	font-weight: bold;
	white-space:nowrap ;
	text-decoration: underline  ;
	color:#D31C24;
}
	
	
	


#kreditkarten
{
	padding-top:20px;
}

#kreditkarten img
{
	margin: 0px;
	border: 0;
}

/* Für den Header */

#header
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 215px;
	background-image: url(/images/layout/backgroundheader.gif);
	margin: 0px;
	padding: 0px;
	vertical-align: text-bottom;
}

#headerrot
{
	position: absolute;
	top: 0px;
	left: 110px;
	width: 200px;
	height: 57px;
	background-image: url(/images/layout/headerrot.gif);
	margin: 0px;
	vertical-align: text-bottom;
}

#headertext
{
	overflow: auto;
	font-size: 1.1em;
	left: 340px;
	margin: 0px;
	vertical-align: text-bottom;
	color: slategray;
	padding-top: 10px;
	position: absolute;
	top: 0px;
	height: 57px;
}

#headerbild
{
	position: absolute;
	top: 57px;
	left: 110px;
	width: 200px;
	height: 150px;
	margin: 0px;
	vertical-align: text-bottom;
}

#headerlogo
{
	position: absolute;
	top: 87px;
	left: 335px;
	height: 91px;
	margin: 0px;
	vertical-align: text-bottom;
}


IMG.header
{
	margin: 0px;
}

/* Verlängerung der feinen linien rechts und links neben dem hellen Menübereich nach oben in die waagerechte Linie hinein */
IMG.fliegendrecklinks
{
	position: absolute;
	left: 109px;
	top: 207px;
	margin: 0px;
	border: 0;
}
IMG.fliegendreckrechts
{
	position: absolute;
	left: 310px;
	top: 207px;
	margin: 0px;
	border: 0;
}