html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
.image-with-text > ol > li{
margin-left:2.5em;
pad ding-left:1em;
list-style-type:decimal;
font-size:105%;
line-height:135%;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img, img a { border: none; }

html {
	width:100%;
	background:#6A7CA8;
	/* min-width:50em;*//*poor Internet Explorer */
	height:100%;
	overflow-y:scroll;
  /*background: url(/_pics/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}




body, html {
	text-align: left;
	font-family:Helvetica, Arial,"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",sans-serif;
	line-height: 1;
  line-height: 135%;
	color: #333;
}
body {font-size:62.5%;}
html {font-size: 16px;background:#6A7CA8;}
div {font-size: 100.01%;}



a {
	color:#515637;
}
a:hover {
	color:#515637;
	background:none;
	text-decoration:underline;
}
h1, h2, h3 {
	margin:1em 0 0em 0;
	padding:0;
}
h2, h3 {
	margin:.5em 0 .8em 0;
	padding:0;
}
p {
	margin:.7em 0 .8em 0;
	padding:0;
line-height:1.7em;
}
img {
	margin:0;
padding:0;
}
#ads img {
	display:block;
	padding-top:10px;
}
#wrapper {border:.1em solid #222;
max-width:85.4em;
margin:0 auto;
-moz-border-radius:0em 0em 1em 1em;
border-radius:0em 0em 3em 3em / 0em 0em 1em 1em;
overflow:hidden;
margin-bottom:2em;
    box-shadow: 0 .3em .3em #222;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	background:#3D3935;
}
#header {
position:relative;
	border-bottom:0px solid #aaa;
/*height:19em;
background: #fff url(/_pics/emotionheader_01.jpg) 50% 50% no-repeat;*/
width:100%;
background: #eee;

}

#logo{
position:relative;
height:13em;
width:100%;
margin:1em auto;
background:#eee;
/*right:2em;
bottom:0em;
z-index:100000;*/
/*background: #eee url(/_pics/basics/logo-isg-shagya-araber.png) 20px 50% no-repeat;*/
border-radius:1em;
}
/*
#logo{
position:absolute;
height:11.5em;
width:11.5em;
right:2em;
bottom:0em;
z-index:100000;

}
*/
#logolink{
width:50%;
height:100%;
margin:0 auto;
background: transparent url(/_pics/basics/logo-isg-shagya-araber.png) 20px 50% no-repeat;

}

a.logolink{
float:left;
width:100%;
height:100%;

}

#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#252F47;
	border-top:4px solid #000;
	margin:0;
	padding:.3em 1em !important;
	text-align:right;
height:2.5em;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */

z-index:3;
    box-shadow: 0 .3em .3em #222;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;height:;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 5em 0;
	overflow:hidden;
}
/* 2 Column (right menu) settings */
.rightmenu {
	background:#fff;		/* right column background colour */
padding-top:2.3em;
}
.rightmenu .colleft {
	right:40%;			/* right column width */
	background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
	width:56.5%;			/* left column content width (left column width minus left and right padding) */
	left:42%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:36.5%;			/* right column content width (right column width minus left and right padding) */
	left:45%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

.image-with-text > div.imgtxt-left > div.image_td > img.image_img{
margin:1em .5em;
border:1px solid #ddd;
padding:3px;
}


/* MEDIA SCREEN 2 Column (right menu) settings */
@media (max-width: 820px){
#wrapper {width:100%;border:none;-moz-border-radius:0em 0em 0em 0em !important;
border-radius:0em 0em 0em 0em / 0em 0em 0em 0em !important;margin-bottom:0;}
.colmask{clear:both;position:static;}
.rightmenu {
width:100%;
background:#ccc;
/*padding-top:2.3em;*/
clear:both;

}
.colleft {
width:100%;
clear:both;
position:static;
padding:.5em .5em .5em 0em;
}
.rightmenu .colleft .col1 {
width:95%;
float:left;
left:0;
padding:.5em .5em .5em .5em;
}
.rightmenu .colleft .col2 {
width:95%;
float:left;
left:0;
padding:.5em .5em .5em .5em;
}
}





/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	/*border-bottom:1px solid #000;*/
height:auto;
background:#252F47;
}
/*#footer p {padding:10px;margin:0;}*/


/******** 5 footer colums ********/

#colcontainer{clear:both;background:#222;}
#colcontainer #bcol1{/*background:#222;*/min-height:5em;width:40%;float:left;}
#colcontainer #bcol2{/*background:#444;*/min-height:5em;width:20%;float:left;}
#colcontainer #bcol3{/*background:#666;*/min-height:5em;width:20%;float:left;}
#colcontainer #bcol4{/*background:#888;*/min-height:5em;width:46%;float:left;padding:2%;}
#colcontainer #bcol5{/*background:#aaa;*/min-height:5em;width:46%;float:left;padding:2%;}
#colcontainer #bcol4 p,
#colcontainer #bcol5 p,
#colcontainer #bcol4 strong,
#colcontainer #bcol5 strong,
#colcontainer #bcol4 h2,
#colcontainer #bcol5 h2,
#colcontainer #bcol4 h3,
#colcontainer #bcol5 h3,
#colcontainer #bcol4 a,
#colcontainer #bcol5 a
{color:#fff;font-size:110%}
.news{border-width:0px;}


div#footer > div#colcontainer div.news a,
div#footer > div#colcontainer div.news p{
color:#888;
}
/*###########################*/
@media (max-width: 820px){
#colcontainer #bcol1{width:100%;padding:.5em;}
#colcontainer #bcol2{width:100%;border-top:2px dashed #666;padding:.5em;}
#colcontainer #bcol3{width:100%;border-top:2px dashed #666;padding:.5em;}
#colcontainer #bcol4{width:100%;border-top:2px dashed #666;padding:.5em;}
#colcontainer #bcol5{width:100%;border-top:2px dashed #666;padding:.5em;}
}



form, div, p, h1, h2, h3, h4, h5, h6 {
	/*margin: 0;
	padding: 0;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
h1{
color:#888;
font-weight:bold;
font-size:2.6em;
line-height:100%;
}
h2{
color:#af0000;
color:#6C2B19;
font-size:1.8em;
font-weight:bold;
line-height:100%;
}
h3{
color:#aaa;
font-size:1.5em;
font-weight:bold;
line-height:100%;
border-bottom:.1em dashed #aaa;
}
h4{
color:#909090;
font-size:1.3em;
font-weight:bold;
line-height:100%;
}
p{
font-size:1.3em;
color:#000

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

.listEntry {
	margin-bottom: 10px;
}
.col1 ul li{
font-size:1.3em;
line-height:1.3em;
	list-style: none;
padding-left:1em;
  font-style:italic;
}
/*a, a:link, a:visited, a:active, a:focus {
	color: ##FF3300;
	text-decoration: none
}
a:hover {
	color: #FF3300;
	text-decoration: underline;
}*/
form table{width:95%;}
.contactform{margin-left:0em;bord er:.1em solid #888;padding:.5em;
-moz-border-radius:.5em;
border-rad ius:.3em;
}
.contactform input, .contactform textarea{
position:relative;
background-color:#f4f4f4;
border:.1em solid #ddd;
width:99%;
margin-bottom:1em;
/*-moz-border-radius:.5em;
border-radius:.3em;*/
}
.contactform .form-label{
position:relative;
width:auto;

}
.contactform #submitIt{
margin-top:2em;
background-color:#ddd;
-moz-border-radius:.5em;
border-radius:.3em;
}
tr.form-type-mathspam.required > td.form-field{
-moz-border-radius:.3em;
border-radius:.3em;
padding:.5em;
/*border:.1em solid #888;*/
background:#eee;
/*width:90%;*/
}

#breadcrumb{
position:absolute;
margin-left:6em;
top:1.5em;
z-index:100;
height:2em;
max-width:100%;

}
#breadcrumb a{
position:relative;
color:#666;
text-decoration:none;
z-index:100;
}
#breadcrumb a:hover{
color:#333;
background:none;
}
#breadcrumb a.active{
color:#aaa;
}
#breadcrumb a.active:hover{
color:#666;
background:none;

}
.image-with-text p strong{
font-weight:bold;
}
.news p strong{
font-weight:bold;
}
p strong{font-weight:bold;color:#444}
.articleText {
	margin-bottom: 3px;
	text-align: justify;
}

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



.articleSummary,.articleSummary p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	/*font-size: 11px;*/
	color: #666;
	line-height: 135%;
	font-weight:bold;
}

.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
}
.nav_table a:hover {
	text-decoration: underline;
}

.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: bold;
	text-decoration: none;
}


.imgtxt-top-left,
.imgtxt-bottom-left {
    position: relative;
    margin: 1em 0;
    clear: both;
}
.imgtxt-top-right,
.imgtxt-bottom-right {
    position: relative;
    float: right;
    margin: 1em 0;
    clear: both;
}
.imgtxt-top-center,
.imgtxt-bottom-center {
    position: relative;
    margin: 1em auto;
    clear: both;
}
.imgtxt-left {
    position: relative;
    float: left;
    margin: 0 1em 1em 0;
}
.imgtxt-right {
    position: relative;
    float: right;
    margin: 0 0 1em 1em;
}
.imgtxt-column-left {
    position: relative;
    clear: both;
    width: 100%;
}
.imgtxt-column-left .imgtxt-column-left-text {
    position: relative;
    float: left;
    margin: 0 1% 1% 0;
    width: 75%;
}
.imgtxt-column-left .imgtxt-column-left-image img{
    position: relative;
    float: left;
    margin: 0 1% 1% 0em;
    width: 20%;/**/height:auto;
padding: 1%;
border: .1em solid #bbb;
}
div#accordion_20.accordion-container div.image_td > img.image_img,
#st-accordion_20 .imgtxt-column-left .imgtxt-column-left-image .image_td img{
border:none;
}
.imgtxt-column-right {
    position: relative;
    clear: both;
    width: 100%;
}
.imgtxt-column-right .imgtxt-column-right-text {
    position: relative;
    float: right;
    margin: 0 0 1em 1em;
    width: 55%;
}
.imgtxt-column-right .imgtxt-column-right-image img{
    position: relative;
    float: right;
    margin: 0 0em 1em 1em;
    /*width: 40%;*/
padding: .2em;
border: .1em solid #bbb;
}
#accordion_20.imgtxt-column-right .imgtxt-column-right-image .image_td img{
border:none
}
.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;
}


.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;
}

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

div.cpPagination {
	margin: 10px 0 10px 0;
	text-align: right;
}
a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
	padding: 0px 3px 1px 3px;
	background-color: #FFFFFF;
	color: #BBBBBB;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #CBCBCB;
}
a.cpPaginateActive {
	background-color: #CBCBCB;
	color: #FFFFFF;
	border: 1px inset #CBCBCB;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
	background-color: #DDDDDD;
	color: #666666;
	border: 1px inset #CBCBCB;
}


.news-img{
float:left;
padding: .5em;
border:#888 solid .1em;
background:#f4f4f4;
margin: 0 1em 1em 0;
}
.news-files{
border:1% dotted #ddd;
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
background:#f4f4f4;
padding:0 2%;
clear:both;
  width:94%;
}
.news .news-files div{
border:0em solid #222;
}
.news-files h2{
padding:0;
margin:0;
border:none;
}
.news-files img{
float:left;
padding:0;
margin: 0 .5em .5em 0;
border:none;
}
.newsEntry{
border:0em dashed #ddd;
margin:2em 0 2em 0;
padding:1%;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
}
.news-pagination{margin:0 .5em;}

.fileEntry img{
float:left;
margin:0 1em .5em 0;
}



/* clearing */
.clear {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1px;
}
.clearfix:after {
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	content: ".";
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	display: inline;
}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE Mac */
/* end clearing */

/* accessibility */
span.accesskey {
	text-decoration: none;
}
.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}
/* end accessibility */
.spaceBeforeCP {clear: both; }
.spaceAfterCP {clear: both; }
div.search_form_isg {float:left;}
div.search_form_isg input#search_input_field {border: 1px solid #aaa}
td.formSearch input#search_input_field {padding:1px;margin-top:2px;float:left;background:#fff;}
.col1 td.formSearch input#search_input_field {padding:1px;margin-top:.5em;float:left;background:#eee;border:1px solid #888}
.search-result-item{clear:both;margin-top:2em;}
div.search-nextprev{clear:both;}
div.search_form {
  display: none;
}

#print{float:right;margin-left:2em;}

ul.sitemap-level1{}
ul.sitemap-level1 li {font-size:1.3em;font-weight:bold;font-style:normal;}
ul.sitemap-level1 li a{color:#444}
ul.sitemap-level1 li ul.sitemap-article1 li{font-size:1em;font-weight:normal;font-style:italic;}
ul.sitemap-level1 li ul.sitemap-level2 li {font-size:1em;font-weight:bold;}
ul.sitemap-level1 li ul.sitemap-level2 li a{color:#888;}


@media (max-width: 820px){
body {/*font-size:62.5%;*/}
html {/*font-size: 13px;*/background:#a6a29f;}
#layoutdims{height:3em;}
#logo{
height:5em;
width:5em;
right:2em;
top:1em;
background: transparent url(/_pics/basics/logo-isg-shagya-araber.png) -170px 50% no-repeat;
}

div {/*font-size: 100.01%;*/}
img, div img,.image_td{/*height:50%;max-width:50%;*/}
#header{/*max-height:6em;*/margin-top:0em;border-bottom:2px solid #fff;border-top:1px solid #fff;}
.news-img{max-height:50%;max-width:50%;}
div#accordion_20 img{max-height:50%;max-width:50%;}
#sitemap img,#print img{max-width:100%;max-height:100%;}
.GM_DivContainer {max-width:50%;max-height:50%;}
.nlu_navi1{font-size:1.1em;}
div.colmask.rightmenu{margin:0;padding:0;background:none;}
}

#country{float:right;margin-left:2.5em}
div.feLoginForm > form#feLoginForm > p.field > label{position:relative;width:25%;float:left;}

}