/*
== ==========================================================  
== CSS Datei fuer www.dive4life.de
== ==========================================================
== Company:			Triumvirat IT Solutions
== Author:			Guido Garz
== Homepage:		http://www.triumvirat-it.de
== ----------------------------------------------------------
== Last update:		10.08.2009
== ==========================================================
*/


* { 
	margin: 0px;
	padding: 0px;
}

body {
	background: #11304D url(images/background.jpg) repeat-x;
 	text-align: center; 
	color: #1A171B;
	border: 0px solid yellow;
}

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#kopf {
	border: 0px solid yellow;
	width: 998px;
	height: 293px;
	margin: auto;	
}

#neucontent {
	background: #fff url(images/mainbg3.jpg);
	width: 983px; 
	min-height: 522px; 
}


#contenttext {
	width: 745px; 
	margin-right: 10px;
	border: 0px solid purple;
	padding: 10px;
	float: right;
}

#linkespalte {
	width: 8px; 
	float: left;
	background: #11304D url(images/schatten_links.jpg);
	height: 522px;
}


#linkes_untermenue {
	width: 178px; 
	border: 0px solid yellow; 
	float: left; 
	padding: 10px;
}

#neufooter {
	/* background-image: url(images/footer.png); */
	width: 998px;
	height: 28px;
	margin: auto;	
}


#rechtespalte {
	width: 7px;   
	background: #11304D url(images/schatten_rechts.jpg);
	border: 0px solid green; 
	float: right;
	height: 518px;
}

#notice {
  padding: 10px; 
  color: #e8f5fd; 
  background: #204292 url(images/warning.png) no-repeat;

}


/*
-----------------------------------------
-- min-height geht im IE nicht, deshalb
-- (nur für IE ab 5.5 - 6.x)
-----------------------------------------
*/

* html #neucontent { height: 522px; } 

/*
-----------------------------------------
-- min-height 
-- (nur für IE bis 5.0)
-----------------------------------------
*/

html + body #neucontent { height: 522px; } 


/*
-- ----------------------------------------------------------
-- UEBERSCHRIFTEN / SCHRIFTBILD
-- ----------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 {
	color: #204292;
	margin-bottom: 10px;
}

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

p { line-height: 20px; text-align: justify; }

/*
-- ----------------------------------------------------------
-- LINKS / NAVIGATION
-- ----------------------------------------------------------
*/

/* Bilderlinks keine Border */
img, img a { border: 0 none; }


a:link, a:active, a:visited { 
	color: #F8B300; 
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #204292;
	text-decoration: underline;
}

a.noticelink:hover { color: #A2CEFD; text-decoration: underline; }

#naviabstand {
	background: url(images/trenner_navi.jpg) repeat-y;
	height: 4px;
	width: 998px;
	margin: auto;	
}

.topmenue {
	background: #FFFFFF url(images/background_navi.jpg) repeat-x;
	width: 998px;
	height: 24px;
	margin: auto;
	border: 0px solid red;
	
}

/* Statische Links (Linke Seite) */
div.topmenue a#staticlink2:link, div.topmenue a#staticlink2:active, div.topmenue a#staticlink2:visited { 
	color: #204292;
	background: #93C6FD url(images/left_navi_button3.jpg) repeat-x;
	border: 1px solid #9DC3F2;
	width: 90px; 
}

div.topmenue a#staticlink2:hover { 
	color: #204292;
	background: #93C6FD url(images/linkbg.jpg) repeat-x;
	border: 1px solid #E7B12B;
	width: 90px; 
}


.topmenue span a, .topmenue a {
	font-weight: bold;
	display: block;	
	width: 110px;
	height: 18px;	
	float: left;	
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	color: #204292; 
	text-decoration: none;
	font-weight: bold;
}

.topmenue span.menu-expand a {
	background: #F7B104 url(images/linkbg.jpg) repeat-x;
	border: 1px solid #E7B12B;
	color: #204292;
}

.topmenue span.menu-parent a, .topmenue span.menu-expand a:hover  {
	background: #93C6FD url(images/linkbghover.jpg) repeat-x;
	border: 1px solid #9DC3F2;
	color: #204292;
}

/* Listensymbole linke Spalte */
div#linkes_untermenue ul { 
	list-style-image: url(images/orangedot.gif);
	padding-left: 25px;
}

div#linkes_untermenue a:link, div#linkes_untermenue a:visited { color: #204292; }

div#linkes_untermenue a:active, div#linkes_untermenue ul a:hover { 
	list-style-image: url(images/bluedot.gif);
	text-decoration: none;
}


/* Der muss zusätzlich rein, sonst funktioniert der hover im Firefox, Safari, Opera nicht */
#linkes_untermenue ul li:hover, div#linkes_untermenue li.menu-current {
	list-style: url(images/bluedot.gif);
}

/*
-- ----------------------------------------------------------
-- Listen
-- ----------------------------------------------------------
*/

ol li { 
	margin-left: 35px; 
	list-style-image: url(images/orangedot.gif);
	padding: 2px;
}