/********************************************************************* Z-INDEX */
/* Z-INDEX Vergabe/
101 - logo
100 - wilkes
/ END assign styles menue */

/********************************************************************* Position */

.logo,
.content,
.nav2,
.zitate,
.wilkes
{ position: absolute; }

/********************************************************************* Text */

.bold { 
	font-weight: bold;
	color: #333;}
	
.italic {
	font-style: italic;}
	
.color1 {
	color: #ce073d;
	font-weight: bold;}
	
.color2 {
	color: #616264;
	font-size: 11px;}
	
h1 { 
	font-size: 12px;
	color: #FFF;
	margin: 0px -20px 20px 0px;
	background-color: #ce073d;
	padding: 4px 2px 2px 20px;
	position: relative;
	left: -20px;
	width: 430px;
	height: 27px;}
	
h2 { 
	font-size: 12px;
	color: #ce073d;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;}

h3,h4,h5,h6,pre,address {
	color:#FFF;}

/********************************************************************* Bilder */

.logo { /* Logo */
	top:55px;
	left:60px;
	z-index: 101;}
	
.wilkes { 
	top:37px;
	left:270px;
	z-index: 100;}
	
.art_button { margin-top: 20px;} /* back & print-button in artikeln */

.img1 {/* artikel popup-bild */
	} 

.img2 { /* normales bild im artikel (ohne popup)*/
	}

/********************************************************************* Content */

.content { /* Linke, mittlere, rechte Spalte, Footer */
	top: 149px;
	left: 0px;
	width: 890px;
	background-image: url(http://ifsn.steindev.de/img/e/basic/htgr_content.gif);
	background-repeat: repeat-y;}
.content1 { /* links */
	width: 270px;
	float: left;}
.content2 { /* mitte */
	width: 430px;
	float: left;
	border-top: 1px solid #ce073d;}
.content3 { /* rechts */
	width: 190px;
	float: left;
	padding: 0px 0px 0px 10px;}
	
.cont {
	width: 390px;
	margin: 0px 0px 20px 20px;}
	
.footer1 {
	margin: 0px 0px 0px 270px;}
	
.nav1 { /*** Haupt-Navigation ****/
	width: 230px;
	margin: 0px 0px 20px 30px;}
.nav11 {
	margin: 0px 0px 5px 0px;}
	
.nav2 { /*** Header-Navigation Position ****/
	top:18px;
	left:508px;
	width: 400px;}
.nav21 {
	float: left;
	margin: 0px 10px 0px 0px;}
	
.zitate { /*** Zitate ****/
	top:65px;
	left:380px;}
	
.impressum { /*** Impressum & Warenzeichen ****/
	width: 170px;
	margin: 0px 0px 0px 90px;}
	
.veranstaltungen {
	margin: 0px 0px 20px 0px;}
.veranstaltungen1 {}
.veranstaltungen2 {
	padding: 5px 10px 5px 10px;
	background-color: #FFF;
	margin: 0px 0px 5px 0px;
	color: #666;
	font-size: 11px;}
.veranstaltungen3 {
	text-align: right;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	font-size: 11px;}
	
.video { /* Video */
	margin: 20px 0px 20px 0px;}
.video1 { /* Titel */
	margin: 0px 0px 5px 0px;}
	
.boxlogin {
	width: 170px;
	margin: 20px 0px 20px 90px;}
.boxlogin1 { /* Titel */
	}
.boxlogin2 { /* Block */
	width: 170px;
	clear: both;
	margin: 5px 0px 0px 0px;}
.boxlogin21 { /* Name */
	width: 70px;
	float: left;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	font-size: 11px;}
.boxlogin22 { /* Formfeld */
	width: 100px;
	float: left;}
.boxlogin3 { /* Button */
	clear: both;
	text-align: right;
	margin: 5px 0px 0px 0px;}
	
.gast { /* Gästebuch Box */
	}
.gast1 { /* Titel */
	}
.gast2 { /* Inhalt */
	padding: 10px;
	background-color: #FFF;
	border-right: 1px solid #666;
	border-left: 1px solid #666;}
.gast3 { /* Datum */
	background-color: #e1e1e2;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	padding: 5px 10px 5px 10px;
	font-size: 11px;}
.gast4 { /* Archiv / Eintragen */
	text-align: right;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 0px 0px 0px;}
	
.gast-alle { /* Gästebuch Liste & Detailansicht */
	margin: 20px 0px 0px 0px;}
.gast-alle1 { /* Titel */
	font-weight:bold;
	margin: 20px 0px 0px 0px;}
.gast-alle2 { /* Text */
	}
.gast-alle3 { /*Infos zum Eintrag */
	background-color: #e1e1e2;
	font-style: italic;
	margin: 5px 0px 0px 0px;}
	
.banner {
	width: 170px;
	margin: 0px 0px 0px 90px;}
	
	
.seminar-anmeldung { /*** Seminartabelle ****/
	width: 390px;
	margin: 0px 0px 20px 0px;}
.seminar-anmeldung1 {}
.seminar-anmeldung2 {
	padding: 3px 5px 3px 5px;
	border:1px solid #999;
	background-color: #e1e1e2;}
	
.seminar-uebersicht { /*** Seminarübersicht ****/
	width: 390px;
	margin: 20px 0px 0px 0px;}
.seminar-uebersicht1 {
	padding: 3px 5px 3px 5px;
	border:1px solid #999;
	background-color: #757a7e;
	color: #FFF;}
.seminar-uebersicht2 {
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	border:1px solid #999;
	line-height: 14px;}
	
.seminar-legende { /*** Legende mit Datumswahl ****/
	width: 390px;}
.seminar-legende1 {
	border-bottom: 1px solid #ce073d;
	padding: 0px 0px 20px 0px;}
.seminar-legende11 {
	float:left;
	font-weight: bold;
	width: 60px;}
.seminar-legende12 {
	float:left;
	width: 100px;}
.seminar-legende13 {
	float:left;
	width: 230px;
	font-weight: bold;}
.seminar-legende2 {
	padding: 10px 0px 0px 0px;}
.seminar-legende21 {
	float:left;
	width: 225px;}
.seminar-legende22 {
	float:left;
	width: 165px;}
	


.req { /* Kontakt-Form */
	width: 390px;}
.req1 { /* 1.Block */
	width: 300px;}
.req11 { /* Name + Formfeld */
	width: 300px;
	clear: both;}
.req111 { /* Name */
	width:85px;
	float: left;
	font-weight: bold;}
.req112 { /* Formfeld */
	width:215px;
	float: left;}
.req2 { /* 1.Block */
	width: 300px;}
.req3 { /* Extra & Absenden */
	border-top: 1px solid #124655;
	padding: 10px 0px 0px 0px;}
.req31 { /* Extra */
	float: left;}
.req32 { /* Absenden */
	float: right;}
.req4 { /* Einfacher Block mit Abstand */
	margin: 20px 0px 0px 0px;}
.req41 { /* Einfacher Block Überschrift */
	font-weight: bold;}
.req42 { /* Einfacher Block Inhalt */
	}


.nlt { /* Newsletter-Form */
	width: 390px;}
.nlt1 { /* 1.Block */
	width: 300px;}
.nlt11 { /* Name + Formfeld */
	width: 300px;
	clear: both;}
.nlt111 { /* Name */
	width:85px;
	float: left;
	font-weight: bold;}
.nlt112 { /* Formfeld */
	width:215px;
	float: left;}
.nlt2 { /* 2.Block */
	width: 300px;}
.nlt3 { /* Extra & Absenden */
	border-top: 1px solid #124655;
	padding: 10px 0px 0px 0px;}
.nlt31 { /* Extra */
	float: left;
	font-weight: bold;}
.nlt32 { /* Absenden */
	float: right;}
.nlt4 { /* Einfacher Block mit Abstand */
	margin: 20px 0px 0px 0px;}
.nlt41 { /* Einfacher Block Überschrift */
	font-weight: bold;}
.nlt42 { /* Einfacher Block Inhalt */
	}
	

.homenews {width:390px;}/* Homenews */
.homenews1 {width:390px;}/* Überschrift */
.homenews2 {width:390px;}/* Inhalt */
.homenews21 {width:15px; float: left; padding: 5px 0px 0px 0px;}/* Pfeil */
.homenews22 {width:375px; float: left;}/* Text */
	
.news {width:390px;}/* News-List */
.news1 {width:75px; font-weight: bold; float: left;} /* Datum */
.news2 {width:315px; margin: 0px 0px 0px 0px; float: left; font-weight: bold;} /* Titel */
.news3 {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 75px;} /* Summary */
.news4 {font-weight: bold; padding: 20px 0px 0px 0px;} /* Pagenav-Buttons */
/* News-Search */
.tab_newssearch { width:100%; background-color:#757a7e;}
.td1_newssearch { color:#FFF; font-weight:bold; padding: 0px 10px 0px 10px;}
.td2_newssearch { padding: 3px 3px 3px 0px;}

/* Press-List */
.tab_press {width:390px;}
.td1_press {width: 80px; font-weight: bold; padding: 0px 0px 5px 0px;} /*Datum */
.td2_press {width: 410px; padding: 0px 0px 5px 0px;} /* Titel */
.td3_press {font-weight: bold; padding: 20px 0px 0px 0px;} /* Pagenav-Buttons */

/* Login-Form */
.login {}
.login1 {
	font-weight:bold;
	margin: 0px 0px 5px 0px;}
.login2 {
	margin: 0px 0px 5px 0px;}


.abovoucher { /* Abocenter-Voucherform */
	width:100%;	background-color:#757a7e;	padding: 3px 3px 3px 3px;}
.abovoucher1 { /* Text & Input */
	float: left; color: #FFF; font-weight:bold; padding: 0px 0px 0px 10px;}
.abovoucher2 { /* Button */
	float: right;}

.abocenter { /* Abocenter-Form */
	width:100%; margin: 20px 0px 0px 0px;}
.abocenter1 {
	font-weight:bold;}
.abocenter2 {
	margin: 0px 0px 20px 0px;}

/* Showart */
.showart {
	padding: 30px;}
.showart h1 {
	margin: 0px 0px 20px 0px;
	text-transform: uppercase;
	background-color: #FFF;
	color: #000;
	width: 90%;
	font-weight: bold;}
.showart p {
	color:#000;}
.logo-showart {
	margin: 30px 0px 0px 30px;}

/* Showpic */
.showpic {}
.showpic1 {/* Bild mit Copyright */
	background-color: #FFF;
	padding: 2px;
	font-size: 11px;
	color: #000;} 
.showpic2 {/* Bildkommentar */
	background-color: #757a7e;
	color: #FFF;
	font-weight: bold;
	padding: 2px;} 
.showpic3 {/* Links */
	background-color: #FFF;
	padding: 5px;} 

/********************************************************************* Link */

A:link, A:visited, A:active {color: #ce073d; text-decoration:none;}
A:link:hover, A:visited:hover {color: #666; text-decoration:underline;}

.veranstaltungen3 A:link, .veranstaltungen3 A:visited, .veranstaltungen3 A:active {color: #666; text-decoration:none;}
.veranstaltungen3 A:link:hover, .veranstaltungen3 A:visited:hover {color: #666; text-decoration:underline;}

.seminar-uebersicht1 A:link, .seminar-uebersicht1 A:visited, .seminar-uebersicht1 A:active {color: #FFF; text-decoration:underline;}
.seminar-uebersicht1 A:link:hover, .seminar-uebersicht1 A:visited:hover {color: #FFF; text-decoration:none;}

.gast4 A:link, .gast4 A:visited, .gast4 A:active {color: #666; text-decoration:none;}
.gast4 A:link:hover, .gast4 A:visited:hover {color: #666; text-decoration:underline;}

/*** Navigation Active ***/
.active A:link, .active A:visited, .active A:active {color: #e63110; text-decoration:none;}
.active A:link:hover, .active A:visited:hover {color: #e63110; text-decoration:none;}

/********************************************************************* Global 2 */

BODY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat-x;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}

td,p,div {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 18px; }

p,form { margin:0px;}

hr {
	height: 1px;
	color: #ce073d;
	background-color: #ce073d;
	margin: 10px 0px 10px 0px;
	border: 0px;}

.button1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #ce073d;
	color: #FFF;
	border: 0px;}

.input1 { /* mit Abstand */
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px #878787 solid;
	background-color: #FFF;
	margin-bottom:5px;}
	
.input2 { /* ohne Abstand */
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px #878787 solid;
	background-color: #FFF;}
	
.select1 { /* mit Abstand */
	font-size: 11px;
	border: 1px #878787 solid;
	margin-bottom:5px;
	background-color: #FFF;}

.select2 { /* ohne Abstand */
	font-size: 11px;
	border: 1px #878787 solid;
	background-color: #FFF;}

.searchterm {
	background-color: #FF3;}
	
/* Fehlermeldung */
.alert {
	width: 390px;
	padding: 5px 5px 5px 0px;
	margin-bottom: 10px;
	background-color: #FFF;
	color: #C00;}
.alert li {
	color: #C00;}

/* Infomeldung */
.info {
	width:390px;
	padding: 5px 5px 5px 0px;
	margin-bottom: 10px;
	background-color: #FFF;
	color:#390;}
.info li {
	color:#390;}

ul {
	margin-top: 0px;
	margin-bottom: 0px;}
li {
	font-size: 11px;
	color: #333;}