/*-----------------------------------------------------------------------------
MTsports   Style Sheet 
Media:     Screen
version:   1.1 / last modified 2009/08/13
author:    Wolf Gebler
website:   http://www.mtsports.de
-----------------------------------------------------------------------------*

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
	font: 100.01% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style: none;
	color: #000;
}

/* Remove img border */
img {
	border: 0;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}



/* =Typography and body sets
----------------------------------------------*/
body {
  	font-size: 62.5%;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #d0d0d0;
}

p, blockquote, form, fieldset, table {
  color: #000;
}

/* =Headings
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #000;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}


p {
	font-size: 12px;
	color: #000;
}

li {
	font-size: 12px;
	color: #000;
}



/* =Links
----------------------------------------------*/
a {
	color: #498CCA;
}

abbr {
	cursor: help;
	border-bottom: 1px dotted #0033FF;
}

acronym {
	cursor: help;
	border-bottom: 1px dotted #0033FF;
}

/* =icon for external links
----------------------------*/
a.external {
	background: url(../images/extLink.gif) no-repeat right top;
	padding-right: 12px;
}

a.externalPic {
	background: url(../images/extLink.gif) no-repeat right top;
	padding-right: 12px;
	text-decoration: none;
}

/* =Wrapper
----------------------------------------------*/
div#wrapper {
	position: relative;
	width: 1024px;
	height: 768px;
	margin: 0 auto;
	border: 2px groove silver;
}

/* =Branding
----------------------------------------------*/
div#wrapper .slice1 {
	position:absolute;
	top: 0px;
	width: 229px;
	height: 50px;
}

div#wrapper .slice2 {
	position:absolute;
	top: 0px;
	width: 611px;
	height: 50px;
	background: url(../images/slice/mtsports_02.jpg) no-repeat center;
}

div#wrapper .slice3 {
	position:absolute;
	top: 0px;
	width: 184px;
	height: 50px;
}

div#wrapper .slice4 {
	position:absolute;
	top: 50px;
	width: 229px;
	height: 610px;
	background: url(../images/slice/mtsports_04.jpg) no-repeat center;
}

div#wrapper .slice5 {
	position:absolute;
	top: 50px;
	left: 229px;
	width: 611px;
	height: 610px;
	background: url(../images/slice/mtsports_05.jpg) no-repeat center;
}

div#wrapper .slice6 {
	position:absolute;
	top: 50px;
	width: 184px;
	height: 610px;
	background: url(../images/slice/mtsports_06.jpg) no-repeat center;
}

div#wrapper .slice7 {
	position:absolute;
	top: 660px;
	width: 229px;
	height: 108px;
}

div#wrapper .slice8 {
	position:absolute;
	top: 660px;
	width: 611px;
	height: 108px;
	background: url(../images/slice/mtsports_08.jpg) no-repeat center;
}

div#wrapper .slice9 {
	position:absolute;
	top: 660px;
	width: 184px;
	height: 108px;
	background: url(../images/slice/mtsports_09.jpg) no-repeat center;
}


div#wrapper .slice1, div#wrapper .slice4, div#wrapper .slice7 {
	left: 0px;
}


div#wrapper .slice2, div#wrapper .slice8 {
	left: 229px;
}

div#wrapper .slice3, div#wrapper .slice6, div#wrapper .slice9 {
	left: 840px;
}


/*  = Navigation 
----------------------------------------- */
a {
	color:#b60c1c;
	font-size: 12px;
	font-weight: bold;
}

ul li a:hover {
	display: block;
	color: #000;
    text-decoration: none;
	background: none;
}

.aktuell {
	color: #000;
	font-style: italic;
}

.home {
	position: absolute;
	top: 170px;
	left: 32px;
}

.shop {
	position: absolute;
	top: 200px;
	left: 18px;
}

.wir {
	position: absolute;
	top: 230px;
	left: 28px;
}

.anf {
	position: absolute;
	top: 260px;
	left: 46px;
}

.imp {
	position: absolute;
	top: 290px;
	left: 32px;
}

.kont {
	position: absolute;
	top: 320px;
	left: 64px;
}

.links {
	position: absolute;
	top: 350px;
	left: 89px;
}

.buildl {
	position: absolute;
	top: 380px;
	left: 86px;
}


/* Start individual pages
---------------------------------------------------------------------------------------------------*/
/* = general content
-------------------------------------------------- */
div#start, div#about, div#anfahrt, div#kontakt, div#links, div#gallery {
	position: absolute;
	top: 110px;
	left: 285px;
	width: 500px;
	height: 380px;
}


/* = index
-------------------------------------------------- */
div#start img {
	padding: 0;
}

div#facebook {
	position: absolute;
	top: 740px;
	left: 18px;
	height: 16px;
	width: 200px;
} 

div#facebook a {
	color: #000;
	font-size: 10px;
	font-weight: normal;
}

div#web {
	position: absolute;
	top: 750px;
	left: 880px;
} 

div#web a {
	color: #000;
	font-size: 10px;
	font-weight: normal;
}

div#laufSchrift {
	width: 485px;
	position: absolute;
	top: 680px;
	left: 230px;
}

div#laufSchrift marquee {
	font-size: 18px;
	color: #0000FF;
	padding-top: 2px;
}



/* = ueber uns
-------------------------------------------------- */
div#about {
	width: 520px;
	overflow: auto;
}

div#about img {
	margin-bottom: 10px;
}

div#about p {
	margin-top: 10px;
	line-height: 18px;
	padding-right: 10px;
}

div#about span {
	font-weight:bold;
}

div#about span.ital {
	font-weight:normal;
	font-style:italic;
}

div#panoBig {
	padding-left: 0;
}

div#panoBig a {
	color: #0033CC;
	text-decoration:underline;
	margin-top: 10px;
}

/* = Anfahrt
-------------------------------------------------- */
div#map {
	width: 500px;
	height: 340px;
}

div#message {
	color: #fff;
}

div#route {
	width: 500px;
	height: 20px;
	margin-top: 20px;
}

div#route a {
	color: #0000FF;
	font-size: 10px;
	font-weight: normal;
	padding-left: 130px;
}


div#route h3, div#gps h3, div#gps p {
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

/* = impressum
-------------------------------------------------- */
.impHeadline {
	text-align: center;
}

.impText {
	margin-left: 140px;
}

.impText span {
	font-weight: bold;
}

.hinweis {
	margin-left: 40px;
	margin-right: 40px;
}

.hinweis span {
	font-weight: bold;
}

.bc {
	color:#0000FF;
	font-size: 10px;
	padding-left: 100px;
}

/* = kontakt
-------------------------------------------------- */
div#kontakt {
	width: 520px;
	height: 390px;
	overflow: auto;
}

div#kontakt h2 {
	font-weight: bold;
	margin-bottom: 20px;
}

div#kontakt p {
	margin-top: 10px;
	line-height: 18px;
	padding-right: 10px;
}

div#kontakt fieldset {
	border: none;
}

div#kontakt h6 {
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 100px;
}

input {
	margin-bottom: 10px;
}

input:focus, textarea:focus {
	background: #FFC;
}

input.button {
	background-color: #CCC;
	width: 110px;
	height: 30px;
	margin: 10px 10px 5px 100px;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}

div#allgemInfo h2 {
	margin-top: 30px;
	margin-bottom: 0;
}

div#woTag {
	width: 200px;
	float: left;
	margin-bottom: 30px;
}

div#zeit {
	width: 270px;
	float: right;
	margin-right: 10px;
	margin-bottom: 30px;
}

div#allgemInfo p {
	margin-top: 0;
}

/* = links
-------------------------------------------------- */
div#links {
	width: 520px;
	overflow: auto;
}

div#links h2 {
	font-weight: bold;
	margin: 20px 0 20px 20px;
}

div#links h2 a {
	padding-right: 20px;
}

div#links h2 a:hover {
	text-decoration: underline;
}

a.back {
	color: #ffffff;
}

div#links img {
	margin-right: 5px;
}

a.top {
	margin-bottom: 20px;
	padding: 20px 0 10px 200px;
	float: left;
}

.linkDetail {
	margin-top: 50px;
}

.linkDetail h6 {
	clear: both;
}

.linkDetail h6 a {
	font-size: 18px;
	margin: 40px 0 20px 20px;
}

/* = gallery
-------------------------------------------------- */
div#gallery {
	width: 535px;
	left: 270px;
	overflow: auto;
}

div#gallery h2 {
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

div#gallery h3 {
	margin-left: 10px;
}

div#gallery h3 a {
	padding-right: 20px;
}

div#gallery h3 a:hover {
	text-decoration: underline;
}

div#gallery h5 a {
	padding-right: 20px;
}

div#gallery h5 a:hover {
	text-decoration: underline;
}

a.top {
	margin-bottom: 20px;
	padding: 20px 0 10px 200px;
	float: left;
}

.galleryDetail {
	margin-top: 20px;
}

.galleryDetail img {
	margin: 0;
	padding: 6px 0 6px 6px;
}

.galleryDetail h4 {
	clear: both;
}

.galleryDetail h4 a {
	font-size: 18px;
	margin: 40px 0 20px 20px;
}

.galleryDetail h5 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 20px 20px;
}

body.big {
	background-color: #000;
}

body.big h2 {
	color: #CCCCCC;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}


img.Ladengeschaeft_2009_Landscape {
	margin: 40px 50px 75px 50px;
}

img.Ladengeschaeft_2009_Portrait {
	margin: 15px 0 25px 217px;
}

div#Ladengeschaeft_2009_Start {
	width: 50px;
	margin-top: 20px;
	margin-left: 394px;
}

div#Ladengeschaeft_2009_Step {
	width: 60px;
	margin-top: 20px;
	margin-left: 375px;
}

div#Ladengeschaeft_2009_End {
	width: 60px;
	margin-top: 20px;
	margin-left: 375px;
}


img.Sommerfest_2009_Landscape {
	margin: 40px 50px 75px 50px;
}

img.Sommerfest_2009_Portrait {
	margin: 15px 0 25px 155px;
}

div#Sommerfest_2009_Start {
	width: 50px;
	margin-top: 20px;
	margin-left: 452px;
}

div#Sommerfest_2009_Step {
	width: 60px;
	margin-top: 20px;
	margin-left: 433px;
}

div#Sommerfest_2009_End {
	width: 60px;
	margin-top: 20px;
	margin-left: 433px;
}


img.Skyver_2009_Landscape {
	margin: 40px 50px 75px 50px;
}

img.Skyver_2009_Portrait {
	margin: 15px 0 25px 217px;
}

div#Skyver_2009_Start {
	width: 50px;
	margin-top: 20px;
	margin-left: 394px;
}

div#Skyver_2009_Step {
	width: 60px;
	margin-top: 20px;
	margin-left: 375px;
}

div#Skyver_2009_End {
	width: 60px;
	margin-top: 20px;
	margin-left: 375px;
}


/* = ende css
-------------------------------------------------------------------------- */