/* mein-Port.de **************************/

body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:center;
}

#main {
	width: 980px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border:0px;
	text-align:left;
}


/*------------- Haupt-Div'S, die sich im Main befinden*------------*/

#rahmen {
	width: 980px;
	height: 812px;
	margin: 0px auto 0px auto;
	/*padding: 18px 18px 18px 18px;*/
	border:0px;
	text-align:left;
	background-image: url(img/design/hg.png);
	background-repeat: no-repeat;
	overflow:hidden;
}

#rahmen_abstand {
	padding: 0px;
	width: 968px;
	height: 800px;
	margin-top: 11px;
	margin-left: 11px;
}

#archiv_links_box {
	width: 980px;
	height: auto;
	margin: 10px auto 0px auto;
	padding: 0px;
	border:0px;
}

/*------------ Inhalte des Divs Rahmen -------------------------------- */

.felder {
	width:319px;	
	height:263px;
	float:left;
	display: inline;
	margin: 0px;
	padding: 0px;
	border:0px;
	overflow: hidden;
}

#feld_1 {background-image: url(img/design/felder/1_feld.png);}
#feld_2 {background-image: url(img/design/felder/2_feld.png);}
#feld_3 {background-image: url(img/design/felder/3_feld_google.png);}
#feld_4 {background-image: url(img/design/felder/4_feld.png);}
#feld_5 {background-image: url(img/design/felder/5_feld.png);}
#feld_6 {background-image: url(img/design/felder/6_feld.png);}
#feld_7 {background-image: url(img/design/felder/7_feld.png);}
#feld_8 {background-image: url(img/design/felder/8_feld.png);}
#feld_9 {background-image: url(img/design/felder/9_feld.png);}


#feld_1_over	{background-image: url(img/design/felder/1_feld_over.png);}

/*------------ Inhalte der Felder ------------------------------------------ */
h2,h3 {
	margin: 0; padding:0;
	color: #585858;
	margin-top: 15px;
	text-align: center;
}

h2 {
	font-size:18px;
	padding-bottom:2px;
}

h3 {
   font-size:16px;
	padding-bottom:6px;
}

h4 {
	margin: 0;
	color: #FFFFFF;
	margin-top: 15px;
	text-align: center;
	height: 55px;
}
.ueberschrift {
	font-size: 12px;
	margin-left: 5px;
	margin-right: 5px;
}


/* Feld 5 - Thema */
.ueber {
	width: 280px;
	margin-left: 20px;
}

.feld_cont_5 {
	margin: 0; padding:0; border:0;
	margin-left: 15px;
	height: 185px;
	overflow: hidden;
	/*width:275px;*/
	/*line-height: 120%;*/
	text-align:left;
}
.feld_cont_5 a { 
	margin: 0;
	margin-left: 3px;
	color: #FFFFFF;
	text-decoration: none;
}
.feld_cont_5 a:hover {
	color: #FFFFFF;
}

/* Ende Feld 5*/


/* Feld 7 */
.feld_cont_7 {
	width:300px;
	margin: 0; padding:0; border:0;
	margin-left: 5px;
	/*margin-right: 10px;*/
	margin-top: 19px;
	height: 185px;
	overflow: hidden;
	
}
.feld_cont_7 a {
	margin: 0; padding: 0;
	color: #FFFFFF;
	margin-left: 6px;
	margin-bottom: 3px;
	text-decoration: none;
	font-weight: bolder;
}

.feld_cont_7 a:hover {color: #FFFFFF;}

.genre {
	margin: 0;
	float: left;
	width: 134px;
	margin-left: 11px;
	/*margin-right: 5px;*/
	margin-top: 5px;
	margin-bottom: 4px;
	height: 22px;
	background: url(img/design/radio-button.gif) no-repeat;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	padding-top: 5px;
	display: inline;
}

.genre  a {
	/*margin: 0;*/
	/*text-decoration: none;*/
	font-size: 14px;
	display: block;
	/*width: 100%;*/
	/*height: 100%;*/
}
.genre a:hover {
	color: #FFF;
}
.genre_links {
	margin: 0;
	clear: left;
	display: none;
	/*width: 270px;*/
	margin-top: 0px;
	margin-left: 10px;
	padding: 0; border:0;
}
/* Ende Feld 7 */





/* Feld Allgemein */
.feld_cont {
	margin: 0; padding: 0;
	margin-left: 15px;
	/*margin-right: 5px;*/
	margin-top: 22px;
	height: 180px;
	overflow: hidden;
	/*background-color:green;*/
	/*width:275px;*/
}
.feld_cont a {
	margin: 0;
	margin-left: 3px;
	text-decoration: none;
	color: #FFFFFF;
}
.feld_cont a:hover {
	color: #FFFFFF;
}
/* ende normal feld */



.link {
	margin: 0;
	margin-top: 6px;
	margin-left: 3px;
	background: url(img/design/button.gif) no-repeat;
	height: 16px;
	width: 280px;
	overflow: hidden;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.link a {
	display: block;
	/*width: 223px;*/
	/*height: 100%;*/
	font-weight: bolder;
}
.link img {
	/*display: block;*/
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	border: 0;
}
/*  Ende Normal Feld */




#links_oben {
	margin: 0;
	margin-top: 15px;
	margin-left: 25px;
	margin-right: 5px;
	color: #2D2D2D;
}
#links_oben a {
	color: #2D2D2D;
	text-decoration: none;
	font-weight: bolder;
}
#links_oben a:hover {
	color: #5D5D5D;
}
#search_cont {
	margin: 0;
	margin-top: 79px;
	margin-left: 10px;
	width: 100%;
}
#google {
	margin: 0;
	margin-right: 13px;
}
#search_pane {
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
}
#search_button {
	margin: 0;
	margin-left: 25px;
	width: 70px;
}
#search_field {
	margin: 0;
	width: 180px;
}
#login_list {
	margin: 0;
	height: 140px;
	margin-left: 15px;
	margin-top: 10px;
}
#login_list span {
	margin: 0;
	display: block;
	float: left;
	/*width: 141px;*/
	/*height: 80px;*/
	margin: 0;
}
#login_list span img {
	border: none;
}
div.ui-datepicker {
	font-size: 10px;
}

#datepicker {
	margin: 0;
	width: 130px;
	height: 130px;
	position: relative;
	top: 15px;
	left: 15px;
	
}

#notizen {
	margin: 0;
	width: 163px;
	height: 143px;
	background: url(img/design/notizblock.gif) no-repeat;
	position: relative;
	top: -115px;
	left: 150px;
}
.notiz {
	margin: 0;
	margin-top: 50px;
	margin-left: 35px;
	border: 0;
	overflow: auto;
}

#uhr {
	margin: 0;
	background: url(img/design/uhr.gif) no-repeat;
	width: 113px;
	height: 51px;
	position: relative;
	top: -100px;
	right: -10px;
	color: #FFFFFF;
	font-size: 30px;
	padding-left: 21px;
	padding-top: 20px;
	letter-spacing: 3px;
}

#wetter {
	margin: 0;
	height: 71px;
	min-width: 72px;
	position: relative;
	top: -230px;
	left: 80px;
	color: #FFFFFF;
	font-size: 15px;
	padding-left: 80px;
	padding-top: 50px;
	font-weight: bold;

}
#wetter a {
	color: #FFFFFF;
	text-decoration: none;
}
#impressum {
	overflow: visible;
	width: 100%;
}
#impressum h4 {
	color: #585858;
}
#kontakt_daten {
	margin-left: 00px;
	margin-top: -40px;
}
.impressum_daten {
	margin-left: 200px;
	margin-right: 200px;
	margin-top: -40px;
}
#zur_startseite {
	margin-left: 100px;
} 
#kontakt {
	margin-left: 130px;
}

.links_links {
	width: 128px;
	margin:0; padding:0;border:0;
	/*float: left;*/
	overflow: hidden;
	/*margin-right: 5px;*/
	margin-left: 10px;
	/*background-color:yellow;*/
}
.links_rechts {
	width: 128px;
	margin:0; padding:0;border:0;
	float:right;
	overflow: hidden;
	margin-right:26px;
	/*margin-left: 150px;*/
	display:inline;
	/*background-color:red;*/
}

/*------------ Inhalte der Archiv Links Box -------------------------------- */

#alphabet {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-align: center;
}

#alphabet a {
	color: #999999;
	text-decoration: underline;
}

#alphabet a:hover {
	color: #0076bd;
	
}

#archiv {
	width:892px;
	margin:20px 0px 0px 40px;
	
}

#archiv a {
	color: #999999;
	text-decoration: underline;
	}
#archiv a:hover {
	color: #0076bd;
}
#archiv img {
	margin-right: 10px;
}

.archiv_links 			{	float: left; width: 215px; margin:0; padding:0; border:0; display: inline; overflow: hidden; margin-right: 10px;}
.archiv_links_mitte 	{	float: left; width: 215px; margin:0; padding:0; border:0; display: inline; overflow: hidden; margin-right: 10px;}
.archiv_rechts_mitte { 	float: left; width: 215px; margin:0; padding:0; border:0; display: inline; overflow: hidden; margin-right: 10px;}
.archiv_rechts 		{  float: left; width: 215px; margin:0; padding:0; border:0; display: inline; overflow: hidden; }


/*------------Inhalte der Archiv Links Box Ende-------------------------------- */


#navi_quer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	text-align:right;
	margin: 0px 10px 0px 0px;
}




/**************** Startseite ****************/


#linke_spalte_startseite {
	float: left;
	width: 190px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	border:0px;
	background-image:url(img/linke_seite.png);
	background-repeat:no-repeat;
	background-position:left;
	display: inline;
	text-align:left;
}



#rechte_spalte_startseite {	
	width: 600px;
	height: 420px;
	margin: 0px 0px 0px 191px;
	padding: 0px;
	border:0px;
	background-color: #1b1b1b;
	background-repeat:no-repeat;	
}


#navi_startseite{
	width:183px;
	margin: 150px 0px 0px 0px;
	padding: 0px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-align: right;
}


#bild_startseite {
	width: 298px;
	height: 395px;
	margin: 12px 0px 0px 85px;
	padding: 0px 0px 0px 0px;
	background-image:url(img/bild_startseite.jpg);
	background-repeat:no-repeat;
	z-index: 1;
	position:absolute;
	left: 50%;	
}

#spruch {
	margin: 340px 0px 0px -190px;
	padding: 0px 0px 0px 0px;
	z-index: 2;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	left: 50%;
	width: 365px;
	height: 57px;
	text-align:right;
}


/**************** Unterseiten ****************/

/*
#inhalt {
	width: 794px;
	height: 420px;
	margin: 0px 0px 0px 6px;
	padding: 0px;
	border:0px;
	text-align:left;
	background-color:#ffffff;
}
*/

#linke_spalte {
	float: left;
	width: 405px;
	height: 420px;
	margin: 0 0 0 7px;
	padding: 0px;
	border:0px;
	background-image: url(img/hintergrund_links.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:inline;
}

#rechte_spalte{
	width: 386px;
	height: 420px;
	margin: 0px 0px 0px 412px;
	padding: 0px;
	border:0px;
	text-align:left;
	background-color: #FFFFFF;
}

#text {
	margin-top:5px;
	padding:8px 10px 10px 20px;
	height:125px;
	line-height: 19px;
}

#navi {
		width:405px;
		float:left;
		margin: 220px 0px 0px 0px;
		padding: 0px;
		border:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#000000;
		text-align: right;
		display:inline;	
}

#navi_sub{
	width:400px;
	float:left;
	margin: 0px 7px 0px 0px;
	padding: 0px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align: right;
	display:inline;
}

#navi_subalt {
	width: 212px;
	height: 157px;
	margin: 0px 0px 0px 192px;
	padding: 0px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align: left;
	background-image:url(img/hochschnitt_navi-sw.png);
	background-repeat:repeat-x;
	background-position: center;
		
}

.navi_sublink {
					margin:0px 0 6px 8px;
				   color:white;
}

/*#footer {
	width: 806px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	text-align: center;
	margin: 5px auto 0px auto;
}
*/



/**************** Navis ****************/

/*a {	text-decoration:none; color:#000000; }
a:hover { text-decoration:none; color:#000000; }
a#aktiv { text-decoration:none; color:#000000; }*/

.navi_link a 		{ text-decoration:none; color:#454545;}
.navi_link a:hover 	{ color:#E2001A; }
.navi_link a#aktiv 	{ text-decoration:none; color:#E2001A; }

.navi_sublink a 		{ text-decoration:none; color:#ffffff;}
.navi_sublink a:hover 	{ color:#E2001A; }
.navi_sublink a#aktiv 	{ text-decoration:none; color:#E2001A; }


a.navi_quer 		{ text-decoration:none; color:#333333; margin: 0px 0px 0px 0px;}
a.navi_quer:hover 	{ text-decoration:none; color:#E2001A; }
a.navi_quer#aktiv 	{ text-decoration:none; color:#E2001A; }



.navi_link {margin: 6px 0px 0px 0px;}


/**************** Sonstiges ****************/

.strich {
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: #999999;
}


.strich-2 {
	margin: 0px 7px 0px 7px;
	padding: 0px 0px 0px 0px;
}

#logo {
	position:absolute; left:50%; top:150px; margin-left:-380px;
}

.zurueck {
	color: #666666;
	font-size: 10px;
}
/**************** Schriften ****************/

.grau {
	color: #666666;
}

.rot {
	color: #E2001A;
}