/* CSS Document for gym-hbm.de */

* { border:0; padding:0; margin:0; }
a:focus, input:focus, button:focus {outline:none;}

body {
	color:#666;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #2c6dbd;
}

a:hover {
 	text-decoration: none;
	color: #75abee;
}

p {
	margin-top:8px;
	margin-bottom:10px;
	line-height:18px;
}

ul {
	 padding-left:20px;
	 margin:8px 0 10px 0;
}

li {
	list-style:outside;
	padding: 2px 0 2px 0;
}

.indent {
	padding-left:25px;
	text-align:justify;
	color:#777;
}

small {
	font-size:10px;
	color:#ca0068;
}

hr {
	border-bottom:1px solid #eee;
}

h1 {
	color:#2465b6;
	font-weight:bold;
	font-size:18px;
	margin: 8px 0 10px 0;
	letter-spacing:1px;
}

h2 {
	color:#83AFE7;
	font-weight:bold;
	font-size:16px;
	margin: 8px 0 10px 0;
	letter-spacing:1px;
}

h3 {
	color:#333;
	font-weight:normal;
	font-size:16px;
	margin: 8px 0 10px 0;
	letter-spacing:1px;
}

/*text-blocksatz 600 pixel*/

div.text600 {

	text-align:justify;
	width:600px;
        margin-top:8px;
	margin-bottom:10px;
	line-height:18px;

}

blockquote {
	color:#888;
	font-style:italic;
	padding-left:25px;
}

.clear {
	clear:both;
}
.acenter {
	text-align:center;
	margin:0px auto;
}
.aleft {
	text-align:left;
}
.aright {
	text-align:right;
}
.ajustify {
	text-align:justify;
}

.float_left {
 	float:left;
}

.float_right {
 	float:right;
}

p.float_right {
	margin:-5px -5px 5px 10px;
}

.ad {
	margin-left:10px !important;
	opacity:.8;
	filter:alpha(opacity=80);
}

.adconstantheight {
	height:60px;
	margin:0px;
	padding:0px;
	width:170px;
}
.adconstantheight img#loadingAds
{
	margin-left:60px;
}

a.ad:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

div.printLink {
	display: none;
}

/* lists */

.table_of_contents li {
	list-style:none;
	display:inline;
}

.table_of_contents li a, table_of_contents li a:link, .table_of_contents li a:visited {
	border:1px solid #004290;
	padding:2px 5px;
	margin: 0 1px 5px 1px;
	line-height:25px;
	background:#2C6DBD;
	color:#fff;
}

.table_of_contents li a:hover, .table_of_contents li a:active {
	border:1px solid #2C6DBD;
	background:#83AFE7;
	color:#2C6DBD;
}

/*form*/

input, textarea {
	border:1px solid #BDD6F2;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#2465b6;
}

input:focus {
	background-color:#F7FAFD;
}

input, textarea, select {
	border:1px solid #ddd;
	padding:3px;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

option {
	padding:2px 5px;
}

input.submit {
	background-color:#fff;
    border:1px solid white;
    color:#336699;
	line-height:32px;
	padding:0;
}

input.submit:hover{
	cursor:pointer;
	border-bottom:1px dotted #369;
}




.christmas {
	position:absolute;
	background: transparent url(../images/viecher.jpg) no-repeat;
	margin:25px 0 0 43px;
	width:81px;
	height:98px;
}


.ball {
	position:absolute;
	background: transparent url(../images/ball.jpg) no-repeat;
	margin:30px 0 0 175px;
	width:325px;
	height:87px;
}


/* reiter */
.reiter {
	position:absolute;
	text-indent:-9000px;
}
a.aktuell {
	height:37px;
	width:112px;
	margin-left:18px;
	margin-top:-39px;
}

a.aktuell:hover, .acurrent {
	background: url(../images/navi_hover.jpg) -19px;
}

a.schule {
	height:37px;
	width:109px;
	margin-left:131px;
	margin-top:-39px;
}

a.schule:hover, .scurrent {
	background: url(../images/navi_hover.jpg) -132px;
}

a.maschule {
	height:37px;
	width:110px;
	margin-left:240px;
	margin-top:-39px;
}

a.maschule:hover, .mcurrent {
	background: url(../images/navi_hover.jpg) -241px;
}

a.termine {
	height:37px;
	width:109px;
	margin-left:350px;
	margin-top:-39px;
}

a.termine:hover, .tcurrent {
	background: url(../images/navi_hover.jpg) -351px;
}


a.community {
	height:37px;
	width:109px;
	margin-left:459px;
	margin-top:-39px;
}

a.community:hover, .ccurrent {
	background: url(../images/navi_hover.jpg) -460px;
}

a.kontakt {
	height:37px;
	width:110px;
	margin-left:568px;
	margin-top:-39px;
}

a.kontakt:hover, .kcurrent {
	background: url(../images/navi_hover.jpg) -569px;
}



/* navigation */

#navi {
	width:200px;
	margin:0px auto;
	padding:0;
}
#navi li { list-style:none; margin:0; padding:0;}

#navi h2 {
	font-size:16px;
	color:#2465B6;
	text-transform:uppercase;
	padding:15px 15px 10px 15px;
	margin:0;
}

#navi li a, #navi li a:link, #navi li a:visited {
	display:block;
	width:168px;
	font-size:14px;
	color:#898989;
	text-decoration:none;
	padding:6px 15px;
	background:#F3F9FC;
	border-bottom:1px solid #fff;
}

#navi li a:active, #navi li a:hover {
	background:#E7F3FA;
	color:#2465B6;
}

/* Layout */

#header {
	width:100%;
	height:150px;
	background: url(../images/header_bg.jpg) repeat-x;
}

#header #img {
	width:900px;
	margin:0px auto;
	height:150px;
	background: url(../images/header.jpg) no-repeat;
}

#inline { width:900px; margin:0 auto; }

#site {
	width:900px;
	margin:0px auto;
}

#content {
	float:left;
	width:640px;
	padding:15px 0 15px 20px;
}

#sidebar {
	float:right;
	width:240px;
	background: url(../images/sidebar_bg.jpg) repeat-y;
}

#sidebar .top {
	width:240px;
	background: url(../images/sidebar_top.jpg) no-repeat;
	min-height:250px;
}

#sidebar .bottom {
	border-bottom:2px solid #eee;
	width:200px;
	margin:0px auto;
	padding-bottom:20px;
}

#footer {
	clear:both;
	width:900px;
	margin:0px auto;
}

#footer .copy {
	border-top: 1px solid #B2CDF0;
	background:#F7FAFD;
	padding:20px;
	width:600px;
	margin:15px 15px 0 20px;
	line-height:24px;
	color:#164072;
	float:left;
}

.copy a, .copy a:link, .copy a:visited {
	color:#71A2E3;
	border-bottom:1px dotted #71A2E3;
}

.copy a:hover, .copy a:active {
	text-decoration:none;
	border-bottom:1px solid #71A2E3;
}

#footer .ag {
	float:right;
	width:195px;
	text-align:center;
}

#footer .ag img {
	margin: 0px auto;
	padding-top:10px;
}

#footer:after{
	content:".";
	visibility:hidden;
	clear:both;
	height:1%;
}
.hpaward { clear:both; padding-top:25px}

/* willkommen */

.welcome {
	padding:10px 20px;
	border-top:1px solid #BDD6F2;
	color:#2465b6;
	background-color:#F7FAFD;
	margin-bottom:18px;
	min-height:#sidebar {
	float:right;
	width:240px;
	background: url(../images/sidebar_bg.jpg) repeat-y;
}

#sidebar .top {
	width:240px;
	background: url(../images/sidebar_top.jpg) no-repeat;
	min-height:250px;
}

#sidebar .bottom {
	border-bottom:2px solid #eee;
	width:200px;
	margin:0px auto;
	padding-bottom:20px;
}180px;
	width:605px;
}

.welcome a {
	text-decoration:underline;
}

.welcome p {
	width:385px;
	text-align:justify;
	float:left;
	margin-top:-5px;
}

.welcome div {
	float:right;
	width:200px;
	margin-top:-28px;
}

/* Newsentry */

.entry_left, .entry_right {
	padding:10px 20px;
	margin-bottom:18px;
	line-height:18px;
}

.entry_right {
	border-top:1px solid #BDD6F2;
	color:#164072;
	background-color:#F7FAFD;
}

.entry_left h1, .entry_right h1{
	margin:0px 0 8px 0;
	color:#83AFE7;
	font-weight:bold;
	font-size:16px;
	letter-spacing:1px;
}

.entry_left img {
	float:left;
	margin:0 10px 0 0;
}

.entry_left div {
	margin-top:-3px;
	float:right;
	width:435px;
	text-align:justify;
}

.entry_left small, .entry_right small, .entry_left small a, .entry_right small a  {
	color:#ca0068;
	font-size:12px;
}

.entry_right img {
	float:right;
	margin:0 0 0 10px;
}

.entry_right div {
	margin-top:-3px;
	float:left;
	width:435px;
	text-align:justify;
}#sidebar {
	float:right;
	width:240px;
	background: url(../images/sidebar_bg.jpg) repeat-y;
}

#sidebar .top {
	width:240px;
	background: url(../images/sidebar_top.jpg) no-repeat;
	min-height:250px;
}

#sidebar .bottom {
	border-bottom:2px solid #eee;
	width:200px;
	margin:0px auto;
	padding-bottom:20px;
}

img.podcast {
	float:right;
	margin:0 !important;
}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #eee;
    font-family:Arial, Verdana, sans-serif;
	letter-spacing:1px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d20039;
}
.buttons a.negative:hover, button.negative:hover{
    background:#ffe2e5;
    border:1px solid #ffb6bb;
    color:#d20039;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* kontakt */

table.kontakt td{
	padding:5px 0 0 0;

}

.kontakt td textarea {
	width:99%;
}

div.hinweis {
	padding:10px;
	border:1px solid #BDD6F2;
	color:#2465b6;
	background-color:#F7FAFD;
}

/* gbook */

.entry {
	margin:10px 0 30px 0;
	border-bottom:2px solid #E7F3FA;
	background:#fff;
}

.entry .author {
	background-color:#E7F3FA;
	padding:5px 15px 5px 15px;
	color:#3071C2;
}

.entry .author strong{
	font-weight:bold;
	font-size:16px;
	color:#83AFE7;
	float:left;
	margin-right:10px;
}

.entry .author em{
	font-weight:bold;
	font-style:normal;
}

.entry p {
	margin:0;
	padding:5px 15px 5px 15px;
}

/* Tabelle Termine */	
table.table {
border:1px solid #BDD6F2;
border-right:2px solid #BDD6F2;
border-top:2px solid #BDD6F2;
border-left:1px solid #BDD6F2;
border-bottom:1px solid #BDD6F2;
}
table.table td {
border-bottom:1px solid #BDD6F2;
border-left:1px solid #BDD6F2;
padding:5px;
color:#1D5294;
}
td.head {
background:#EDF1F8 url(../images/table_head.gif) ;
background-repeat:repeat-x;
color:#000;
font-weight:bold;
height:30px;
text-align:center;
}
td.left {
background-color:#F7FAFD;
}

td p {
	margin:0;
}


tr.blau{
background-color:#F7FAFD;
}


.termine_lehrer {
	background-color:#FFE7F4;	/* FFF4FA */
	color:#555 !important;
}

.termine_schueler {
	background-color:#F3FFC4;
	color:#555 !important;

}

/* galerie */
.foto {
	text-align:center;
	float:left;
	margin:14px;
	cursor:pointer;
	width:170px;

}

.prev {
	width:170px; height:128px;
	display:block;
	background:no-repeat;
}


.foto p {
	text-align:center;
	line-height:normal;
}

.foto p strong {
	text-decoration: underline;
	color: #ec8e23;
}
.foto a {
background-position:center bottom;

}
 /*vplan */
 
 /* page title */
div.mon_title 
{ 	
	font-weight: bold;
	font-size: larger;	
}

table.info
{
	background-color: #F4F4F4;
	border: 2px;
	border-style:solid;
}

table.info td, table.mon_list td {
	padding:5px;
}

table.mon_list
{
	background-color: #F4F4F4;
	border: 2px;
	border-style:solid;
}

/* stundenplan */

.stundenplan table {
	border-top:1px solid black !important;
        border-left:1px solid black !important;
}

.stundenplan table td {
	border-bottom:1px solid black !important;
        border-right:1px solid black !important;
}

.stundenplan table td table {
	border:0;
}

/*lehrerfotos textabstand*/
.lehrerfoto {
    margin-right:10px;
}

/*grundriss-foto obergeschoss*/
.vorschauOG {
    position:absolute;
    margin-left:310px;
	margin-top:10px;
}

/*grundriss-foto erdgeschoss*/
.vorschauEG {
    position:fixed;
    margin-left:490px;
	margin-top:0px;
}

/*grundriss-foto untergeschoss*/
.vorschauUG {
    position:fixed;
    margin-left:310px;
	margin-top:0px;
}

/* beschluesse */
a.file {
	width:550px;
	padding:10px 25px;
	min-height:42px;
	margin:0 0 -18px 0;
	display:block;
}

a.file:hover {
	background-color:#F7FAFD;
}

.file img {
	float:left;
	margin-right:25px;
	width:32px;
}

.file span {
	float:right;
	width:492px;
	margin:0;
}

/*sitemap liste ohne punkte*/
ul.nonstyle,  ul.nonstyle li{
    list-style:none !important;
}

/*sitemap liste ausklappbar +*/
ul.listausklapp,  ul.listausklapp li{
    list-style: url("http://www.gym-hbm.de/images/sitemap/plus.jpg");
}

/*sitemap liste einklappbar -*/
ul.listeinklapp,  ul.listeinklapp li{
    list-style: url("http://www.gym-hbm.de/images/sitemap/minus.jpg") !important;
}

/*sitemap liste nicht ausklappbar .*/
ul.listnichtausklapp,  ul.listnichtausklapp li{
    list-style: url("http://www.gym-hbm.de/images/sitemap/punkt.jpg") !important;
	
}

/*sitemap reihe nicht ausklappbar .*/
li.reihenichtausklapp,  li.reihenichtausklapp li{
    list-style: url("http://www.gym-hbm.de/images/sitemap/punkt.jpg") !important;
}

/* gym-hbm TV */

.tv_videotrenner{
    background-color: #F7FAFD;
    border-top: 1px solid #BDD6F2;
    width: 619px;
    margin: 0 0 20px 0;
}
.tv_video_ads{
    float: left;
    margin: 0 10px 0 0; 

}

/* Initialen auf Faecherseiten (ersetzt align="absmiddle") */

.initiale{
  vertical-align: middle;
}


/*gefloatete Bilder in Fliesstexten mit margin zum Text*/

.bild_links{
	float: left;
	margin: 0px 15px 0px 0;
}

.bild_rechts{
	float: right;
	margin: 0 0 0 15px 0;
}

ol li{
	list-style: decimal;
}

.app_go{
	background: #F7FAFD; 
	border: 1px solid #bdd6f2; 
	padding: 5px 10px; 
	margin-left: 10px; 
	text-align: center;
}

/*!!!!! Test für Mobiledesign von Christian 25.06.11 bitte nicht löschen oder verändern, danke!!!!!!

@media screen and (max-width: 750px) {
body, #site, #content, .text600, #inline, #img, .copy{
	width: 320px !important;
	margin: 0 !important;
	padding: 0px !important;
#

}

#content, #footer{
	padding: 8px !important;
}

.entry_left div, .entry_right div, #footer, table{
	width: 300px !important;
	
}

.entry_right, .entry_left{
	margin: 0 !important;
	padding: 0 !important;
	
}

#site .entry_left div {
	float: right;
	text-align: justify;
}

 #slide, .ag, .welcome, .entry_left img, .entry_right img, #sidebar .bottom, #inline{
	display: none !important;
}

#header #img, #header { 
	border-bottom: 1px solid #2465b6; 
	height: 70px;
}

div#img{
	background: transparent !important;
}

#inline .reiter {
	color: #fff !important;
	font-size: 15px;
	text-indent: 0;
	
}


#header select{
	display: inline-block;
	width: 200px;
}




a.aktuell {
	height:37px;
	margin-left: 7px;
	margin-top:-65px;	
}

a.aktuell:hover, .acurrent {
	background: transparent !important;	background: #E9E9E9;
}

a.schule {
	height:37px;
	margin-left: 70px;
	margin-top:-65px;		background: #E9E9E9;
}

a.schule:hover, .scurrent {
	background: transparent !important;
}

a.maschule {
	height:37px;
	margin-left: 150px;
	margin-top:-65px;	
	width: 130px;
}

a.maschule:hover, .mcurrent {
	background: transparent !important;
}

a.termine {
	height:37px;
	margin-left: 8px;
	margin-top:-35px;	
}

a.termine:hover, .tcurrent {
	background: transparent !important;
}


a.community {
	height:37px;
	width:109px;
	margin-left: 80px;
	margin-top:-35px;	
}

a.community:hover, .ccurrent {
	background: transparent !important;
}

a.kontakt {
	height:37px;
	width:110px;
	margin-left: 190px;
	margin-top:-35px;	
}

a.kontakt:hover, .kcurrent {
	background: transparent !important;
}

}