html { min-height: 100.01%; }

body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: #FFFFFF;
	background-image:url(../img/visuals/bg.gif);
	margin: 10px 0 0 0;
}
hr {
	height:0;
	border:0;
	border-bottom:1px solid #FFFFFF;
	clear:both;
}
.details_output {
 	background: #fcfcfc;
}
.tablerow{
	vertical-align:top;
}
.table_alternate {
 	background: #fcfcfc;
}
form, div {
	margin: 0;
	padding: 0;
}
p {
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	line-height: 1.5em;
	padding: 0;
}
h1 {
	font-size: 12px;
    letter-spacing: 1px;
	background-color: #8DA5C6;
	color: #FFF;
	margin:0 0 10px 0;
	padding:3px 0 3px 10px;
}
h2 {
	font-size: 12px;
	color: #003366;
	margin:0 0 5px 0;
	padding:13px 0 3px 10px;
}
h3, h4, h5, h6 {
	font-size: 11px;
	color: #000;
	margin:10px 0 5px 0;
	padding:5px 10px 5px 10px;
}

td, th, p, div, span {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px
}

/* lists (.linklist) */
ul.linklist {
    margin: 10px 0 10px 10px;
    padding: 0;
}

ul.linklist li {
    list-style-type: none;
    background-image: url(../img/visuals/list-marker.gif);
    background-repeat: no-repeat;
    background-position: 0 4px;
    margin: 0;
    padding: 0 0 0 20px;
    line-height: 1.5em;
}
ul.start {
    margin: 10px 0 10px 10px;
    padding: 0;
}

ul.start li {
    list-style-type: none;
    background-image: url(../img/visuals/list-marker.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0;
    padding: 0 0 0 20px;
    line-height: 1.5em;
}

.listEntry {
	margin-bottom: 10px;
}

a, a:link, a:active, a:focus {
	color: #000000;
	text-decoration: underline
}
a:visited { color: #999;}
a:hover {
	color: #888;
	text-decoration: underline;
}
.articleText { 
	margin-bottom: 3px;
}

.articleCode {
	margin-bottom: 3px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}

.articleSummary {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 135%;
}

.articleList_toptext {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}

.articleList_listhead {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* form elements */
input {
    padding: 2px;
}

input[type="text"], input[type="password"] {
    border: 1px solid #CCC; /* no influence in ie6 (and I couldn't care less...)*/
}

input#page {
    text-align: right;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

form img.inactive {
    opacity: 0.2;
}

table.form-membership {
    border-collapse: collapse;
    width: 100%;
}

table.form-membership td {
    padding: 5px;
    border-bottom: 1px solid #CCC;
    vertical-align: top;
}

table.form-membership td.formField input{
    font-size: 11px;
}

/* CSS for the top level list */
ul.list_top, ul.list_level {
	padding: 3px 0;
	margin: 0;
	border-bottom: 1px solid #5E747F;
	font: bold 12px Verdana, sans-serif;
}
ul.list_top li, ul.list_level li {
	list-style: none;
	margin: 0;
	display: inline;
	padding: 0;
}
ul.list_top li a, ul.list_level li a {
	padding: 3px 0.5em;
	margin: 0px;
	border: 1px solid #778;
	border-bottom: none;
	background: #D7DEE5;
	text-decoration: none;
}
ul.list_top li a:link, ul.list_level li a:link { color: #5E747F; }
ul.list_top li a:visited, ul.list_level li a:visited { color: #5E747F; }
ul.list_top li a:hover, ul.list_level li a:hover {
	color: Black;
	background: #92A1AF;;
	border-color: #227;
}
ul.list_top li.active a, ul.list_level li.active a {
	background: white;
	border-bottom: 1px solid white;
}

.nav_row, .nav_row a, .nav_row a:link, .nav_row a:active, .nav_row a:visited, .nav_row a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding:5px 5px 5px 5px;
}
.nav_row a:hover {
	color: #003366;
}
.nav_row1, .nav_row1 a, .nav_row1 a:link, .nav_row1 a:active, .nav_row1 a:visited, .nav_row1 a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding:5px 25px 5px 5px;
}
.nav_row1 a:hover {
	color: #003366;
}


.nav_row_active, .nav_row_active a, .nav_row_active a:link, .nav_row_active a:active, .nav_row_active a:visited, .nav_row_active a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	padding:5px 5px 5px 5px;
	background-color: #A9B1BB;
}

/** 
 * Sample CSS for DIV pagelayout 
 */
 
#container {
	width: 1000px;
	\width: 1000px;
	w\idth: 1000px;
    margin: 10px auto;
    background-color: #E4E8EC;
}

#headerBlock {
	padding: 0px;
	margin: 0px;
	height:146px;
	background-color: #E4E8EC;
	background-image:url(../img/visuals/logo_svomp.jpg);
}
#headerBlock_logo {
	height:121px;
}
#headerBlock_menu1 {
	width: 169px;
	\width: 169px;
	w\idth: 169px;
	text-align:left;
	padding: 4px 10px 6px 15px;
	/*border-right:solid 1px #FFFFFF;*/
	height:15px;
}

/* list version (replaces #headerBlock_menu2) */
ul#headerBlock_menu2-list {
    margin: 0;
    padding: 0;
}

ul#headerBlock_menu2-list li {
    padding: 0;
    margin: 0;
    display: inline;
    line-height: inherit;
    list-style-type: none;
}

ul#headerBlock_menu2-list a {
    display: block;
    float: left;
    padding: 6px 8px;
    border-left: 1px solid #FFF;
    color: #FFF;
    font-weight: bold;
}

ul#headerBlock_menu2-list a:link,
ul#headerBlock_menu2-list a:visited {
    text-decoration: none;
}

ul#headerBlock_menu2-list a:hover,
ul#headerBlock_menu2-list li.active a {
    background-color: #B3BAC3; 
    color: #00336F;
}


#headerBlock_menu3 {
	width: 193px;
	\width: 193px;
	w\idth: 193px;
	text-align:left;
	padding:5px 10px 5px 10px;
	border-left: 1px solid #FFF;
	height: 20px;
}

#mainBlock {
}
#mainBlockm {
	background-image:url(../img/visuals/bg_content_main.gif)
}
#introtopBlock {
	width: 1000px;
	\width: 1000px;
	w\idth: 1000px;
	height:25px;
	background-image:url(../img/visuals/bg_content.gif)
}
#maintopBlock {
	width: 1000px;
	\width: 1000px;
	w\idth: 1000px;
	height:25px;
	background-image:url(../img/visuals/bg_content_main.gif)
}

#introcontentBlock {
	background-image:url(../img/visuals/bg_content.gif);
	padding-bottom:10px;
}
#maincontentBlock {
	background-image:url(../img/visuals/bg_content_main.gif);
	padding-bottom:10px;
}
#leftBlock_spalte1 {
	width: 15px;
	\width: 15px;
	w\idth: 15px;
}

#leftBlock_spalte2 {
	width: 476px;
	\width: 476px;
	w\idth: 476px;
	text-align:left;
}

#rightBlock_spalte1 {
	width: 294px;
	\width: 294px;
	w\idth: 294px;
	text-align:left;
	padding: 0 1px 0 1px;
}

#rightBlock_spalte2 {
	width: 213px;
	\width: 213px;
	w\idth: 213px;
	text-align:left;
}

#menuBlock {
	width: 175px;
	\width: 175px;
	w\idth: 175px;
	text-align:left;
	padding: 0 10px 10px 10px;
	min-height: 400px;
}
#mainrightBlock {
	width: 805px;
	\width: 805px;
	w\idth: 805px;
}
#mainrightBlock_spalte1 {
	width: 590px;
	\width: 590px;
	w\idth: 590px;
	text-align:left;
	padding: 0 1px 0 1px;
}
#mainrightBlock_spalte2 {
	width: 213px;
	\width: 213px;
	w\idth: 213px;
	text-align:left;
}

#footerBlock {
	clear:both;
	width: 961px;
	\width: 961px;
	w\idth: 961px;
	float: left;
	padding: 13px 13px 13px 25px;
	background-color: #E4E8EC;
	text-align:left;
	border-top:solid 1px #FFFFFF;
	color: #666; /* the separators "|" are in the template */
}

#footerBlock a:link, #footerBlock a:visited {
    color: #666;
    font-size: 10px;
    text-decoration: none;
}
#footerBlock a:hover, #footerBlock a:active {
    color: #003366;
    font-size: 10px;
    text-decoration: none;
}


.imgDIVinTextLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
}
.imgDIVinTextRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;
} 
.imgDIVtopLeft { 
	margin:8px 10px 5px 20px; 
	padding:0px; 
	border:0; 
} 
.imgDIVtopCenter { 
	margin:8px -50% 5px -50%; 
	padding:0px; 
	border:0; 
}

.imgDIVblockImgLeft { 
	margin-right: 10px;
}
.imgDIVblockImgRight {
	margin-left: 10px; 
} 

.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}
.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}


.phpwcmsSearchResult {
	margin: 15px 0 15px 0;
}
.phpwcmsSearchResult h3 {
	margin: 10px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
}
.phpwcmsSearchResult p {
	margin: 0;
}
.phpwcmsSearchResult em.highlight, em.highlight {
	background-color: #FFFF00;
	font-style:inherit;
}


#VisualModeIndicator {
	position:absolute;
	left:5px;
	bottom:5px;
	padding:5px;
	z-index:10000;
	background-color:#FF3300;
	color:#FFFFFF;
	border:1px solid #000000;
}

.phpwcmsArticleListEntry {
	clear: both;
}
.phpwcmsArticleListImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
}
.phpwcmsArticleListImageCaption {
	padding-top: 5px;
}

div.cpPagination {
    position: relative;
	margin: -40px 0 20px 0;
	padding: 3px 0;
	text-align: right;
}

a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
	padding: 0px 4px 1px 1px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}
a.cpPaginateActive {
	color: #FFFFFF;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
	color: #FFFFFF;
}

.formLabel, .formLabelRequired	{ 
	vertical-align:baseline;
 	font-size: 11px; 
	width:150px;
	}
.formField	{ 
 	font-size: 11px; 
	}
.feLogin, .fePassword{
width:100px;}
/* table for contacts page */
table.contacts {
	border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}

table.contacts col.col1 { width: 50%; }

table.contacts td {
    padding: 10px;
    border-bottom: 1px solid #CCC;
}

table.form-membership td {
    padding: 5px;
    border-bottom: 1px solid #CCC;
    vertical-align: bottom;
} 


/* special stuff */
/*****************/

/* homepage, slider */

.slider {
    cursor: pointer;
}

/* no effect for ie 6 */
.slider:hover {
    color: #05336E;
}