@charset "iso-8859-1";
@import url(felogin.css);
@import url(tt_news.css);

/* Seitenstruktur */
body  {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	background: url(../pics/background.gif) repeat-y #E6F47F;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
}

#wrapper {
	width: 1200px;
	background: url(../pics/wasserzeichen.png) center no-repeat;
	background-attachment: fixed;
	margin:20px auto;
	min-height: 600px;	
}

#container { 
	width: 900px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 1024 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
} 

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

h1 {
	font-size: 20px;
	color: #45B0D9;
}

h2 {
	font-size: 17px;
	color: #45B0D9;
	font-weight: normal;
}

/*
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus {
	font-size: 17px;
	color: #45B0D9;
	font-weight: normal;
}*/


/* Kopf */
#header {
	width: 900px;	
	float: left;
}

#header_picture {
	width: 900px;	
	float:left;
}


/* hier liegt das Suchfeld drin */
#meta_menu {
	position: relative;
	left: 660px;
	height: 25px;
	font-size: 11px;
	width: 400px;
}

.searchbox-button {
	width: 75px;
	margin-left: 10px;
}

#sor-smc {
	position: relative;
	left: 820px;
	z-index: 30;
	width: 133px;
}

#sor-smc img{
	border: none;
}

#wrapper_content {
	float: left;
}

/* Menue */

#menu_level_1 {
	margin: 0;
	padding: 0;
        font-size: 13px;
        width: 900px;
        float: left;
		height:32px;
		padding-top:28px;
}
	#menu_level_1 ul, #menu_level_1 li{
		margin:0 0 0 0;
		padding:0 0 0 0;
		display:inline;
		list-style:none;
		line-height:32px;
		float:left;
	}

	#menu_level_1 li{
		height:32px;
		background:url(../pics/menu_left_background.png) left top  no-repeat transparent;
	}	

	#menu_level_1 a{
		height:32px;
		display:block;
		float:left;
		padding-right:15px;
		padding-top:3px;
		margin-left:10px;
		background:url(../pics/menu_right_background.png) right top  no-repeat transparent;
	}

#menu_level_2 {
	margin: 0;
	margin-top: 3px;
	padding: 0;
	font-size: 13px; 
        width: 900px;
        float: left;
        /*position: relative;
        top: -220px;*/
}

#menu_level_2 ul {
        margin: 0;
	padding: 0;
        list-style-type: none;
        height: 26px;
}

#menu_level_2 ul li {
        float: left;
        text-align: center;
        padding-right: 5px;
		line-height:26px;
}

#menu_level_2 ul a {
	color: #FFFFFF;	
	background: #45B0D9;
	padding: 5px;
	padding-left: 10px;
}

#menu_level_3 {
	margin: 0;
	margin-top: 3px;
	padding: 0;
	font-size: 13px;   
        width: 900px;
        float: left;
      /*  position: relative;
        top: -220px; */
}

#menu_level_3 ul {
        margin: 0;
	padding: 0;
        list-style-type: none;
        height: 30px;
}

#menu_level_3 ul li {
        float: left;
        text-align: center;
        padding-right: 5px;
		line-height:26px;
}

#menu_level_3 ul a {
	color: #000000;	
	background: #CCCCCC;
        padding: 5px;
        padding-left: 10px;
}

a:visited.selected {
	text-decoration: underline;
}

/* rechte Spalte */
#sidebar1 {
	/*float: right;*/ /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 150px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	padding: 0 10px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	/*position: relative;
        top: -220px;*/
}

#sidebar1 h3 {
	margin-top: 0;	
}

#sidebar1 img {
	border: 1px solid #38757B;
}

#sidebar1 h1 {
	border-bottom: 1px solid #45B0D9;
}

#sidebar1 .csc-textpic-imagewrap a:link {
	background: none !important;
	padding-left: 0 !important;
}

#sidebar1 .bodytext {
	padding-bottom: 20px;
}

#sidebar1 .csc-textpic-imagewrap a:link,
#sidebar1 .csc-textpic-imagewrap a:visited,
#sidebar1 .csc-textpic-imagewrap a:active,
#sidebar1 .csc-textpic-imagewrap a:hover,
#sidebar1 .csc-textpic-imagewrap a:focus {
	background: none;
	padding-left: 0;
}

/* Hauptspalte */
#main { 
	padding: 0;
	width: 900px;
	/*position: relative;
        top: -220px;*/
        float: left;
} 

#main img {
	border: 1px solid #38757B;
}

h1 {
	border-bottom: 1px solid #45B0D9;
}

#mainContent {
  padding: 0 20px 0 10px;
  width: 650px;
  float: left;
}

#mainContent a:link,
#sidebar1 a:link,
#mainContent a:visited,
#sidebar1 a:visited,
#mainContent  a.internal-link,
#sidebar1 a.internal-link,
#mainContent  a.internal-link-new-window,
#sidebar1  a.internal-link-new-window { 
	text-decoration:none; 
	background: url(../pics/pfeil-runter.png) no-repeat left center;
	padding-left: 13px;
	color: #45B0D9;
}


#mainContent  a.external-link,
#mainContent  a.external-link-new-window,
#sidebar1  a.external-link,
#sidebar1  a.external-link-new-window { 
	text-decoration:none; color: #000000; 
	background: url(../pics/pfeil-rauf.png) no-repeat left center;
	padding-left: 13px;
	color: #45B0D9;
}

#mainContent a:hover,
#mainContent a:active,
#mainContent a:focus {
	text-decoration: underline;
}

#mainContent .csc-textpic-text {
	padding-bottom: 10px;
}

#breadcrumb ul{
       margin: 0;
	padding: 0;
}

#breadcrumb ul li{
        display: inline;
}

/* Fuss */
#footer { 
	background:#CCCCCC;
	font-size: 11px;
	padding: 5px 10px;
} 

#footer_menu ul {
	margin: 0;
	padding: 0;	

}

#footer_menu li {
	display: inline;
	padding: 0 5px;
}

#footer_text {
	width: 250px;
}

/* Hilfsklassen */
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
}

.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
}