/* styles.css for tapbeat.de - 2011-02-22 - michael schwarz (msc) */
/* msc basics and reset:*/
*{margin:0;padding:0;border:0;outline:0;font-size:14px;font-family:helvetica,arial,sans-serif;vertical-align:baseline;background:transparent;}
body{line-height:1.5em;font-size:14px;background:#333;color:#000;font-family:helvetica,arial,sans-serif;}


img{display:block;border:0}
strong{font-weight:bold}
.floatRight{float:right}
img.floatRight{margin-left: 40px;}
.floatLeft{float:left}
img.floatLeft{margin: 10px 20px 20px 0;}
.clearBoth{clear:both}
.alignRight{text-align:right}
.displayBlock{display:block}

.hide{position:absolute;left:-10000px;top:-10000px;width:10px;height:10px;overflow:hidden}
div.fakeHR{width:100%;height:1px;background-color:#fff;border-bottom: 1px dotted #333;margin: 20px 0;clear:both;}
div.fakeHR hr{display:none}
a, a:link,a:visited{color:#000;text-decoration:underline;}
a:hover{color:#f37636;text-decoration:none;}
a:focus,a:active{color:#000;text-decoration:none;}
:focus{outline:0}


div.fakeHR:after,
.caf:after,
.inner:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/*  snippets:
background:#fff url(bg/bg-body.gif) repeat-x;
background: #f00;opacity: 0.2;
 */



/*  + + + tables BEGIN:  */

table{border-collapse:collapse;border-spacing:0;font-size:inherit; width: 100%;margin: 20px 0;}
caption,th,td{text-align:left;vertical-align:top;padding: 0 40px 10px 0;}
th{border: 1px solid #666;padding: 11px 5px 8px 5px;font-weight:bold;
	background: #ccc;
	background: -moz-linear-gradient(top, #efefef, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ccc));
	
	}
td{border: 1px solid #666;padding: 11px 5px 8px 5px;font-size: 12px;}
td strong{font-size: 12px;}

td.preis{padding: 0 0 10px 0;text-align: right;}

table.stundenplan {margin: 0 0 20px 0; width: 100%;border: 1px solid #c43029;}
table.stundenplan th{text-align:left;vertical-align:top;font-weight:bold;padding: 5px;border: 1px solid #c43029;background: #c43029; color: #fff; width: 16.66%;}
table.stundenplan td{text-align:center;vertical-align:middle;font-weight:normal;padding: 11px 5px 8px 5px; border: 1px solid #c43029;}
table.stundenplan td,
table.stundenplan td *{font-size: 11px; line-height: 1.1em;}
/*  falls es zum <p> kommt...: */
#main table.stundenplan td p{font-size: 11px; margin:0; padding:0;}

/*  + + + tables END:  */



#main ul, #main ol {margin: 10px 10px 10px 28px;}

#main-left img,
#main img.gs_image {margin: 0 10px 5px 0;}

strong, h2, h3 {font-size: 14px;color: #000;}
.kursiv {font-style: italic;}
.zentriert {text-align: center;}



div.inner {width:940px;margin: 0 auto;padding: 0 20px;}
#header,
#header div.inner {

  	background: #fff;
	min-height: 100px;
}
#header img {float: left;margin:  5px 32px 5px 0;}
#header h1 {
	color: #c43029; font: normal 32px/40px 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif;
	padding-top: 45px;
}
#header h1 span {display: none; }

#nav-main,
#nav-main div.inner {
	background: #333;
	background: -moz-linear-gradient(top, #666, #333);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	color:#fff;
	min-height: 30px;
}
#nav-main ul {
	list-style-type: none;
	position: relative;
}
#nav-main ul li {
	display: inline-block;
	line-height: 30px;
	margin-right: 20px;
}



#nav-main ul li a:link,
#nav-main ul li a:visited {
	text-transform: uppercase;
	font-size: 12px; font-weight: bold;
	text-decoration:none;
	color: #ccc;
	display: inline-block;
	line-height: 30px;
}
#nav-main ul li a:focus,
#nav-main ul li a:hover,
#nav-main ul li a:active {
	color: #fff;
}
#nav-main ul li.current a {
	color: #fff !important;
}


#nav-main ul li a.language-switch {
	position: absolute;right: 0;top: 0;
}




#main,
#main div.inner {
	background: #fff;
	min-height: 100px;
}
#main div.inner{
	padding-bottom: 30px;
}
#main p,
#main h2,
#main h3 {
	margin: 10px 0 5px 0;
}

#main h2 {
	margin: 10px 0;
	text-transform: uppercase;
	color: #c43029; font-size: 15px;
}

#main-wide {width: 940px; min-height: 10px;float: left; padding:20px 0; border-bottom: 1px dotted #333;}
#main-left {width: 600px; min-height: 100px;float: left; padding:10px 0;}
#main-right {width: 300px; min-height: 100px;float: right; padding:10px 0;background: #fff;}


#main p.download {
	margin: 20px 0 40px 0;
}
#main p.download a span {
	font-size: 14px;
}

#main p.download a {
	background: #f37636; 
	background: -moz-linear-gradient(top, #f37636, #ff6600);
    background: -webkit-gradient(linear, left top, left bottom, from(#f37636), to(#ff6600));
	text-decoration: none;
	display: inline-block;color: #fff; width: 100%;
	font-size: 22px; font-weight: bold;
	padding: 20px;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}
#main p.download a:hover {
	background: #c43029; 
	background: -moz-linear-gradient(top, #ff6600, #f37636);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#f37636));
	text-decoration: none;
	display: inline-block;color: #fff;
	font-size: 22px; font-weight: bold;
	padding: 20px;
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}











#footer{background: #333;min-height: 70px;}
#footer div.inner {
	background: #333;
	color:#fff;
	padding: 20px;
}

#footer strong, #footer p, #footer a {margin:0; padding: 0; font-size: 12px; color: #ccc; }