/* generell */
body {
	background:         #dadada;
	font-family:		Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size:			12px;
	color:				#00;
	margin-top:			0px;
	margin-bottom:		0px;
	padding:			0px;
	text-align:			center; /* For IE */
	}

p {
	margin:				0;
	}

a, a:link, a:visited, a:active {
	color:				#ffffff;
	text-decoration:	underlinne;
	}

a:hover {
	color:				#003399;
	text-decoration:	underline;
	}
a.aktiv {
	color:				#ffffff;
	text-decoration:	none;
	}

/* Container Start Styles */
	
#container_start{
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			850px !important;
	width /**/:		850px;
	margin:			0 auto;
	padding:		370px 0 0 0;
	text-align:		left; /* For IE, see above */
	}
	
/* Container Styles */

#container {
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			850px !important;
	width /**/:		850px;
	margin:			0 auto;
	padding:		240px 0 0 0;
	text-align:		left; /* For IE, see above */
	}

/* Intro Styles */
#intro {
	padding:			0;
}

/* Start Styles  */
#Header_start {
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			850px;
	height:			240px;
	}
#pageHeader_start {
	position:		absolute;
	top:			60px;
	left:			295px;
	width:			450px;
	height:			125px;
	}
#pageHeader_start h1, #pageHeader_start h2 {
	text-indent:	-999em;
	margin:			0;
	}

/* Intro Styles  */
#Header {
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			850px;
	height:			90px;
	}
#pageHeader {
	position:		absolute;
	top:			20px;
	left:			580px;
	width:			230px;
	height:			60px;
	}

#pageHeader h1, #pageHeader h2 {
	text-indent:	-999em;
	margin:			0;
	}
#lheader {
	position:		absolute;
	top:			10px;
	left: 			30px;
	width:			600px;
	color:			#999999;
	font-size:		9px;
}

#lheader ul {
	margin:			0px;
	padding:		0px;
	list-style:		none;
	white-space:	nowrap;
}

#lheader li {
	display:		inline;
	padding-right:	3px;
	padding-bottom:	0px;
}

#lheader a, a:link, a:visited, a:active {
	color:				#999;
	text-decoration:	none;
	}
	
#lheader a:hover {
	color:				#666;
	}
	
	
/* Flashfilm_start */
#logo_verlauf_start {
	position:		absolute;
	top:			76px;
	left:			321px;
	width:			88px;
	height:			88px;
}
/* Flashfilm Innen */
#logo_verlauf {
	position:		absolute;
	top:			30px;
	left:			591px;
	width:			41px;
	height:			41px;
}


/* Schmuckbild Start Styles */
#schmuckbild_start {
	position:		absolute;
	top:			230px;
	left:			0px;
	width:			850px;
	height:			155px;
	background:		#ffffff url(bg_schmuckbild.gif) no-repeat;
}
#schmuckbild_start img{
	padding-top: 35px;
}

/* Schmuckbild Styles */
#schmuckbild {
	position:		absolute;
	top:			101px;
	left:			0px;
	width:			850px;
	height:			154px;
	background:		#ffffff url(bg_schmuckbild.gif) no-repeat;
}
#schmuckbild img{
	padding-top: 34px;
}

/* Link List Start Styles */
#linkList_start {
	position:		absolute;
	top:			129px;
	left:			0px;
	}

/* Link List Styles */
#linkList {
	position:		absolute;
	top:			115px;
	left:			70px;
	width:			780px;
	height:			20px;
	background: transparent url(bg_navi.gif) no-repeat;
	}
#linkList ul {
	margin:				0px;
	padding:			0px;
	list-style:			none;
	margin-left: 50px;
}
#linkList li {
	display:			inline;
	padding:			0;
	margin:				0;
}
#linkList a.home {
	background:			url(nav_home.gif) no-repeat;
	padding:			0 0 6px 46px;
}
#linkList li a.home{
	background:			url(nav_home.gif) no-repeat;
	text-decoration:	none;
	}
#linkList li a.home:hover{
	background:			url(nav_home.gif) no-repeat 0 -21px;
	text-decoration:	none;
}
#linkList li a.homeaktiv{
	background:			url(nav_home.gif) no-repeat 0 -21px;
	padding:			0 0 6px 46px;
}

#linkList a.wissenswertes {
	background:			url(nav_wissenswertes.gif) no-repeat;
	padding:			0 0 6px 96px;
}
#linkList li a.wissenswertes{
	background:			url(nav_wissenswertes.gif) no-repeat;
	text-decoration:	none;
	}
#linkList li a.wissenswertes:hover{
	background:			url(nav_wissenswertes.gif) no-repeat 0 -21px;
	text-decoration:	none;
}
#linkList li a.wissenswertesaktiv{
	background:			url(nav_wissenswertes.gif) no-repeat 0 -21px;
	padding:			0 0 6px 96px;
}

#linkList a.produkte {
	background:			url(nav_produkte.gif) no-repeat;
	padding:			0 0 6px 61px;
}
#linkList li a.produkte{
	background:			url(nav_produkte.gif) no-repeat;
	text-decoration:	none;
	}
#linkList li a.produkte:hover{
	background:			url(nav_produkte.gif) no-repeat 0 -21px;
	text-decoration:	none;
}
#linkList li a.produkteaktiv{
	background:			url(nav_produkte.gif) no-repeat 0 -21px;
	padding:			0 0 6px 61px;
}


#linkList a.profil{
	background:			url(nav_profil.gif) no-repeat;
	padding:			0 0 6px 44px;
}
#linkList li a.profil{
	background:			url(nav_profil.gif) no-repeat;
	text-decoration:	none;
	}
#linkList li a.profil:hover{
	background:			url(nav_profil.gif) no-repeat 0 -21px;
	text-decoration:	none;
}
#linkList li a.profilaktiv{
	background:			url(nav_profil.gif) no-repeat 0 -21px;
	padding:			0 0 6px 44px;
}

#linkList a.referenzen {
	background:			url(nav_referenzen.gif) no-repeat;
	padding:			0 0 6px 77px;
}
#linkList li a.referenzen{
	background:			url(nav_referenzen.gif) no-repeat;
	text-decoration:	none;
	}
#linkList li a.referenzen:hover{
	background:			url(nav_referenzen.gif) no-repeat 0 -21px;
	text-decoration:	none;
}
#linkList li a.referenzenaktiv{
	background:			url(nav_referenzen.gif) no-repeat 0 -21px;
	padding:			0 0 6px 77px;
}

#linkList a.aktuelles {
	background:			url(nav_aktuelles.gif) no-repeat;
	padding:			0 0 6px 64px;
}
#linkList li a.aktuelles{
	background:			url(nav_aktuelles.gif) no-repeat;
	text-decoration:	none;
	}
#linkList li a.aktuelles:hover{
	background:			url(nav_aktuelles.gif) no-repeat 0 -21px;
	text-decoration:	none;
}
#linkList li a.aktuellesaktiv{
	background:			url(nav_aktuelles.gif) no-repeat 0 -21px;
	padding:			0 0 6px 64px;
}

#linkList a.kontakt {
	background:			url(nav_kontakt.gif) no-repeat;
	padding:			0 0 6px 60px;
}
#linkList li a.kontakt{
	background:			url(nav_kontakt.gif) no-repeat;
	text-decoration:	none;
	}
#linkList li a.kontakt:hover{
	background:			url(nav_kontakt.gif) no-repeat 0 -21px;
	text-decoration:	none;
}
#linkList li a.kontaktaktiv{
	background:			url(nav_kontakt.gif) no-repeat 0 -21px;
	padding:			0 0 6px 60px;
}

#linkList span {
	display:			none;
}

#sprache {
	position:		absolute;
	top:			0px;
	left:			720px;
	width: 			60px;
	height: 		21px;
}
#sprache ul {
	margin:				0px;
	padding:			0px;
	list-style:			none;
	margin-left: 		0px;
}
#sprache li {
	display:			inline;
	padding:			0;
	margin:				0;
}
#sprache a.deutsch {
	background:			url(deutsch.gif) no-repeat;
	padding:			0 0 6px 20px;
}
#sprache li a.deutsch{
	background:			url(deutsch.gif) no-repeat;
	text-decoration:	none;
	}
#sprache li a.deutsch:hover{
	background:			url(deutsch.gif) no-repeat 0 -21px;
	text-decoration:	none;
}
#sprache li a.deutschaktiv{
	background:			url(deutsch.gif) no-repeat 0 -21px;
	padding:			0 0 6px 20px;
}
#sprache a.englisch {
	background:			url(englisch.gif) no-repeat;
	padding:			0 0 6px 20px;
}
#sprache li a.englisch{
	background:			url(englisch.gif) no-repeat;
	text-decoration:	none;
	}
#sprache li a.englisch:hover{
	background:			url(englisch.gif) no-repeat 0 -21px;
	text-decoration:	none;
}
#sprache li a.englischaktiv{
	background:			url(englisch.gif) no-repeat 0 -21px;
	padding:			0 0 6px 20px;
}
#sprache span {
	display:			none;
}

/* Kontaktdaten */

#kontaktfeld {
	position: absolute;
	top:	  288px;
	left:	  100px;
	width:	  200px;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	}
#kontaktfeld h1{
	font-size: 			12px;
	font-weight: 		bold;
	margin-bottom:		6px;
	margin-top:			0px;
	}

#kontaktfeld p{
	margin:				0px;
	padding-top: 		0px;
	padding-bottom: 	6px;
	line-height: 		20px;
	}
#kontaktfeld a, #kontaktfeld a:link, #kontaktfeld a:visited, #kontaktfeld a:active {
	color:				#e1e1e1;
	text-decoration:	underline;
	}

#kontaktfeld a:hover {
	color:				#ffffff;
	}
#kontaktfeld a.aktiv {
	color:				#ffffff;
	}


/* Unternavigation Start Links */

#linkList2_start {
	position: absolute;
	top:	  130px;
	left:	 0px;
	}

/* Unternavigation Links */

#linkList2 {
	position: absolute;
	top:	  288px;
	left:	  100px;
	width:	  200px;
	margin: 0px;
	padding: 0px;
	}

#linkList2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align:right;
  }
 
#linkList2 li{
    margin: 0px; 
  }

#linkList2 a {
	height: 20px;
    display:block;
	margin: 0px;
	padding-right: 20px;
	background: url(pfeil_unav.gif) no-repeat 0px 0px;
	color: #e1e1e1;
	text-decoration: none;
  }
  
#linkList2 a:hover {
	margin: 0px;
	color: #ffffff;
	background: url(pfeil_unav.gif) no-repeat 185px -20px;
	text-decoration: none;
	font-weight: bold;
  }
  
#linkList2 a.aktiv {
	margin: 0px;
	color: #ffffff;
	background: url(pfeil_unav.gif) no-repeat 185px -20px;
  }

	

/* Content */
	
#contentbereich{
	margin:				0px;
	width:				850px;
	padding:			0px;
	background-color:#003399;
	color:				#ffffff;
	}
	
#content{
	margin:				0px;
	width:				450px;
	padding:			0px;
	color:				#ffffff;
	padding-left: 		320px;
	padding-right:      80px;
	padding-top:		45px;
	}

#content h1{
	font-size: 			12px;
	font-weight: 		bold;
	margin-bottom:		10px;
	margin-top:			0px;
	color:				#ffffff;
	}
#content h2{
	font-size: 			12px;
	font-weight: 		bold;
	margin-bottom:		10px;
	margin-top:			0px;
	color:				#cde5fb;
	}  
#content p{
	margin:				0px;
	padding-top: 		0px;
	padding-bottom: 	12px;
	line-height: 		20px;
	}
#content p.teaser{
	margin:				0px;
	padding-top: 		0px;
	padding-bottom: 	12px;
	font-weight:		bold;
	}
#content p.zitat{
	margin:				0px;
	padding-top: 		0px;
	padding-bottom: 	12px;
	font-weight:		bold;
	font-style: italic;
	}
#content span.klein {
		font-size:			10px;
		padding-left:		20px;
	}
	
	
#content ul{
	padding-left: 	8px;
	margin: 			0px;
	margin-bottom: 10px;
	margin-left:	0px;
	list-style: 	none;
	}
	
#content li{
	padding-left: 		0px;
	margin-left: 			0px;
	line-height: 	20px;
	padding-top: 0px;
	margin-top:0px;
	}

#content a, #content a:link, #content a:visited, #content a:active {
	color:				#e1e1e1;
	text-decoration:	underline;
	}

#content a:hover {
	color:				#ffffff;
	}
#content a.aktiv {
	color:				#ffffff;
	} 
	
	
/* Feld im Kontaktformular mit Fehler*/
    
#errorfeld{
  border: 1pt solid #ff0000;
  padding: 5px 10px 0 10px;
	line-height: 0px;
}	 
    
#errorfeld h3{  
  font-weight:bold; 
  font-size:10pt;
}	
    
#errorfeld p{ 
	line-height: 0px;
}	


/* Footer Start*/

#footer{
	margin-top: 		10px;
	padding-bottom: 	0px;
	height:				185px;
	background: 		#e1e1e1 url(bg_footer.gif) no-repeat;
	background-position:top;
	} 
	
#footer p{
	color:				#ffffff;
	font-size:			10px;
	margin:				0px;
	padding-left: 		320px;
	padding-right:      50px;
	padding-top:		110px;
	}

#footer a, p.footer a:link, p.footer a:visited, p.footer a:active {
	color:				#e1e1e1;
	text-decoration:	none;
	padding-left:	3px;
	}
	
#footer a:hover {
	color:				#ffffff;
	text-decoration: none;
	}
	

/* kontaktformular */
#content table.kontakt {
	border: 		0px;
	margin:	 		0px;
	padding:		0px;
	}
	
#content table.kontakt th {
		text-align:			right;
		vertical-align: 	top;
		padding-right:		5px;
		font-weight:		normal;
		padding-top:		3px;
	}
	
#content table.kontakt td {
		font-weight:		normal;
		text-align:			left;
		vertical-align: 	top;
		padding-top:		5px;
		line-height:		16px;
	}
#content table.kontakt p {
		font-weight:		normal;
		text-align:			left;
		margin:				0px;
		padding:			0px;
		vertical-align: 	top;
		line-height:		16px;
	}
#content table.kontakt p.rechts {
		text-align: 		right;
		font-size:			12px;
		font-weight:		normal;
		margin:				0px;
		padding:			0px;
		padding-top:		4px;
		vertical-align: 	top;
		line-height:		16px;
	}
#content table.kontakt h1 {
		margin-left: 0px;
		margin-bottom:	0px;
		padding-bottom: 0px;
		padding-top:    5px;
		font-size:			12px;
		font-weight:		bold;
		text-align:			left;
		vertical-align: 	top;
		line-height:		16px;
		color: 				#fff;
		background:none;
	}

#content table.kontakt p.klein {
		font-size:			10px;
		vertical-align: 	top;
		color:				#cde5fb;
	} 
	

/* backendformular */
#content table.backend {
	border: 		0px;
	margin:	 		0px;
	padding:		0px;
	}
	
#content table.backend tr {
	}
	
#content table.backend td {
		font-weight:		normal;
		padding-top:		5px;
		line-height:		16px;
	}
	

/* Buttons */
input.actionbutton {
	font-size: 12px;
	color: #003399;
	background-color: #ffffff;
	border: none;
	text-align: center;
	font-weight : bold;
	padding:2px;
	text-decoration: none;
	margin: 0px;
}

select.menue {
	font-size: 12px;
	color : #0064ca;
	border: 1px solid #333333;
	background-color: White;
	text-align: left;
	margin-right: 5px;
}
input.buttons {
	font-size: 12px;
	color: #003399;
	background-color: #ffffff;
	text-align: center;
	font-weight : bold;
	padding:2px;
	border: none;
}
p.form_error {
	font-size:10px;
	color:#003399;
	text-decoration:none;
}
textarea.formular {
	font-size: 12px;
	color : #666666;
	background-color: White;
	border: 1px solid #333333;
	text-align: left;
	padding-left:3px;
}


/* Reste */
input.formular {
	font-size: 11px;
	color : #666666;
	background-color: White;
	text-align: left;
	border: 1px solid #333333;
	padding-left: 3px;
	width: 200px;
}

input.formularpflicht {
	font-size: 11px;
	color : #666666;
	background-color: #B0C4DE;
	text-align: left;
	border: 1px solid #333333;
	padding-left: 3px;
	width: 200px;
}

textarea {
	font-size: 11px;
	color : #666666;
	background-color: White;
	text-align: left;
	border: 1px solid #333333;
	padding-left: 3px;
	width:	305px;
}

select.tabelle {
	arrow-color : white;
	border : none;
	font-size: 12px;
	color : #666666;
	border: 1px solid #333333;
	background-color: White;
	text-align: left;
	margin-bottom: 3px;
}

input.tabelle {
	font-size: 12px;
	color : #666666;
	border: 1px solid #333333;
	background-color: White;
	text-align: left;
	padding-left: 3px;
}

p.form_special {
	font-size: 10px;
	color : #cc3300;
	text-decoration : none;
}

span.actionbutton {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #0099FF;
	border: 1px solid #666666;
	text-align: center;
	font-weight : bold;
	padding:3px;
	text-decoration: none;
}

/* Meldungen Übersicht */
.news-list-container{
	height: 400px;
}