/********************************************************/
/* Presentation and Font Styles                         */
/********************************************************/
body {
	margin:20px;
	background:url(img/pattern6x6.gif) repeat;
	color: #333333;
	text-align:center;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	background-color: #CCCCCC;
	text-align: left;
	color: #000099;
	text-indent: 15px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	text-align: left;
	background-color: #cccccc;
	color: #000099;
	text-indent: 15px;
} 
h3 {
	font-size: 18px;
	font-weight: bold;
}
h1,h2,h3, p {
 margin:10px 0 15px 0;
}
h4 {
 margin:0; 
 padding: 5px 0;
}
a:link, a:visited {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active {
	color: #333;
	text-decoration: underline;
}

em {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}
/********************************************************/
/* Styles für die Bulletlisten                          */
/********************************************************/
ol {
	font-size: 14px;
	color: #CCFF33;
}
li {
	font-size: 12px;
	color: #333333;
	padding:5px 0 5px 15px;
	list-style-position: inside;
	list-style-image: url(img/bullet_2.gif);
}
ul {
	font-size: 14px;
	color: #33FF66;
}
.list01 {
	font-size: 12px;
	color: #333333;
	padding:5px 0 5px 15px;
	list-style-position: inside;
	list-style-image: url(img/bullet_2.gif);
} 
/********************************************************/
/* Main template Layout Styles                          */
/********************************************************/
#globalcontainer {
	text-align:left;
	border:1px solid #000000;
	width:900px;
	margin:auto;
	background-color: #FFFFFF;
}
#header_1 {
	background:url(img/sqn17_header.jpg);
	color: #333333;
	text-align: right;
	font-size: 12px;
	padding: 30px 23px 29px 0;
}
#header_2 {
	height:148px;
	color: #333333;
	border:solid #000000;	
	border-width:1px 0 1px 0;
}
#mainmenucontainer {
	position:relative;
	background: #dcdcdc url(img/mainmenucontainer1.jpg);
	color: #333333;
	width:900px;
	padding:16px 0 16px 0;
	font-size: 14px;
	border-bottom: 1px solid #000000;
}
#left_mainmenu {
	float:left;
	color: #333333;
	width:195px;
	text-align: left;
	text-indent: 20px;
}
#mainmenu_navigation {
	width:670px;
	color: #333333;
	text-align:left;
	padding-left:25px;
}
/********************************************************/
/* ID und CLASS für das Hauptmenu - oben                */
/********************************************************/
.nav_no, .nav_no a:link, .nav_no a:visited, .nav_no a:active {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.nav_no a:hover {
	text-decoration:underline;
}
.nav_act {
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}	
.nav_act a:hover {
	text-decoration:underline;
}
#mainmenu_navigation a:link, #mainmenu_navigation a:visited {
	text-decoration:none;
	font-weight: bold;
}
#mainmenu_navigation a:hover, #mainmenu_navigation a:active {
	text-decoration:none;
	color:#990000;
	font-weight: bold;
}
/********************************************************/
/* Styles für den Contentbereich                        */
/********************************************************/
#bodyblock {
	position:relative;
	background: #FFFFFF url(img/left_col1.jpg) repeat-y;
	color: #333333;
	width:900px;
	padding:0;
	overflow:auto;
}
#left-col {
	float:left;
	background: url(img/left_col1.jpg) repeat-y;
	width:202px;
	text-align: left;
	text-indent: 20px;
}
#left-col a:link, #left-col a:visited {
	text-decoration:none;
	font-weight: bold;
}
#left-col a:hover, #left-col a:active {
	text-decoration:none;
	color:#990000;
	font-weight: bold;
}
#breadcrumb {
	width:670px;
	background:#ffffff;
	color: #999999;
	text-align:left;
	padding: 5px 0 5px 25px;
	font-size: 10px;
	float:right;
}
#breadcrumb a:link, #breadcrumb a:visited {
	color: #999999;
	font-weight: bold;
}
#breadcrumb a:hover, #breadcrumb a:active {
	text-decoration:underline;
}
#contentcontainer {
	width:695px;
	background:#ffffff;
	color: #333333;
	text-align:left;
	float:right;
}
#content {
	padding:10px 25px 10px 25px;
	background-color: #FFFFFF;
	background-image: url(img/17er_logo_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}
/********************************************************/
/* Styles für die Footer - Section im Content welche    */
/* den "TO TOP", "LAST UPDATE" und "PRINT" enthält      */
/********************************************************/
#totop {
	width:670px;
	background:#ffffff;
	color: #999999;
	text-align:right;
	padding: 10px 25px 5px 0;
	font-size: 10px;
	float:right;	
}
#update_print_section {
	width:670px;
	float:right;
	background:#ffffff;
	color: #999999;
	font-size: 10px;
}
#print {
	width:150px;
	float:left;
	color: #333333;
	text-align: left;
}
#print a:link, #print a:visited {
	color: #999999;
	font-weight: normal;
	text-decoration: none;
	}

#print a:hover, #print a:active {
	text-decoration:underline;
	}
	
#last_update {
	background:#ffffff;
	color: #999999;
	text-align:right;
	padding: 5px 25px 5px 0;
	float:right;	
}
/********************************************************/
/* Footer Section (META Menu und Fusszeile              */
/********************************************************/
#footer1 {
	padding:8px 0 8px 0;
	text-align:center;
	background:#CCCCCC;
	color: #333333;
	font-size: 12px;
	border-top: 1px solid #000000;
	float:clear;
}
#footer1 a:link, #footer1 a:visited {
	color: #000099;
	font-weight: bold;
}
#footer1 a:hover, #footer1 a:active {
	text-decoration:underline;
}
#footer2 {
	text-align:center;
	background:url(img/header_wolken900x30.jpg);
	color: #000099;
	border-top:1px solid #000000;
	padding:8px 0 8px 0;
	font-size: 10px;
}
#footer2 a:link, #footer2 a:visited {
	color: #000099;
	font-weight: bold;
}
#footer2 a:hover, #footer2 a:active {
	text-decoration:underline;
}
/********************************************************/
/* Main Template Styles Ende                            */
/********************************************************/

/********************************************************/
/* Diverse Styles für Bereiche innerhalb der Seite      */
/* 1) tt_links formatierung                             */
/********************************************************/
TD.tt_links_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
	background-color: #CCCCCC;
	line-height: 20px;
	padding-left:15px;
}
TD.tt_links_description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 65px;
}
TD.tt_links_image {
	padding:5px 0 5px 0;
}
TD.tt_links_url {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 22px;
}
/********************************************************/
/* 2) Sitemap formatierung                              */
/********************************************************/
.sitemap1 {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #000099;
	font-weight : bold;
	padding: 3px 0 3px 15px;
	background-color: #CCCCCC;
	line-height: 16px;
}
.sitemap2 {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #666666;
	padding: 5px 0 5px 40px;
}
.sitemap3 {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #666666;
	padding: 2px 0 2px 70px;
}
.sitemap4 {
	font-family : Verdana, sans-serif;
	font-size : 9px;
	color : #666666;
	margin-left : 85px;
}
/********************************************************/
/* 3) tt_news formatierung                              */
/********************************************************/
.tt_news_globalwrap1 {
	font-size: 12px;
	color: #333333;
}
.tt_news_globalwrap2 {
	font-size: 10px;
	color: #333333;
}
.tt_news_single_topline {
	color: #000099;
	text-indent: 15px;
	padding: 5px 0 5px 0;
}
.tt_news_latest {
	border-bottom: 1px solid #333333;
	padding: 0 0 10px 0;
}
.tt_news_latest_image {
	border-bottom: 1px solid #333333;
	padding: 0 0 10px 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #333333;
}
/********************************************************/
/* 4A) Formatierung der Caption (=Text) zu einem Bild   */
/********************************************************/
.imagecaption {
	font-size: 10px;
	color: #000099;
	text-align: center;
}
/********************************************************/
/* 4B) Formatierung von Filelinks innerhalb der Seite   */
/********************************************************/
.filelinks {
	font-size: 12px;
	color: #333333;
	font-weight:normal;
}
.filelinks a:link, .filelinks a:visited {
	color: #333333;
	font-weight: normal;
}
.filelinks a:hover, .filelinks a:active {
	color: #990000;
	text-decoration:underline;
}
/********************************************************/
/* 5) Styles für das Login-Form. Im Moment noch nicht   */
/* in Gebrauch                                          */
/********************************************************/
#box-logout {}
#box-login {}
.loginform {}
.logincaption {}
.menu-inputfields
#box-search {}
.searchform {}
.menu-searchfields {}
/********************************************************/
/* 6) Extension "Indexed Search" formatierung           */
/********************************************************/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:150px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:15px; margin-bottom:15px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-size:12px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-size:9px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#CCCCCC; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	background-color: #FFFFFF;
	line-height: normal;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead a:link, .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead a:visited {
	color: #000099;
	text-decoration: none;
	font-weight: bold;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead a:hover, .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead a:active {
	color: #000099;
	text-decoration: underline;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead h2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color: #999999;
	text-indent: 15px;
	margin:30px 0 30px 0;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#999999; color:#333333 }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:absmiddle; }
/********************************************************/
/* 7) Extension "ve_guestbook" formatierung             */
/********************************************************/
.tx-guestbook-list-header {
	background-color: #CCCCCC;
	color: #000099;
	font-weight:bold;
	font-size: 12px;
	border-bottom:1px solid #000000;
}
.tx-guestbook-list-row {
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding:10px 0 10px 0;
}
.tx-guestbook-list-rowleft {
	background-color: #EEEEEE;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	border-right:1px solid #666666;
}
.tx-guestbook-list-entrycomment-title {font-weight: bold; }
.tx-guestbook-list-entrycomment { font-style: italic; }
.tx-guestbook-list-small {
	font-size: 10px;
	color: #333333;
	font-weight: normal;
}
.tx-veguestbook-pi1-browsebox TD { font-size: 9px; color: #333333; }
.tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
.tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }
.tx-guestbook-latest-header { background-color: #539521; color: #FFFFFF; font-weight:bold; }
.tx-guestbook-latest-row { background-color: #FFFFFF; }
.tx-guestbook-latest-small { font-size: 9px; color: #666666; }
.tx-guestbook-form-inputfield-med {
	font-size:12;
	color:#333333;
	height:20;
	border: 1pt solid #333333;
}
.tx-guestbook-form-inputfield-big {
	font-size:12;
	color:#333333;
	height:20;
	border: 1pt solid #333333;
}
.tx-guestbook-form-textarea {
	font-size:12;
	color:#333333;
	border: 1pt solid #333333;
}
.tx-guestbook-form-obligationfield { color: #CC0000; }
.tx-guestbook-form-error { color: #CC0000; }
.tx-guestbook-form-table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}
.tx-srfreecap-pi2-cant-read {
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;	
}
/********************************************************/
/* 8) Styles für das Submenu auf der linken Seite       */
/********************************************************/
/* 1) SUB_MENU 1, level 1, normal state (NO) ************/
.menu1-level1-no {
	margin:7px 0 7px 0;
	font-weight:normal;
	font-size: 12px;
	padding:6px 0 6px 0;
	border-top:2px groove #cccccc;
	border-bottom:2px groove #cccccc;
}
/********************************************************/
/* SUB_MENU 1, level 1, active state (ACT) **************/
.menu1-level1-act {
	margin:7px 0 0 0;
	font-weight:bold;
	font-size: 12px;
	padding:6px 0 6px 0;
	border-top:2px groove #cccccc;
	color: #990000;
}
.menu1-level1-act A {
	color:#990000;
}
/********************************************************/
/* SUB_MENU 1, level 2, normal state (NO) ***************/
.menu1-level2-no {
  	font-size: 11px;
	font-weight:normal;
	padding:2px 0 2px 10px;
}
/********************************************************/
/* SUB_MENU 1, level 2, active state (ACT) **************/
.menu1-level2-act {
	font-size: 11px;
	font-weight:bold;
	padding:2px 0 2px 10px;
	color: #990000;
}
.menu1-level2-act A {
 	color:#990000;
}
/********************************************************/
/* 9) Formatierung der verschiedenen Labels in den Mail */
/* Formularen                                           */
/********************************************************/
.mailformfieldlabel {
	font-size: 12px;
	font-style: normal;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-weight: normal;
} 
.formular_zwischenzeile {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
/********************************************************/
/* Definiert, dass das ein LABEL Feld im Formular       */
/* mit ROT etc. dargestellt wird                        */
/********************************************************/
.mailformfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #990000;
}
/********************************************************/
/* Definiert die Klasse der Submitboxes in Formularen.  */
/* Wird später im Setup-Feld mit TS per..               */
/* <tt_content.mailform.20.params.submit = class="but-  */
/* ton"> angesprochen!                                  */
/********************************************************/
.button {
	color : #333333;
	background-color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	text-decoration: none;
	text-align: center;
	margin: 3px;
	border-top: 2px outset #CCCCCC;
	border-right: 2px outset #666666;
	border-bottom: 2px outset #666666;
	border-left: 2px outset #CCCCCC;
}
/********************************************************/
/* 10) Standart Formatierung für ...                    */
/* SELECT, TEXTAREA und INPUT                           */
/* Sieht dann immer gleich aus!                         */
/********************************************************/
SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
}
TEXTAREA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
} 
INPUT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
}