/**
* StyleSheet fuer die Gesamte Seite;
* Framework + Content,
* wobei Framework die oebere haelfte ausmacht,
* content-Formatierungen die untere;
* $Id: nice_to_see_you.css 139 2007-09-07 08:43:06Z Jhoser $
*/

body 
	{
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	margin: 0px; /* to avoid margins */
	text-align: center; /* to correct the centering IE bug*/
	background: #C0C0C0;
	background-image:url(../img/bg/bg_verlauf.jpg);	
	background-repeat: repeat-x;
	background-position: top;
	color: #444;
	}
	


#header 
	{
	height: 43px;	
	background-image:url(../img/bg/bg_schatten_oben.jpg);	
	background-repeat: no-repeat;
	background-position: bottom;
	}


.container {
	margin-left: auto;
	margin-right: auto;
	width: 830px; /* mandatory to be centered */
	width: 850px;
	width: 830px;
	text-align:justify;
	text-align: left; 
	
	/*background: #C0C0C0;*/
	
}

#ch
	{
	position: relative;
	/*background-image:url(../img/bg/bg_verlauf.jpg);	
	background-repeat: repeat-x;*/
	height: 306px;
	position: relative;
	top: 0px;	
	}

#cb
	{
	/*container-class spezifikation fuer Footer*/
	position: relative;
	top: 0px;	
	/*height: 50px;*/
	}

#cf
	{
	/*container-class spezifikation fuer Footer*/
	position: relative;
	top: 0px;
	}






.content
	{
	position: relative;
	background-image:url(../img/bg/bg_schatten_mitte.jpg);	
	background-repeat: repeat-y;
	}





.ccontainer
	{
	clear: both;
	position: relative;
	top: 0px;
	width: 830px;
	
	background-color: #FFFFFF;
	}

#cch
	{
	position: relative;
	top: 0px;
	background: none;
	}
#ccb
	{
	position: relative;
	top: -3px;
	background-image:url(../img/bg/bg_schatten_mitte.jpg);	
	background-repeat: repeat-y;
	min-height: 253px;
	}

#ccf
	{
	position: relative;
	top: -5px;
	background-image:url(../img/bg/bg_schatten_mitte.jpg);	
	background-repeat: repeat-y;
	}


#navi
	{
	position: absolute;
	left:15px;
	top: 0px;
	width: 800px;
	height: 263px;
	background-color: #FFFFFF;

	}

#navicontent
	{
	position: absolute;
	width: 779px;
	height: 253px;
	margin-left:10px;
	margin-right:10px;
	background-image:url(../img/bg/headerbgfade.png);	
	background-repeat: repeat-x;
	
	}

#logo
	{
	position: absolute;
	top: 10px;
	}

#logo a
	{
	text-decoration: none;
	color: black;
	}

#logo[id]
	{
	position: absolute;
	/*top: 10px;*/
	top:-10px;
	}


#logo p 
	{
	font-weight: bold;
	font-size: x-large;
	line-height: 120%;
	padding: 20px;
	}

#logopic
	{
	position: absolute;
	top: 0px;
	left: 516px;
	height: 253px;
	width: 263px;
	background-color: #FFFFFF;
	}

#picframe
	{
	position: absolute;
	top: 0px;
	left: 10px;
	height: 253px;
	width: 253px;
	overflow: hidden;
	}

#navpoints
	{
	position: absolute;
	top: 124px;
	left:0px;
	height: 129px;
	width: 516px;
	}

.n1
	{
	bottom: 96px;
	}

.n2
	{
	bottom: 72px;
	}

.n3
	{
	bottom: 48px;
	}

.n4
	{
	bottom: 24px;
	}

.n5
	{
	bottom: 0px;
	}

.navopt
	{
	background-color: #F3F3F3;
	position: absolute;
	width: 233px; /*seltsamerweise muss padding im FF abgezogen werden*/
	padding-left: 20px;
	font-size: 13px;
	line-height: 19px;
	
	}

.navopt a
	{
	text-decoration:none;
	color: #444;
	}

.navactive a
	{
	color: #60CCE6; 
	text-decoration:none;
	}

.navopt a:hover
	{
	color: #60CCE6; 
	}

.navright
	{
	left: 263px;
	}

.navleft
	{
	left: 0px;
	}



.box
	{
	min-height: 253px;
	z-index: 10;
	position: relative;
	
	left:15px;
	width: 800px;
	
	}

/* */
* html .box
	{
	height: 253px;
	z-index: 10;
	position: relative;
	
	
	left:15px;
	width: 800px;
	}
/**/




.bodycontent
	{
	position: relative;
	margin-right:10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	top:0px;
	left: 0px;
	width: 779px;
	z-index: 20;
	
	padding-top: 0px;
	padding-bottom: 0px;
	}

.bodycontent div p
	{
	margin: 0px;
	}

.bodycontent .col
	{

	position: relative;
	
	min-height: 213px;
	/*height:auto;*/

	margin-top: 3px;
	margin-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:20px;
	padding-bottom:20px;

	background-image:url(../img/bg/bg_content.jpg);	
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	}
	
/* for Internet Explorer */
/*\*/
* html .bodycontent .col {
height: 213px;
margin-top: -1px;
margin-bottom: -1px;
}
/**/

	
.bodycontent .colimg
	{

	position: relative;
	
	min-height: 213px;
	/*height:auto;*/

	margin-top: 3px;
	margin-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:0px;
	padding-bottom:0px;

	width: 253px;

	background-image:url(../img/bg/bg_content.jpg);	
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	}

/* for Internet Explorer */
/*\*/
* html .bodycontent .colimg {
height: 213px;
margin-top: -1px;
margin-bottom: -1px;
}
/**/

.c3spleft
	{

	float: left; 
	width: 213px;
	
	}


.c3spright
	{
	

	float: right; 
	width: 213px;
	}



.c3spmiddle
	{
	margin-left: 263px;
	margin-right: 243px;
	width: 213px;	
	}


.c2spleftbig
	{
	float: left; 
	width: 476px;
	}

.c2sprightbig
	{
	float: right; 
	width: 476px;
	}

.c2sprightsm
	{
	float: right; 
	width: 213px;
	}

.c2spleftsm
	{
	float: left; 
	width: 213px;
	}
	
.c1
	{
	}

.clearit
	{
	clear:both;
	background: none;
	height:0px;
	min-height:0px;
	margin: 0px;
	padding: 0px;
	}

/* for Internet Explorer */
/*\*/
* html .clearit {
height: 0px;
margin-top: -5px;
margin-bottom: -3px;
}
/**/


#cfooter
	{
	position: relative;
	
	min-height: 95px;
	left:15px;
	width: 800px;
	
	background-color: #FFFFFF;
	}

/* for Internet Explorer */
/*\*/
* html #cfooter {
height: 85px;
/*margin-bottom: -3px;*/
}
/**/

#footercontent
	{
	position: absolute;
	width: 779px;
	height: 85px;
	margin-top: 10px;
	margin-left:10px;
	margin-right:10px;
	background-image:url(../img/bg/bg_footer.gif);	
	background-repeat: repeat-x;
	
	}
	
/* for Internet Explorer */
/*\*/
* html #footercontent {
margin-top: 2px;
/*margin-bottom: -3px;*/
}
/**/

#fcleft
	{
	position: absolute;
	top: 18px;
	padding-left: 20px;
	
	font-size: smaller;
	line-height: 100%;
	}

#fcleft a
	{
	text-decoration: none;
	color: black;
	}

#fcleft[id]
	{
	position: absolute;
	top: 10px;
	padding-left: 20px;
	
	font-size: smaller;
	line-height: 100%;
	}

#fcleft p
	{
	font-weight: bold;
	}

#fccenter
	{
	position: absolute;
	top: 10px;
	left: 243px;
	width: 253px;
	height: 85px;
	}

.fnav
	{
	position: absolute;
	height: 15px;
	}

.fnav a
	{
	text-decoration: none;
	color: #444;
	}

.fnav a:hover
	{
	text-decoration: none;
	color: #60CCE6; 
	}

.fnav a:active
	{
	text-decoration: none;
	color: #60CCE6; 
	}

.fnavactor
	{
	text-decoration: underline;
	}	

.fnavactive a
	{
	text-decoration: none;
	color: #60CCE6; 
	}

.fnav2
	{
	position: absolute;
	height: 15px;
	color: #FF5602;
	}

.fnav2 a
	{
	text-decoration:none;
	color: #FF5602;
	}

.fnav2 a:hover
	{
	text-decoration:underline;
	color: #FF5602;
	}

.fnav2active a
	{
	text-decoration:underline;
	color: #FF5602;
	}


.fnavr2
	{
	left: 410px;
	}

.fnavr
	{
	left: 305px;
	}

.fnavc
	{
	left: 205px;	
	}

.fnavl
	{
	left: 0px;	
	}

.fc1
	{
	top: 19px;
	}

.fc2
	{
	top: 36px;
	}

.fc3
	{
	top: 54px;
	}

#fcright
	{
	position: absolute;
	top: 0px;
	left: 516px;
	}

#footerImg
	{
	position: absolute;
	top: 10px;
	left: 28px;
	height: 85px;
	width: 253px;
	overflow: hidden;
	}

#footer 
	{
	position: relative;
	top: -5px;
	height: 43px; /*wirklich 43? */
	width: 830px;
	background: url(../img/bg/bg_schatten_unten.jpg) repeat-x;
	background-position: top;	
	}

/* Text */

.tabelle
	{
	border:1px;
	border-style: solid;
	border-color:#444;
	}
	
td.tabelle
	{
	font-size: 12px;
	}

.tabelle-leer
	{
	border:1px;
	border-style: solid;
	border-color: #444;
	background-color: #CCCCCC;
	}

.white
	{color: #FFFFFF;
	}

.h1
	{
	font-size: 16px;
	color: #FF5602;
	}

.h2
	{
	font-size: 14px;
	}

.h3
	{
	color: #27BCDC;
	}

.h4
	{
	}

.blue
	{
	color: #27BCDC;
	}
	
.orange
	{
	color: #FF5602;
	}

.line
	{text-decoration: underline;
	}
	
.serif
	{
	font-family: Georgia, Times New Roman, Times, serif;
	}
	
.h2 a
	{text-decoration: none;
	color: #444;
	}
	
.h3 a
	{text-decoration: none;
	color: #27BCDC;
	}
	
.textlink a
	{text-decoration: none;
	color: #444;
	}
	

.textlink a:hover
	{text-decoration: underline;
	color: #444;
	}


.textlink2 a
	{text-decoration: none;
	color: #444;
	}
	

.textlink2 a:hover
	{text-decoration: underline;
	color: #444;
	}

.wordlink a
	{text-decoration: underline;
	color: #444;
	}
	
a:link
	{
	border: 0;
	}

.liste
	{
	list-style:disc;
	margin-left:-15px;
	margin-top:6px;
	}

#language 
	{
	z-index: 8;
	position: relative;
	top: 0px;
	left: 822px;
	height: 23px;
	width: 62px;	
	}