/*********************** layout **************/
/* css-Datei zu klicksafe dummy */
@font-face {
	font-family: 'Amoebia-Bold';
	src: url('../kids/fonts/Amoebia-Bold.eot');
	src: local('☺'),
		url('../kids/fonts/Amoebia-Bold.woff') format('woff'),
		url('../kids/fonts/Amoebia-Bold.svg#Amoebia-Bold') format('svg');
}

* {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-variant: normal;
}

* {
    font-size:1.0em;
}
#page {
    font-size: 13px;
}


html {
    overflow-y: scroll;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */



    height: 100%;
}
html, body, p, h1, h2, h3, h4 {
    margin:0;
    padding:0;
}

body {
    height: 100%;
}

a {
    color: #008aa4;
}

.clear {
    clear: both;
}
.showOnSmall,
.hidden {
    display: none;
}

.center {
    text-align: center;
}

.pull-left,
.floatLeft {
    float: left;
}

.pull-right,
.floatRight {
    float: right;
}

.ajax-loader {
    display: block;
    background: url('../img/ajax-loader.gif') center center no-repeat;
    width: 16px;
    height: 11px;
}

a.pushOut span {
    margin-left: -10000px;
}
.accesscontent {
    position:absolute;
    margin-left: -10000px;
}

.arrow {
    display: block;
}
.arrow:before {
    content: '>>';
    font-family: 'Amoebia-Bold';
    line-height: 16px;
    vertical-align: top;
    color: #fff;
}

body, #pageWrap {
    filter: none;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cccccc 0%, #ffffff 500px, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(50%,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #cccccc 0%,#ffffff 500px,#ffffff 100%);
    background: -o-linear-gradient(top,  #cccccc 0%,#ffffff 500px,#ffffff 100%);
    background: -ms-linear-gradient(top,  #cccccc 0%,#ffffff 500px,#ffffff 100%);
    background: linear-gradient(to bottom,  #cccccc 0%,#ffffff 500px,#ffffff 100%);
    -pie-background: linear-gradient(to bottom,  #cccccc 0%,#ffffff 500px,#ffffff 100%);
}
#page {
    margin: 0 auto;
    width: 950px;
    padding: 0 20px;
    background: white;
    height:auto !important;
    height:100%;
    min-height: 100%;
}

.layout-99 #page {
}

#contentMobile {
    display: none;
}

#contentMobile table img {
    width: auto;
}

#contentMobile table td {
    padding: 0 5px;
    font-size: 14px;
    white-space: nowrap;
    color: #0088a5;
    font-weight: bold;
}

/*********************** header **************/
#headerWrap {
    height: 159px;
    position: relative;
}

#stoererWrap {
    position: absolute;
    right: 0;
    top: 0;
    height: 140px;
    width: 304px;
    background: url('../img3/no-repeat.png') -50px -12px no-repeat;
}



#logo {
}

#logo a {
    display: block;
    height: 83px;
    width: 253px;
}

#logo span {
    margin-left: -10000px;
}

#eulogo {
    background: url('../img/no-repeat.png') -579px -183px no-repeat;
    position: fixed;
    top: 18px;
    margin-left: -29px;
    z-index: 1000;
}
#eulogo a {
    background: url('../img/no-repeat.png') -544px -183px no-repeat;
    display: block;
    height: 35px;
    width: 33px;
}
#eulogo a span {
    margin-left: -1000px;
}

/*********************** tools **************/

#tools {
    height: 22px;
    margin-bottom: 9px;
    overflow:hidden;
}

#tools input {
}

#tools .search,
#tools .efaButtons,
#tools .print,
#tools .contact {
    float: left;
}
#tools .search {
    margin-right: 25px;
}
#tools .searchfield {
    font-size:11px;
    height:18px;
    padding: 3px 0 0 5px;
    border-right:1px solid #e3e7e7;
    border-bottom:1px solid #eaeeee;
    width:158px;
}

#tools .csc-mailform-submit,
#tools .submit {
    background-image: url(../img/no-repeat-2.gif);
    background-position:0 -27px;
    background-repeat:no-repeat;
    display: inline-block;
    height: 22px;
    width: 51px;
    vertical-align: top;
    margin: 1px 0 0 0;
}
#tools .csc-mailform-submit-over,
#tools .submit:hover {
    background-position: 2px -200px;
}

#tools .contact,
#tools .print {
    margin: 0 0 0 5px;
}
#tools .contact a,
#tools .print a {
    display: inline-block;
    width: 25px;
    margin: 0;
/*  background: red;*/
    height: 22px;
    background: url('../img/no-repeat-2.gif') -123px -26px no-repeat;
}
#tools .contact a {
    background-position: -153px -26px;
}
#tools .print a:hover {
    background-position: -121px -199px;
}
#tools .contact a:hover {
    background-position: -151px -199px;
}

#contentMainWrapShop #tools .searchField,
#contentMainWrapNavigation #tools .searchField,
#contentMainWrap2Cols #tools .searchField {
    width: 158px;
}

#contentMainWrapShop #tools .search,
#contentMainWrapNavigation #tools .search,
#contentMainWrap2Cols #tools .search {
    margin: 0 25px 0 0;
}

/*********************** functions1 **************/
#functions1Wrap {
    height: 27px;
    background: #e9eeee;
    border: 0 solid #01849f;
    border-width: 2px 0 0 0;
    margin: 1px 0 0 0;
    padding: 0 322px 0 0;
}

#languageWrap {
    float: right;
}
/*********************** social_pages **************/

#socialWrap {
    float: left;
    padding: 5px 0 0 0;
}

#socialWrap .title {
    color: #008AA4;
    font-size: 11px;
    padding: 1px 5px 0 10px;
    vertical-align: top;
    line-height:16px;
}

#socialWrap .links {
    background: url('../img/no-repeat-2.gif') -25px -160px no-repeat;
    padding: 0 0 1px 0;
    display: inline-block;
}

#socialWrap .links a {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 9px;
    vertical-align: top;
    float:left;
}
#social_page_schulerVZ:hover {
    background: url('../img/no-repeat-2.gif') 0 -140px no-repeat;
}
#social_page_facebook:hover{
    background: url('../img/no-repeat-2.gif') -21px -140px no-repeat;
}
#social_page_YouTube:hover {
    background: url('../img/no-repeat-2.gif') -42px -140px no-repeat;
}
#social_page_twitter:hover {
    background: url('../img/no-repeat-2.gif') -63px -140px no-repeat;
}

/******************* stoerer ***********************/
#stoererWrap .menu {
    margin-top: 11px;
    padding-left: 20px;
}
/*********************** content **************/
#contentWrap {
}
#contentMainWrapFullsize,
#contentMainWrapNavigation,
#contentMainWrap {
    float: left;
/*  width: 626px;*/ /* not needed on homepage */
    padding: 0;
}
#contentMainWrapFullsize {
    width: 950px;
}
#contentMainWrapNavigation {
    width: 707px;
    float:left;
    padding: 0 0 0 20px;
}
#contentMain {
    float:left;
}
#contentRight {
}

#contentRightWrap {
    float: left;
    width: 304px;
    padding: 0 0 0 20px;
}

#contentMainWrapShop {
    width: 707px;
    float:left;
    padding: 0 0 0 20px;
}

#contentMainWrapNavigation #contentRight,
#contentMainWrap2Cols #contentRight,
#contentMainWrapShop #contentRight,
#contentMainWrapNavigation #contentMain,
#contentMainWrap2Cols #contentMain,
#contentMainWrapShop #contentMain {
    padding-top: 20px;
}
.breadcrumb-above-contentMain #breadcrumbWrap {
    margin-bottom:20px;
}

.layout-110 #contentMain ,
.layout-99 #contentMain {
    width: 626px;
}

#contentMainWrapShop #contentMain {
    width: 435px;
    float:left;
    margin: 0;
    padding: 10px 20px 0 0;
    border-right: 2px solid #C7D1D3;
}

#contentMainWrapShop #contentRight{
    width: 250px;
    float:left;
    padding: 10px 0 0 0;
}

#contentMainWrap2Cols {
    width: 707px;
    float:left;
    padding: 0 0 0 20px;
}

#contentMainWrap2Cols #contentMain{
    width: 344px;
    float:left;
    margin: 0 19px 0 0;
}

#contentMainWrap2Cols #contentRight{
    width: 344px;
    float:left;
}

#rightHandle {
    -webkit-border-radius: 3px;
    border-radius: 3px; background: #7e8386; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlODM4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NzZiNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #7e8386 0%, #676b6e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e8386), color-stop(100%,#676b6e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7e8386 0%,#676b6e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7e8386 0%,#676b6e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7e8386 0%,#676b6e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7e8386 0%,#676b6e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e8386', endColorstr='#676b6e',GradientType=0 ); /* IE6-8 */
    color: white;
    font-weight: bold;
    display: none;
    height: 20px;
    line-height: 19px;
    padding: 0 4px;
    text-decoration: none;
}

#rightInnerWrap {
    display: block;
}

#comments {
    width: 678px;
    float:left;
}


/*********************** footer **************/
#footerWrap {
    padding: 0 0 10px;
}
#footerWrap #menuMetaWrap{
    padding: 3px 0 0 0;
    float: left;
}
#footerWrap .layoutWrap {
    float: right;
    width: 707px;
}
#footerWrap .border {
    border-top: 2px solid #c7d1d3;
    padding: 6px 0 0 0;
}
.layout-99 #footerWrap .border {
    border-color: #000;
}
#footerWrap .layout-1 {
    width: 950px;
    float:left;
}
#footerWrap .layout-110,
#footerWrap .layout-99 {
    width: 626px;
    float:left;
}
#footerWrap #euFooterLink {
    float: right;
    margin-top: -1px;
}
#footerWrap #euFooterLink img{
    vertical-align: middle;
}
#footerWrap #euFooterLink a{
    color: #00e;
    font-size: 11px;
    text-decoration: none;
}
#footerWrap #euFooterLink a span {
    text-decoration: underline;
    font-size: 11px;
    padding-left: 8px;
}