html, body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color:#000;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;
}

@media handheld, only screen and (max-width: 1024px)
{

}

H1 {
    font-size: 120%;
    font-weight: bold;
}

H2 {
    font-size: 110%;
    font-weight: bold;
}

H3 {
    font-size: 100%;
    font-weight: bold;
}

H4 {
    font-size: 100%;
    font-weight: bold;
}

.swiper-showcase{
    width: 100%;
    height: 50%;
}

.swiper-showcase .swiper-slide {
    background-position: center;
    background-size: cover;
    max-width: 320px;
    height: 200px;
}

.legend {
    margin-top:5px;
    height: 3.5em;
    text-align: center;
}

#showcase_legend {
    color: #444444;
    width: 90%;
    height: 40px;
    font-size: 90%;
}

.swiper-main {
    margin-left: auto;
    margin-right: auto;
}

.swiper-main .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.main {
    position: relative;
    display: inline-block;
    width: 100%;
}

#toplinks
{
    position:absolute;
    top: 4px;
    right: 4px;
    text-align:right;
    background-color: #F0F0F0;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
}
#toplinks ul { margin: 0; padding: 5px; }
#toplinks li { list-style-type: none; }

.top { font-family: Droid Serif; text-align: center; font-size: 1em; }
.top P { margin: 0; padding: 0; }
.logo { text-align: center; width: 120px; margin:0 auto; background:url("../img/logo120.png") center no-repeat; padding-top:4px; padding-bottom:40px; }
.swiper-slide .strip { }
.swiper-slide .explanation { text-align: center; font-size: 100%; padding-bottom: 28px;}
.swiper-slide .explanation IMG { width:90%; background-color: #00FF88; }

a:link {
	color: #808080; /*B3B3B3*/
	text-decoration: none;
}
a:visited {
	color:#808080;
	text-decoration:none;
}
a:hover {
	color:#002B17;
	text-decoration:underline;
}
a:active {
	color:#CCCCCC;
	text-decoration:none;
}

.foldable {
	display: none;
}

a.foldable_trigger
{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wKGAsHIXlIeF0AAAC5SURBVCjP5dIxakJREIXhz+AGElLYKJgFpE6RJp1NKns3YDVFCGQDKacU3EC6bMFGyB40aGGhlS7AwjTvweMiSMqQac7cO/NzLpzL/6tW3UTEM6boZeaxXIyILha4z8wlXDXmb/g4B0JmbjDHS33XhB8wu/DSGYYR0SphWF+AV7hB5xz8q2oX535EfOMWB1w3dIs77LErnb/whAE2GBXar+afmXkqnd+rqF4zs45wUmsV1SPGf/x7/gDUhy0pojXj4wAAAABJRU5ErkJggg==) center right no-repeat;
	padding-right: 15px;
}

a.icon_clear
{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4QkJEg0zdAgnOQAAApxJREFUOMt9kzFL42AYx/9PokVMEwSbwW62IDFFa3Axu+NBoSAIOTjcD/wWiqNYcHF0ig53g5N+AcFWm3pq3YQjiSQpB43Q0DbvDdqc1fae8X3z/Pg/+b0PYUzt7+8bruseN5tN9HpdMIaxRUTI5/PQdf2IRn2wt7dn3N/fVxzHmeE4DnEcJ43sjUz0uVVRFPAfDw8ODkr1et10XXdKkiToug5BEOD7/hCMMQZVVaGqKoIgQBRFaLVaw8CdnZ1vt7e3R67rpogIa2trKJVKKBQKCIIggfI8j2KxCMMwUCgU0G638fT0BMYYuPfJHh8fK47jpAcJPM9DFEVIp9PY2NjA8vIyAIalpSWUy2UIgoB+vw/P85JQPADs7u4almWZg2SD0XzfRxAEyOfzEEURiqJAlmWsr69DFEW0222YpolGw0qk8YeHh4ZlWRXHcaY+/nTGWAJVVRXT09PIZrNIpVKIogimacKyrEQaAHCTk5PHruvMjIIBQL/fx/X1NWq1GuI4BsdxICJUq1XUajX0er0h61y32/06N5f9MwpGROB5HpqmYWVlBUQEIkIcx9A0DZqmYWJiYqiHPzs7a2xubv7udDrll5eXTymLxSLK5TJEUUQURbi8vIQsyxAEAfPz82i1WnAcZ1jKxcVFY2tr6yYMwy9hGKbevzPDMCBJUiLg/Pwcvu8jl8tBkiQsLi7Ctm34vv868oC8vb39c2Fh4Xs2mw0ZYyAiZDKZRMDp6Snq9ToYY2g0Gjg5OUGn0wHP85idnf23hqM25erq6sfz8zPS6TRWV1fheR7u7n4lT+P9BLKcQbVaQxiGr8LG7fLDw0PFtu0ZjiMwBoyTBrzeEREURRkNfEtq2LZ93Gw20e128b/iOA65XA66rh/9BYpBac9QsmoiAAAAAElFTkSuQmCC) center right no-repeat;
	padding-right: 20px;
}

a.icon_tags
{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACfklEQVQokX2TQUgicRTGP8chc7KI0EOXMBrwEORlQYrwFFhgFFjQIexWEHSoLG2YkFwqOuTevOyxSxDBMo7gQYtwWFAwiAhn23DzoBKbEKaWzNC/00q72b7be7wffN/Hexr8p5LJpDUSicTy+byRoqjGXFVVDAwMQPMRGI1G+6PRqKjT6cxTU1N4fn5GvV5He3s7stksTk9PoW0GJhIJazgcFmiaNvM8D5PJhP39fUiSBKPRCJZlcXl5CepfUJIky9HRUaytrc28ubkJhmGQTqehKAo8Hg8EQcDj4yMA/A1LkmQ5Pj4WW1pajG63G8FgENVqFT09PchkMgiFQujq6oJOp3svdWlp6ffa2hrJZDLE5XKRdDpNFEUhqqqSbDZLzs7OSKVSIalUiiwsLBANAAiC0B+Px8WOjg7z7OwsOI7D4uIi7Hb7uzxqtRq2t7fBMMw9lUgkrLFYTGxtbTVPT09jfX0dHMehUCjg5uYGuVwOBwcH0Gg0qNVqCAQCUBTldmxsbISKx+Oxer1u5jgOh4eHWFlZwcnJCWRZhqqq8Pv96Ovrw8PDA/b29vDy8nLrcDicNpvtgqJp+lupVMLd3R22trYgyzKKxSLm5ubA8zzm5+cxODiI3d1dVKvV+5mZmcnR0dGrho+dnZ3P4+Pj5Pz8nKiqSmRZbgRWKpWIx+Mhq6urPyVJsrz1rwWAiYmJ7waDwSCK4ieWZanOzk4MDQ2ht7cXwWAQT09P9y6Xa2R4ePjHRxeJjY2NL06nk1xfX5NyuUy8Xi9ZXl7+lUwmrc326bdNd3e3T6/XV3w+H28ymcAwzJ9wrprBTR/D7/d/1Wq1kw6HY8Rms118pPQVEhYm9UruproAAAAASUVORK5CYII=) center right no-repeat;
	padding-right: 15px;
}

#cv_tag_cloud
{
    width: 90%;
    font-size: 120%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}