/* 	=======================
	screen default for schuh-breitner.de
	2008-10-06 by breitnerundbreitner.de
	-------------------------- */

* {
	margin: 0; 
	padding: 0; 	
	}

html {
	overflow-y: scroll;
	}

body {
	font-family: Verdana, sans-serif; 
	font-size: 85%; 
	line-height: 160%; 
	background-color: #222222; 
	background-image: url(bg.gif); 
	background-repeat: repeat-x; 
	background-position: 0 0; 
	}

body * {	
	font-size: 1em; 
	}

body .container {
	margin: 0 auto; 
	width: 850px; 
	position: relative; 
	z-index: 5; 
	}


h1, 
#mainnav, 
#content {
	position: absolute; 
	left: 30px; 
	}
#mainnav {
	z-index: 11; 
	top: 32px;
	top: 57px;
	}
#content {
	z-index: 10; 
	top: 66px; 
	top: 91px;
	}

/* 	==========================
	breitner signet 			
	-------------------------- */
h1 {
	z-index: 12; 
	}
h1 a {
	background-image: url(breitner_h67px.png); 
	background-repeat: no-repeat; 
	background-position: 0 13px; 
	display: block; 
	width: 229px; 
	height: 90px; 
	outline: 0; 
	border: 0px solid yellow;
	margin-left: -30px;
	}
h1 span {
	display: block;
	text-indent: -9999em;
	}


/* 	==========================
	best partner signet 			
	-------------------------- */
#bestpartner {
	position: absolute; 
	top: 0px; 
	right: 0; 
	z-index: 20;  
	overflow: hidden; 
	width: 90px; 
	height: 95px;
	text-indent: -9999em; 
	}

#bestpartner a {
	position: absolute; 
	top: 0; 
	right: 0; 
	text-indent: -9999em; 
	overflow: hidden; 
	display: block; 
	width: 90px;
	height: 95px; 
	outline: 0; 
	background-image: url(best-partner.gif); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
}
#bestpartner a span {
	display: none; 
	}

/* 	==========================
	mainnav 
	-------------------------- */

#mainnav {
	background-color: transparent; 
	}
#mainnav li {
	list-style-type: none; 
}
#mainnav li, 
#mainnav a {
	float: left; 
	}

#mainnav a {
	background-repeat: no-repeat; 
	display: block; 
	height: 37px; 
	outline: 0; 
	border: 0px solid yellow; 
	}

#mainnav-angebot a {
	margin-left: 220px; 
	background-image: url(mainnav.png); 
	background-position: 0 0; 
	width: 149px; 
	}
#mainnav-unternehmen a {
	margin-left: 0; 
	background-image: url(mainnav.png); 
	background-position: -148px 0; 
	width: 173px; 
	}
#mainnav-kontakt a {
	margin-left: 0; 
	background-image: url(mainnav.png); 
	background-position: -321px 0; 
	width: 142px; 
	}


#mainnav-angebot a:hover{
	background-position: 0 -37px;  
	}
#mainnav-unternehmen a:hover{
	background-position: -148px -37px; 
	}
#mainnav-kontakt a:hover{
	background-position: -321px -37px; 
	}
#mainnav-angebot.current a {
	background-position: 0 -74px;  
	}
#mainnav-unternehmen.current a{
	background-position: -148px -74px; 
	}
#mainnav-kontakt.current a {
	background-position: -321px -74px; 
	}
#mainnav span {
	display: block; 
	text-indent: -9999em;
	}


/* 	==========================
	content
	-------------------------- */

#content {
	clear: both; 
	background-image: url(contentbg.png); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	background-color:  transparent; 
	width: 670px; 
	height: 446px; 
	padding: 20px 10px 80px 10px;
	}

#controls ul {
	height: 2em; 
	border-width: 1px 0; 
	border-style: solid; 
	border-color: white; 
	}
#controls li {
	float: left; 
	list-style-type: none;
	}
#controls a {
	line-height: 2em; 
	color: #424242; 
	font-size: 1.1em; 
	font-weight: bold; 
	text-transform: lowercase; 
	text-decoration: none; 
	margin: 0 20px; 
	padding-left: 22px; 
	background-image: url(stern.gif); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
}
#controls a:hover {
	color: black;
	}

#scroll {
	clear: both; 
	height:410px;
	overflow:hidden;
	position:relative;
	width:665px;
}
#scroll ul {
	width:2660px;
	}
#scroll .section {
	position:relative;
	width:647px;
	height:410px;
	float: left; 
	display: block;
	padding-left: 18px;
}

.section h2 {
	color: #484848; 
	text-transform: lowercase;
	font-variant: small-caps; 
	margin-top: 20px; 
	font-size: 140%;
	border-bottom: 1px dotted white; 
	margin-bottom: 10px;  
	}
.section p {
	margin: 1em 0; 
	}
#scroll .section ul {
	width: auto;
	}
.section ul, 
.section ol {
	margin-left: 2em; 
	}
.section .imgcontainer {
	float: right; 
	border: 1px solid silver; 
	padding: 2px; 
	background-color: white; 
	}
.section .imgcontainer p {
	font-size: 90%; 
	text-align: right; 
	margin: 0; 
	}


li.ueber_uns {
	overflow: auto;
	}


.section h2 span.current {
	position: relative; 
	top: -42px; 
	display: block;  
	height: 5px; 
	line-height: 5px; 
	background-color: white; 
	border-top: 1px solid silver; 
	}

.damenabteilung h2 span.current {
	left: 10px; 
	width: 5em;
	}
.herrenabteilung h2 span.current {
	left: 120px; 
	width: 5em;
	}
.kinderabteilung h2 span.current {
	left: 240px; 
	width: 5em;
	}
.sportabteilung h2 span.current {
	left: 350px; 
	width: 5em;
	}
.ueber_uns h2 span.current {
	left: 0px; 
	width: 5.5em;
	}
.best_partner h2 span.current {
	left: 130px; 
	width: 7em;
	}


.ueber_uns h2, 
.best_partner h2 {
	height: 1px;
	margin-bottom: 0;
	}

.section h2 span.hide {
	visibility: hidden; 
	}


.kontakt #content ul, 
.impressum #content ul {
	margin-left: 2em; 
	}	

.kontakt h2 {
	display: none; 
	}
.kontakt h3 {
	border-bottom: 1px solid white; 
	}

.kontakt table {
	margin-top: 2em; 
	}
.kontakt table * {
	color: #424242; 
	font-weight: bold;
	}
.kontakt td {
	padding: 5px 10px 5px 0;
	}


.scrollme {
	overflow: auto;
	width:665px;
	height: 446px; 
	}

.kontakt h2, 
.kontakt h3, 
.impressum h2, 
.impressum h3 {
	margin: 2em 0 1em 0;
	}
.kontakt p,  
.impressum p {
	margin: 0.5em 0 0.3em 0; 
	}

.leftcol, 
.rightcol {
	width: 49%; 
	}
.leftcol {
	float: left; 
	}
.rightcol {
	float: right;
	}

em {
	font-weight: bold; 
	font-style: normal;
	color: #424242; 
	}

/* 	==========================
	footer
	-------------------------- */

#footer {
	margin-top: 40px;
	clear: both; 
	text-align: right; 
	font-size: 1.1em;  
	}
#footer * {
	color: white;
	font-size: 1em;  
	font-weight: bold; 
/*	font-family: Garamond, Georgia, serif;  */
	}

#footer .tel {
	background-image: url(tel.gif); 
	background-repeat: no-repeat; 
	background-position: 0 50%; 
	padding-left: 22px; 
	}
#footer .email {
	background-image: url(email.gif); 
	background-repeat: no-repeat; 
	background-position: 0 50%; 
	padding-left: 22px; 
	}
#footer a {
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}