@charset "utf-8";
/* CSS Document */

a:link    { text-decoration:none; color:#960; }
a:visited { text-decoration:none; color:#960; }
a:focus   { text-decoration:none; color:#960; }
a:hover   { text-decoration:underline; color:#C60; }
a:active  { text-decoration:none; color:#960; }

h1 { font-size:24px; color:#666; }
h2 { font-size: 20px; color:#666; }
h3 { font-size: 18px; color:#000; }
h4 { margin-bottom:5px; font-size: 18px; font-variant:normal; font-weight:normal; line-height: 110%; letter-spacing:1px; color:#1C548D; }

* { margin: 0; padding: 0; }

html, body { height: 100%; width: 100%; }

body
{
	background-image: url(../bitmaps/gitter.jpg);
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 17px;
	line-height: 130%;
	color: #000;
	overflow-x: hidden;
}

/* Dient zum zentrischen Ausrichten der Seite */
.cl_div_distance { width: 1px; height: 50%; margin-bottom: -50%; float: left; }

/* Hintergrund, damit die eigentliche Seite oben und unten einen Abstand hat */
.cl_div_ground
{
	margin: 0 auto;
	position: relative;
	top: 0px;
	width: 1000px;
	height: auto;
	clear: left;
	border-style: solid;
	border-width: 1px;
	border-color: #EEE;
	z-index: 0;
}

/* Sichtbare Seite mit Schatten, die Höhe der Seite wird für jede Datei in Zusatz CSS-Datei extra definiert */
.cl_div_page
{
	background-color: #F0F0F0;
	width: 1000px;
	margin-top: 50px;
	margin-bottom: 50px;
	clear: left;
	border-style: solid;
	border-width: 1px;
	border-radius: 0px;
	border-color: #000;
	-webkit-box-shadow: 10px 10px 20px #666;
	-moz-box-shadow: 10px 10px 20px #666; 
	box-shadow: 10px 10px 20px #666;
	z-index: 1;
}

/* Box oben links */
.cl_div_box_oben_links
{
	background-image: url(../bitmaps/titel.jpg);
	width: 754px;
	height: 150px;
	left: 0px;
	top: 0px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	z-index: 2;
}

/* Box oben rechts */
.cl_div_box_oben_rechts
{
	background-image: url(../bitmaps/box.jpg);
	width: 245px;
	height: 150px;
	top: 0px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	z-index: 2;
}

/* Box mitte links */
.cl_div_box_mitte_links
{
	width: 754px;
	height: 305px;
	left: 0px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	z-index: 2;
}

/* Box mitte rechts */
.cl_div_box_mitte_rechts
{
	width: 244px;
	height: 305px;
	top: 0px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	z-index: 2;
}

/* Menue 1 (Waagerecht) */
.cl_a_menue_1:link, .cl_a_menue_1:visited, .cl_a_menue_1:focus, .cl_a_menue_1:active
{
	display: block;
	background-image: url(../bitmaps/button.jpg);
	width: 150px;
	height: 36px;
	padding-top: 14px;
	text-decoration: none;
	color: #333;
	text-align: center;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	z-index: 2;
}

/* Menue 1 (Waagerecht) Hover */
.cl_a_menue_1:hover
{
	background-image: url(../bitmaps/button_hover.jpg);
}

/* Menue 1 (Waagerecht) Aktiv */
.cl_p_menue_1
{
	display: block;
	background-image: url(../bitmaps/button_aktiv.jpg);
	width: 150px;
	height: 36px;
	padding-top: 14px;
	text-decoration: none;
	color: #333;
	text-align: center;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	z-index: 2;
}

/* Menue 2 (senkrecht) */
.cl_a_menue_2:link, .cl_a_menue_2:visited, .cl_a_menue_2:focus, .cl_a_menue_2:active
{
	display: block;
	background-image: url(../bitmaps/button_2.jpg);
	width: 215px;
	height: 36px;
	padding-top: 14px;
	text-decoration: none;
	color: #333;
	padding-left: 30px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	z-index: 3;
}

/* Menue 2 (senkrecht) Hover */
.cl_a_menue_2:hover
{
	background-image: url(../bitmaps/button_2_hover.jpg);
}

/* Menue 2 (senkrecht) Aktiv */
.cl_p_menue_2
{
	display: block;
	background-image: url(../bitmaps/button_2_aktiv.jpg);
	width: 215px;
	height: 36px;
	padding-top: 14px;
	text-decoration: none;
	color: #333;
	padding-left: 30px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	z-index: 3;
}

/* Menue 2 (senkrecht) Passiv */
.cl_p_menue_2_passiv
{
	display: block;
	background-image: url(../bitmaps/button_2.jpg);
	width: 215px;
	height: 36px;
	padding-top: 14px;
	text-decoration: none;
	color: #333;
	padding-left: 30px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	z-index: 3;
}

/* Box neben Menue 1 rechts */
.cl_div_box_menue_rechts
{
	background-image: url(../bitmaps/button.jpg);
	width: 243px;
	height: 48px;
	padding-top: 2px;
	padding-left: 2px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 10px;
	line-height: 13px;
	float: left;
	z-index: 2;
}

/* Box unter waagerechtem Menue links */
.cl_div_box_unten_links
{
	background-image: url(../bitmaps/box%20mitte%20links.jpg);
	width: 714px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	z-index: 2;
}

/* Box unter waagerechtem Menue rechts */
.cl_div_box_unten_rechts
{
	background-image: url(../bitmaps/box%20mitte%20rechts.jpg);
	width: 213px;
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 20px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	z-index: 2;
}

/* Fuss-Box */
.cl_div_fussbox_links
{
	background-image: url(../bitmaps/fuss.jpg);
	width: 754px;
	height: 80px;
	left: 0px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	z-index: 2;
}

/* Fuss-Box rechts */
.cl_div_fussbox_rechts
{
	background-image: url(../bitmaps/fuss.jpg);
	width: 245px;
	height: 80px;
	top: 0px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	z-index: 2;
}

/* Schrift in Fuss-Box links */
.cl_p_fuss_links
{
	padding: 16px;
	text-align: center;
}