* {
margin:0px;
padding:0px;
}

:focus {
outline: 0px;
}


html {
height:100%;
}

body {
height:100%;
width:100%;
text-align: center;
background-image:url(../img/bg_body.png);
background-repeat:repeat-x;
background-color:#D2E5D4  /*#CED7DC;*/
}

body{
font-family:Verdana, Geneva, Arial, sans-serif;
font-size:13px;
color:#494140;
line-height:171%;
}

a {
color:#1559A7;
text-decoration:underline;
cursor:pointer;
}


a:hover {
color:#494140;
text-decoration:underline;
}

a img {
border:0 none;
}

h2,
h3,
h4,
h1{
line-height:150%;
}

h1 {
/*font-size:24px;*/
font-size:1.85em;
color:#333333;
font-weight:normal;
width:100%;
border-bottom:#ededed 1px solid;
margin-bottom:47px;
}



h2,
.text_14bold_blau{
/*font-size:14px;*/
font-size:1.1em;
color:#1559A7;
font-weight:bold;
}


h2.lupe {
padding-left:35px;
background-image:url(../img/bg_h2_lupe.png);
background-repeat:no-repeat;
background-position:0px 0px;
margin-bottom:10px;
				}

h3 {
/*font-size:14px;*/
font-size:1.1em;
color:#1559A7;
font-weight:bold;
}

h3 a {
text-decoration:none;
color:#333333;
	}
h3 a.in,
h3 a:hover{
text-decoration:none;
font-weight:bold;
color:#333333;
	}

h4 {
/*font-size:24px;*/
font-size:1.85em;
color:#333333;
font-weight:normal;
width:100%;
border-bottom:#ededed 1px solid;
margin-bottom:47px;
}

h4.memo {
padding-left:24px;
position:relative;
				}



/****************************************************/
/******************* listen  ************************/
/****************************************************/

ul {
margin-left:15px;
padding:0px;
}


ol {
margin-left:28px;
padding:0px;
}


ol li { list-style-type:decimal; background-image:none; padding-left:5px;}

li {
padding-left:15px;
margin-bottom:10px;
list-style-type:none;
background-image:url(../img/list-item.png);
background-repeat:no-repeat;
background-position:0px 7px;
}


ul.sitemap li {

list-style-type:none;
padding-left:18px;
background-image:url(../img/pfeil-unterseiten.png);
background-repeat:no-repeat;
background-position:0px 10px;
margin-bottom:15px;
				}

ul.sitemap ul {
margin-left:25px;
				}
ul.sitemap li.ohne {
background-image:none;
/*margin-top:-20px;*/
				}

/****************************************************/
/****************** container  **********************/
/****************************************************/
#wrapper {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-image:url(../img/bg_header.jpg);
background-repeat:no-repeat;
background-position:top center;
z-index:-1;
}


#container {
position:relative;
margin:0px auto;
text-align:left;
width:876px;
z-index:1;
}


#content {
position:relative;
width:876px;
background-color:#FFF;
background-image:url(../img/bg_content.jpg);
background-repeat:repeat-x;
z-index:1;
padding-bottom:70px;
}
/****************************************************/
/******************   header1   **********************/
/****************************************************/
#header {
position:relative;
height:170px;
				}
#header h1 {
text-indent:-2000px;
}

#navi {
position:absolute;
left:-2px;
top:127px;
width:876px;
height:43px;
background-image:url(../img/bg_navi.jpg);
z-index:50;
line-height:43px;
padding-left:4px;
				}
#navi a,
#navi a.in{
float:left;
display:block;
height:43px;
padding:0 22px 0 22px;
font-weight:bold;
font-family:"Myriad Pro", "Myriad Web", "Myriad Web Pro", Arial, sans-serif;
color:#000000;
/*font-size:14px;*/
font-size:1.1em;
text-decoration:none;
				}

#navi a:hover,
#navi a.in{
text-decoration:none;
background-image:url(../img/bg_navi_a.jpg);
				}


#logo {
position:absolute;
left:139px;
top:24px;
height:66px;
width:auto;
z-index:20;
				}

#header2{
position:relative;
height:261px;
				}

#sizer {
position:absolute;
left:755px;
top:101px;
width:100px;
text-align:right;
color:#FFF;
				}
#sizer a {
text-decoration:none;
color:#FFF
				}
/* Fontsizer */

.standard { font-size: 13px;}
.mittel { font-size: 16px;}
.gross { font-size: 20px;}
/****************************************************/
/******************  sidebar   **********************/
/****************************************************/

#sidebar1 {
	float: left;
	width: 27%;
padding:35px 24px 0 0;
-moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#memo {
position:absolute;
top:8px;
left:0px;
				}
/****************************************************/
/******************  content   **********************/
/****************************************************/

#mainContent {
padding:0 70px 20px 46px;
	margin: 35px 0px 0 0;
 width:73%;

 -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float:left;
}

#h2 {
	line-height:150%;
	font-size:1.1em;
	color:#1559A7;
	font-weight:bold;
}

/****************************************************/
/******************  footer    **********************/
/****************************************************/

#footer {
position:relative;
min-height:191px;
height:auto !important;
height:171px;
width:100%;
background-image:url(../img/bg_footer.jpg);
top:-26px;
margin-bottom:-26px;
background-repeat:repeat-x;
background-color:#2F4C9C;
				}
#footer_content {
position:relative;
margin:0px auto 0 auto;
padding-top:44px;
width:830px;
padding-left:46px;
text-align:left;
				}
#footer_content,
#footer_content p,
#footernavi,
#footernavi p {
/*font-size:11px;*/
font-size:0.9em;
line-height:120%;
color:#FFF;
				}
#footer_content a,
#footernavi a {
color:#FFF;
text-decoration:none;
				}
#footernavi a {
margin-left:20px;
}
#footer_content a:hover,
#footernavi a:hover,
#footer a.in,
#footernavi a.in{
color:#FFF;
text-decoration:underline;
				}
#copyright {
position:absolute;
left:624px;
top:44px;
width:231px;
text-align:right;
				}
#copyright,
#copyright p {
color:#FFF;
/*font-size:11px;*/
font-size:0.9em;
				}
#footernavi {
position:absolute;
left:26px;
top:90px;
width: 784px;
				}
#up {
position:absolute;
left:438px;
				}

/****************************************************/
/******************   classes  **********************/
/****************************************************/
.text_10 {
/*font-size:10px;*/
font-size:0.8em;
				}
.text_9_hellgrau {
color:#c6c6c6;
font-size:9px;
				}
.text_hellgrau {
color:#c6c6c6;
				}
.abstand_u19 {
margin-bottom:19px;
				}
.abstand_u10 {
margin-bottom:10px;
				}
.abstand_re {
margin-right:15px;
float:left;
				}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}

.small-menu, #menu-link { display:none;}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 880px) {
/*#wrapper { background-size:contain;}*/
#logo {    display:none;}
#header { background:url(../img/singer-preispruefung-logo_small1.png) no-repeat 120px 20px;}
#container { width:750px;}
#content, #navi { width:100%;}
#navi {background: url("../img/bg_navi-750.png") no-repeat;}
#header2 {    height: 220px; }
#header2 img { max-width:100%; height:auto;}
#navi a, #navi a.in { font-size:14px;font-weight: bold;    padding: 0 12px;}
#sidebar1 img { max-width:100%; height:auto;}
#footer_content {    padding-left: 0px;    width: 750px;}
#copyright {    left: 519px;}

#sizer {    left: 650px;    width: 100px;}
#mainContent { width:70%;padding: 0 70px 20px 20px;}

#sidebar1 { width:30%;}
}

@media (max-width: 767px) {
#container { width:580px;}
#header { background:url(../img/singer-preispruefung-logo_small1.png) no-repeat 40px 20px;}

#header2 {    height: 170px; }
#navi {background: url("../img/bg_navi-600.png") no-repeat;}
#navi a, #navi a.in { font-size:12px;font-weight: normal;    padding: 0 10px;}
#mainContent {    margin: 35px 224px 0 0;     padding: 0 30px 20px 20px;}
#mainContent img { max-width:100%; height:auto;}
#mainContent, #sidebar1 { width:100%;}
#sidebar1 {padding-left:20px;}
h4 {max-width: 90%; }
#footer_content {    padding-left: 0px;    width: 580px;}
#copyright {    left: 338px;}
#up {left:280px;}
#sizer {    left: 480px;    width: 100px;}

}

@media (max-width: 599px) {
#container { width:460px;}
#sizer {    left: 360px;    width: 100px; top:70px;}
#navi { display:none;}
.small-menu {padding:0px 0; background:#FFFFFF;}
.small-menu ul {margin-left:0px;}
.small-menu ul li { border-bottom:1px #1559a7 solid; margin-bottom: 0px; padding:15px; background:none;}
.small-menu ul li a { text-decoration:none;}
.small-menu ul li a.in { font-weight:bold;}
#menu-link { display:block; position:absolute; top:100px; right:0px;width:37px; height:37px; background:url(../img/icon_menu.png) no-repeat; text-indent:-99999px;}
#header {    height: 151px;background:url(../img/singer-preispruefung-logo_small1.png) no-repeat 0px 30px;}

#footer_content {    width: 460px;}
#copyright {    left: 229px;}
#up {left:220px; top:30px;}
iframe { height:300px;}
}

@media (max-width: 479px) {
#container, #footer_content { width:300px;}
#sizer {    left: 200px;    width: 100px; top:70px;}
#header2 {    height: 70px; }

#header { background-size:80%;}
#copyright {    left: 0px; top:80px; text-align:left;}
iframe { height:400px;}
}