/* ---------------------------------------------------------------------------
Stylesheet für www.fun.de

Stile

(C) 2005 fun communications GmbH, Klaus Nahr
--------------------------------------------------------------------------- */


/* Body */
body {
	border: 0px;
	margin: 0px;
	color: black;
	background-color: white;
	font-family: "Lucida Grande","Lucida Sans Serif","Trebuchet MS",Verdana,Arial,Helvetiva,sans-serif;
	font-size: 10pt;
	text-decoration: none;
	text-align: justify;
}

/* Überschriften */
h1 {
	font-weight: bold;
	font-size: 13pt;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
	clear: both;
}

h2 {
	font-weight: bold;
	font-size: 11pt;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
	clear: both;
}

h3 {
	font-weight: bold;
	font-size: 10pt;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
	clear: both;
}

h4 {
	font-weight: bold;
	font-size: 10pt;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: justify;
	clear: both;
}

/* Text */
p {
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

.noclear {
	clear: none;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.keinabstand {
	margin-top: 0px;
}

.small {
	font-size: 7pt;	
}

.fett {
	font-weight: bold;
}

.rot {
	color: #CC0033;	
}

/* Farbverlauf im Hintergrund */
.verlauf {
	background-image: url(/images/verlauf1.jpg)
}

p.quellcode {
	font-family: "Courier New",Courier,monospace;
	font-size: 9pt;
	color: #000168;
	margin-left: 10px;
	background-color: #E2E2E2;
	padding: 5px;
	border: 1px solid #D0D0D0;
	text-align: left;
}


/* Links */
a {
	text-decoration:none;
}

a:link, a:visited {
	color:#cc0033;
}

a:hover, a:active {
	color: #6A001B;
}

/* Button */
a.button {
	background-color: #E9E9E9;
	padding: 2px 10px;
	border-left: 1px solid #D0D0D0;
	border-top: 1px solid #D0D0D0;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

a.button:hover {
	background-color: #F0F0F0;
}

a.button:active {
	background-color: #F0F0F0;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}

/* Button fuer Demobereich*/
a.demobutton {
	background-color: #E9E9E9;
	padding: 2px 10px;
	border-left: 1px solid #D0D0D0;
	border-top: 1px solid #D0D0D0;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

a.demobutton:hover {
	background-color: #F0F0F0;
}

a.demobutton:active {
	background-color: #E9E9E9;
	padding: 2px 10px;
	border-left: 1px solid #D0D0D0;
	border-top: 1px solid #D0D0D0;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

input.demobutton {
	color:#cc0033;
	font-family: "Lucida Grande","Lucida Sans Serif","Trebuchet MS",Verdana,Arial,Helvetiva,sans-serif;
	font-size: 10pt;
	background-color: #E9E9E9;
	border-left: 1px solid #D0D0D0;
	border-top: 1px solid #D0D0D0;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

input.demobutton:hover {
	color: #6A001B;
	background-color: #F0F0F0;
}

a.demobutton:active {
	color: #6A001B;
	background-color: #E9E9E9;
}

/* Bilder */
/* Bild links, vom Text umflossen */
img.bildlinks {	
	position: relative;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	clear: both;
	z-index: 200;
}

/* Bild rechts, vom Text umflossen */
img.bildrechts {	
	position: relative;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
	clear: both;
	z-index: 200;
}

/* Bild Lösungspartner */
img.loesungspartner {
	position: relative;
	margin-top: 30px;
	margin-left: 30px;
	float: right;
	z-index: 200;
}

/* Bild mit Abstand vom Text */
img.mitabstand {	
	margin: 5px;
}


/* Tabelle */
th {
	font-family: "Lucida Grande","Lucida Sans Serif","Trebuchet MS",Verdana,Arial,Helvetiva,sans-serif;
	font-size: 10pt;
	vertical-align: top;
	text-align: justify;
	color: #CC0033;
	background-color: #F3F3F3;
	border-bottom: 1px solid #D0D0D0;
	padding-top: 3px;
	padding-bottom: 3px;
}

td {
	font-family: "Lucida Grande","Lucida Sans Serif","Trebuchet MS",Verdana,Arial,Helvetiva,sans-serif;
	font-size: 10pt;
	vertical-align: top;
	text-align: justify;
}

td.trennlinie {
	background-image: url(/images/linieh11.gif);
	height: 11px;
}

td p {
	margin-top: 5px;
	margin-bottom: 3px;
	clear: both;
}

/* Listen */
ul {
	list-style-image: url(/images/PfeilRechtsA.gif);
	list-style-type: disc;
	clear: both;
}

/* Listen in Zellen dürfen kein Abstand am Ende haben */
td ul {
	margin-bottom: 0px;
}

li {
	margin-left: -10px;
}

/* Beispiel für Styleguide-Seite */
#beispiel {
	position: relative;
	border-left: 10px solid #E2E2E2;
	padding-left: 10px;
	background-color: #F3F3F3;
	z-index: 120;
}


/* Rubrikbanner */
p.rubrikbanner {
	margin: 0px;
	border: 0px;
	padding: 0px;
	font-family: "Lucida Grande","Lucida Sans Serif","Trebuchet MS",Verdana,Arial,Helvetiva,sans-serif;
	font-weight: bold;
	font-size: 74px;
	text-align: right;
	color: #E9E9E9;
}

/* Rubrikbanner für lange Texte */
p.rubrikbannerlang {
	margin: 0px;
	border: 0px;
	padding: 8px 0px 0px 0px;
	font-family: "Lucida Grande","Lucida Sans Serif","Trebuchet MS",Verdana,Arial,Helvetiva,sans-serif;
	font-weight: bold;
	font-size: 64px;
	text-align: right;
	color: #E9E9E9;
}

/* Titel in Contentbox */
#contentBox p {
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	background-color: #F3F3F3;
}

/* Liste in Contentbox */
#contentBox ul {
	margin-top: 10px;
	margin-right: 10px;
}

#contentBox li {
	text-align: left;
}