/********************************************************************* Stile Übergabe */
/* BEGIN assign styles menue /
text:Normal Text
bold:Bold Text
/ END assign styles menue */

/**********************************************************************/

/* z-index vergeben:
	99 navi3
	98 swfhome
	97 logo
	96 navi1
	90 header
*/

/********************************************************************* Global */

.scrollcont,
.logo,
.lang-select,
.location,
.swfhome,
.navi1,
.navi2,
.navi3,
.infobox_re,
.header,
.faircompany
{ position: absolute; }

/********************************************************************* Text */

.text { 
	font-size: 11px;
	color: #333;
	line-height: 18px;}

.bold { 
	font-size: 11px;
	font-weight: bold;
	color: #333;
	line-height: 18px; }
	
h1 { 
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;}
	
h2 { 
	font-size: 14px;
	font-weight: bold;
	color: #454545;
	margin-bottom: 10px;}
	
.sd {
	font-size: 9px;
	color: #CCC;}
	
h3,h4,h5,h6 {color: #FFF;}
	
/*Standard Text - nicht löschen, nur editieren*/

/* Fehlermeldung */
.alert { 
	font-size: 11px;
	font-weight: bold;
	color: #C00;
	line-height: 16px; }

/* Highlight Suchergebnisse */	
.searchterm {
	background-color: #FF3;}

/********************************************************************* Bilder */

.logo {
	top: 40px;
	left: 60px;
	z-index:97;}}
	
.lang-select {
	top: 25px;
	left: 520px;
	width:480px;
	text-align:right;
	z-index:94;}
	
.location {
	top: 83px;
	left: 500px;
	width:480px;
	text-align:right;
	z-index:94;}
	
.swfhome {
	background-color: #FFF;
	top: 11px;
	left: 311px;
	z-index:98;
	padding: 0px 0px 35px 0px;}
	
.catpic2 {
	margin: 0px 0px 0px 0px;}
	
.faircompany {
	top: 300px;
	left: 70px;
	z-index:100;}
	
/*Standard Bilder - nicht löschen, nur editieren*/

.art_button { margin-top: 20px;} /* back & print-button in artikeln */

.img1 { cursor: pointer; } /* artikel popup-bild */

.img2 {} /* normales bild im artikel (ohne popup)*/

.showpic {
	border:1px #CCC solid; }

/********************************************************************* Main */

.cont { /* Allgemeiner Content ohne Layoutvorlage */
	margin: 30px 20px 0px 0px;}

.scrollcont { /* Scroll Content */
	padding: 155px 0px 0px 256px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;}
	
.cont1 { /* Main-Template */
	width: 485px;
	padding-left: 15px;}
	
.cont2 { /* Frame 1 */
	}
	
.header { /*** Htgr Header ***/
	top: 0px;
	left: 20px;
	width: 970px;
	height:146px;
	background-color: #FFF;
	z-index: 90;}
	
.testimonial {
	width:230px;
	background-image: url(http://www.v-und-s.de/img/e/basic/pfeil_testimonial.gif);
	background-repeat:no-repeat;}
.testimonial1 {
	width:180px;
	margin: 20px 0px 0px 30px;}
.testimonial2 {
	width:180px;
	margin: 0px 0px 0px 30px;}
.testimonial3 {
	width:180px;
	margin: 0px 0px 0px 30px;}
.testimonial3 p, i, b {
	color: #666;}
	
/*********************************** InfoBox ******/

.infobox_re { /*** InfoBox Rechte Seite ***/
	position: absolute;
	top: 155px;
	left: 745px;
	width: 245px;}

.box1 { /*** InfoBox Rechte Seite Gruen ***/
	margin: 0px 0px 20px 0px;}
.td1_box1 {
	width: 245px;
	/* background-image: url(http://www.v-und-s.de/img/e/pics/box/htgr_box.gif);
	background-repeat: repeat-y; */
	background-color: #dadada;
	padding: 10px 30px 10px 30px;}
	
.box2 { /*** InfoBox Rechte Seite Weiss ***/
	margin: 0px 0px 20px 0px;}
.td1_box2 {
	width: 245px;
	/* background-image: url(http://www.v-und-s.de/img/e/pics/box/htgr_box2.gif);
	background-repeat: repeat-y; */
	background-color: #FFF;
	padding: 0px 30px 10px 30px;}
	
.box3 { /*** InfoBox Rechte Seite Gruen ***/
	margin: 0px 0px 20px 0px;}
.td1_box3 {
	width: 245px;
	background-image: url(http://www.v-und-s.de/img/e/basic/htgr_box3.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	padding: 10px 30px 10px 30px;}
	
/*********************************** Navigation ******/
.navi1 { /*** TOP NAV ****/
	width:500px;
	top: 55px;
	left: 490px;
	z-index: 96;
	text-align:right;}
.td1_navi1 {
	display:inline;
	padding: 0px 10px 0px 10px;
	border-right: 2px solid #666;}
.td2_navi1 {
	display:inline;
	padding: 0px 0px 0px 10px;}

.navi2 { /*** LEFT NAV ****/
	top: 155px;
	left: 20px;
	width: 229px;
	height:100%;
	padding: 0px 3px 0px 0px;
	border-right: 1px solid #B6B6B6;}
.navi21 { /*** Navigation im Switch mit Infobox ****/
	width: 229px;
	background-color: #f2f2f2;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 16px 0px;}
.td1_navi21 { /*** Hauptpunkt ****/
	width: 229px;
	padding: 3px 0px 3px 30px;
	font-size: 12px;
	font-weight:bold;}
.td1_navi21a { /*** Hauptpunkt Mouseover ****/
	width: 229px;
	padding: 3px 0px 3px 30px;
	font-size: 12px;
	font-weight:bold;
	background-color: #dadada;}
.td2_navi21 { /*** Unterpunkt ****/
	width: 229px;
	padding: 3px 0px 3px 40px;}
.td2_navi21a { /*** Unterpunkt Mouseover ****/
	width: 229px;
	padding: 3px 0px 3px 40px;
	background-color: #e9e9e9;}
	
.navi3 { /*** HTGR JS Top Nav ****/
	top: 110px;
	left: 21px;
	width: 970px;
	height: 40px;
	background-image: url(http://www.v-und-s.de/img/e/basic/htgr_topnav.gif);
	background-repeat:no-repeat;
	background-position: 232px 0px;
	z-index: 99;}
	
/*********************************** Layoutvorlagen ******/
.temp1 { 
	position: relative;
	top: 0px;
	left: -15px;
	width: 485px;
	background-color: #FFF;}
.td1_temp1 { }
.td2_temp1 {
	background-color: #f2f2f2;
	padding: 30px 20px 10px 20px;}
.td3_temp1 {
	background-color: #FFF;
	padding: 10px 20px 20px 20px;}
	
/*********************************** Diverses im Content ******/
.tab1 { /*** Tabellendarstellung ****/
	width: 464px;
	border: 1px solid #099;}
.td1_tab1 {
	background-color: #099;
	color: #FFF;
	font-weight: bold;
	padding: 0px 3px 0px 3px;
	text-align: center;}
.td2_tab1 {
	padding: 2px 3px 2px 3px;
	border-top: 1px solid #E1F1F4;
	border-left: 1px solid #E1F1F4;
	text-align: center;}
	
.bg1 {
	background-color: #FFF;}
.bg2 {
	background-color: #E1F1F4;
	cursor: hand;}

/**************************************** Standard */
/*Standard Tabellen - nicht löschen, nur editieren*/

/* Fehlermeldung */
.tab_alert { 
	width:100%;
	padding: 10px; margin-bottom: 10px;
	border: 1px #C00 solid;
	background-color: #FFF;}

/* Infomeldung */
.tab_info {
	width:100%;
	padding: 10px; margin-bottom: 10px;
	border: 1px #390 solid;
	background-color: #FFF;}
	
/* Newsletter-Form */
.tab_nlt { width:485px; padding-right: 25px;}
.td1_nlt {width: 90px; font-weight: bold;}
.td2_nlt {width: 140px;}
.td3_nlt {width: 90px; font-weight: bold; padding: 0px 0px 0px 0px;}
.td4_nlt {font-weight: bold;}

/* Kontakt-Form */
.tab_req { width:485px; padding-right: 25px;}
.td1_req {width: 90px; font-weight: bold;}
.td2_req {width: 140px;}
.td3_req {width: 90px; font-weight: bold; padding: 0px 0px 0px 0px;}
.td4_req {font-weight: bold;}

/* News-Form */
.tab_news {width:445px;}
.td1_news {width: 90px;} /*Datum */
.td2_news {width: 355px;} /* Titel & Summary */
.td3_news {padding: 20px 0px 0px 0px;} /* Pagenav-Buttons */

/* Presse-Form */
.tab_press {width:485px;}
.td1_press {padding: 0px 10px 5px 0px;} /*Datum */
.td2_press {padding: 0px 0px 5px 0px;} /* Titel */
.td3_press {padding: 20px 0px 0px 0px;} /* Pagenav-Buttons */

/* FAQ-Liste */
.tab_faq { width:100%;}
.td1_faq { width:100%;}
.td2_faq { width:100%; margin-left: 20px;}

/* FAQ-Popup */
.tab_faqpop { width:100%;} 
.td1_faqpop { width:100%; padding: 10px; background-color: #099;} /* Hauptgruppe */
.td2_faqpop { width:100%; padding: 10px; border-top: 1px solid #41494C; background-color: #E1F1F4;} /* Frage */
.td3_faqpop { width:100%; padding: 10px;} /* Antwort */
.td4_faqpop { width:100%; padding: 10px; border-top: 1px solid #41494C; text-align: center;} /* Footer */

/* Showart */
.tab_showart { padding: 30px;}

/* Showpic */
.tab_showpic { padding:10px; text-align: center;} 

/* Login-Form */
.tab_login { width:100%;}
.td1_login {float:left; width: 80px;}
.td2_login {}

/* Abocenter */
.tab_abocenter { width:100%; border: 1px solid #41494C; margin-top:30px; padding: 10px; background-color: #FFF} 
.td1_abocenter { width:100%; margin-bottom: 10px;} 
.td2_abocenter { width:100%; }

/********************************************************************* Link */

A:link,A:visited,A:active {color:#4f85a3; text-decoration:underline;}
A:hover {color:#333; text-decoration:none;}

A:link.navleft1,A:visited.navleft1,A:active.navleft1 {color:#333; text-decoration:none;}
A:hover.navleft1 {color:#454545; text-decoration:none;}

A:link.navleft2,A:visited.navleft2,A:active.navleft2 {color:#4f85a3; text-decoration:none;}
A:hover.navleft2 {color:#454545; text-decoration:none;}


/********************************************************************* Global 2 */

body,html {
	scrollbar-face-color: #CCC;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #CCC;
	scrollbar-darkshadow-color: #000;
	scrollbar-shadow-color: #CCC;
	scrollbar-arrow-color: #CCC;
	scrollbar-track-color: #CCC;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat-y;	
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 18px;}

td,p,div {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 18px; }

p { margin:0px;}

form { margin:0px;}

.button1 {
	background-color: #099;
	border: 1px solid #099;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 11px;
	color: #FFF;}

.input1 { /* mit Abstand */
	font-size: 11px;
	margin-bottom:5px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 2px #C6C8CB solid;
	border-left: 0px;
	background-color: #E6E6E6;}

.input2 { /* ohne Abstand */
	font-size: 11px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 2px #C6C8CB solid;
	border-left: 0px;
	background-color: #E6E6E6;}

.select1 { /* mit Abstand */
	border-top: 0px;
	border-right: 0px;
	border-bottom: 2px #C6C8CB solid;
	border-left: 0px;
	font-size: 11px;
	color: #333;
	background-color: #E6E6E6;
	margin-bottom:5px;}

.select2 { /* ohne Abstand */
	border-top: 0px;
	border-right: 0px;
	border-bottom: 2px #C6C8CB solid;
	border-left: 0px;
	font-size: 11px;
	color: #333;
	background-color: #E6E6E6;}

ul {
	margin: 0px 0px 0px 0px;}

li { 
	margin: 0px 0px 0px 25px;
	list-style-type: square;
	font-size: 11px;
	color: #333;}