/*  
Style Name:designershop.de
Theme URI: 
Die Stylevorlage der Seite designershop.de
*/


/* 
Benutzte Farben:
Hintergrund:
Innen: #E0E0EE hellgrau
Reiterhintergrund: #b7c0d4
Außen: #ffffff  weiß
Kopf und Fuß: url( 'bilder/bg_head.jpg' )

Schrift:
Headline: #8b003b (rot)

Benutze Schrift:
Trebuchet MS, Arial, Sans-serif

Schrift Größen:
9pt
12pt
15pt
*/

.alt { 
background-color : #f8f8f8;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}

/* braucht man immer*/

html { 
overflow : hidden;
width : 100%;
height : 99%;
}

body { 
top : 0;
left : 0;
width : 100%;
height : 99%;
margin : 0;
padding : 0;
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : small;
font-style : normal;
text-decoration : none;
font-variant : normal;
background : #d1d8eb;
text-align : center;
position : absolute;
vertical-align : top;
overflow : hidden;
}

acronym { 
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : italic;
text-decoration : none;
font-variant : normal;
}

abbr { 
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : italic;
text-decoration : none;
font-variant : normal;
word-spacing : 3px;
letter-spacing : 3px;
}

span.caps { 
cursor : help;
}
			
/* Für A-Tags z.B. HREF */
			
a { 
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #000000;
}

a.rot { 
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #ba002d;
}
			
a.rot1 { 
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : 15pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #ba002d;
}

a.schwarz { 
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #000000;
}
			
/* Überschriftgrößen */
					
h1 { 
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #8b003b;
}

h2 { 
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : 12pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #8b003b;
}
			
h3 { 
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : 15pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #8b003b;
}

/* Einzüge und Aufzählungen */

ul { 
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #b7c0d4;
list-style-type : none;
}
			
li { 
font-family : Trebuchet MS, Arial, Sans-serif;
font-size : 9pt;
font-weight : normal;
font-style : normal;
text-decoration : none;
font-variant : normal;
color : #b7c0d4;
}
			
/* Und nun die Kontainer */

#kontainer1 { 
top : 0;
bottom : 0;
/* background : #d1d8eb; */
top : 0;
left : 0;
right : 18px;
position : absolute;
width : 100%;
height : 100%;
z-index : 2;
overflow : scroll;
} 

#textc { 
margin-left: auto;
margin-right: auto;
margin-top: 100px;
margin-bottom: 0px;
width : 770px;
position : relative;
} 

#headc { 
display : block;
visibility : visible;
background : #dee2ec;
top : 0;
right : 18px;
width : 100%;
height : 100px;
background: url( 'bilder/bg_head.jpg' );
position : absolute;
overflow : hidden;
z-index : 4;
} 

#sidec { 
display : block;
visibility : visible;
/*background : #dee2ec;*/
top : 0px;
right : 18px;
width : 100%;
height : 2px;
position : absolute;
z-index : 5;
} 

#feedc { 
display : block;
visibility : visible;
bottom : -3px;
right : 18px;
width : 100%;
height : 63px;
position : absolute;
overflow : hidden;
background: url( 'bilder/bg_head.jpg' );
z-index : 3;
}

/* Die classes für die DIV Tags im Header */

			
.head00	{
width:770px;
height:100px;
top: 0px;
margin-top:0px;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
text-align:left;
vertical-align:bottom;
position: relative;
}
			 
.head01	{
width:770px;
height:100px;
top: 0px;
left: 8px;
text-align:right;
vertical-align:bottom;
background: url( 'bilder/designershop_head.jpg' );
position : relative;
}

/* Die classes für die DIV Tags im Fließtext */
 
.bd01 { 
width : 47em;
height : 100%;
left : 0px;
top: 0px;
text-align : left;
vertical-align : top;
} 

/* Die classes für die DIV Tags in der Sidebar */
			
.side00	{
width:770px;
height:2px;
top: 0px;
margin-top:0px;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
text-align:left;
vertical-align:top;
position: relative;
}
			 
.side01	{
width:120px;
height:340px;
top: 120px;
right: 0px;
text-align:right;
vertical-align:top;
position : relative;
float: right;
overflow: hidden;
}

/* Menue Mouseover    __________________________________________*/


#home {
	height: 40px;
	padding-right: 0px;
	top: 0px;
	margin: 0;
	padding-top: 0px;
	list-style: none; 
	position : relative;  
}

#home a {
	display: block;
	width: 120px;  
	height: 40px;  
	background-color: inherit;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	background-image: url('bilder/button_br.gif'); 
}

#home a:link, #home a:visited {
	color: #ffffff; 
	background-color: #d1d8eb;
}

#home a:hover, #home a:active {
	background: url('bilder/button_r.gif');
	color: #ffffff; 
}

#homeselected	{
	display: block;
	width: 120px;  
	height: 40px;  
	background: url('bilder/button_bl.gif');    
	text-decoration: none;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
}	

/* _____________________________________________ */
#studio {
	height: 40px;
	padding-right: 0px;
	top: 0px;
	margin: 0;
	padding-top: 0px;
	list-style: none; 
	position : relative;  
}

#studio a {
	display: block;
	width: 120px;  
	height: 40px;  
	background-color: inherit;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	background-image: url('bilder/button_br.gif'); 
}

#studio a:link, #studio a:visited {
	color: #ffffff; 
	background-color: #d1d8eb;
}

#studio a:hover, #studio a:active {
	background: url('bilder/button_r.gif');
	color: #ffffff; 
}

#studioselected	{
	display: block;
	width: 120px;  
	height: 40px;  
	background: url('bilder/button_bl.gif');    
	text-decoration: none;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
}	

/* _____________________________________________ */
#store {
	height: 40px;
	padding-right: 0px;
	top: 0px;
	margin: 0;
	padding-top: 0px;
	list-style: none; 
	position : relative;  
}

#store a {
	display: block;
	width: 120px;  
	height: 40px;  
	background-color: inherit;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	background-image: url('bilder/button_br.gif'); 
}

#store a:link, #store a:visited {
	color: #ffffff; 
	background-color: #d1d8eb;
}

#store a:hover, #store a:active {
	background: url('bilder/button_r.gif');
	color: #ffffff; 
}

#storeselected	{
	display: block;
	width: 120px;  
	height: 40px;  
	background: url('bilder/button_bl.gif');    
	text-decoration: none;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
}	

/* _____________________________________________ */
#sport {
	height: 40px;
	padding-right: 0px;
	top: 0px;
	margin: 0;
	padding-top: 0px;
	list-style: none; 
	position : relative;  
}

#sport a {
	display: block;
	width: 120px;  
	height: 40px;  
	background-color: inherit;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	background-image: url('bilder/button_br.gif'); 
}

#sport a:link, #sport a:visited {
	color: #ffffff; 
	background-color: #d1d8eb;
}

#sport a:hover, #sport a:active {
	background: url('bilder/button_r.gif');
	color: #ffffff; 
}

#sportselected	{
	display: block;
	width: 120px;  
	height: 40px;  
	background: url('bilder/button_bl.gif');    
	text-decoration: none;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
}	

/* _____________________________________________ */
#dis {
	height: 40px;
	padding-right: 0px;
	top: 0px;
	margin: 0;
	padding-top: 0px;
	list-style: none; 
	position : relative;  
}

#dis a {
	display: block;
	width: 120px;  
	height: 40px;  
	background-color: inherit;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	background-image: url('bilder/button_br.gif'); 
}

#dis a:link, #dis a:visited {
	color: #ffffff; 
	background-color: #d1d8eb;
}

#dis a:hover, #dis a:active {
	background: url('bilder/button_r.gif');
	color: #ffffff; 
}

#disselected	{
	display: block;
	width: 120px;  
	height: 40px;  
	background: url('bilder/button_bl.gif');    
	text-decoration: none;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
}	

/* _____________________________________________ */
#help {
	height: 40px;
	padding-right: 0px;
	top: 0px;
	margin: 0;
	padding-top: 0px;
	list-style: none; 
	position : relative;  
}

#help a {
	display: block;
	width: 120px;  
	height: 40px;  
	background-color: inherit;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	background-image: url('bilder/button_br.gif'); 
}

#help a:link, #help a:visited {
	color: #ffffff; 
	background-color: #d1d8eb;
}

#help a:hover, #help a:active {
	background: url('bilder/button_r.gif');
	color: #ffffff; 
}

#helpselected	{
	display: block;
	width: 120px;  
	height: 40px;  
	background: url('bilder/button_bl.gif');    
	text-decoration: none;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
}	

/* Die classes für die DIV Tags im Footer */

.foot00 { 
width : 770px;
height : 50px;
margin-top : auto;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
left: 10px;
text-align : left;
vertical-align : bottom;
position : relative;
overflow : hidden;
} 

.ad01{
width : 142px;
height : 40px;
top: 3px;
left: 0px;
position: relative;
float: left;
overflow: hidden;
}

.ad02{
width : 142px;
height : 40px;
top: 3px;
left: 15px;
position: relative;
float: left;
overflow: hidden;
}

.ad03{
width : 142px;
height : 40px;
top: 3px;
left: 30px;
position: relative;
float: left;
overflow: hidden;
}

.ad04{
width : 142px;
height : 40px;
top: 3px;
left: 45px;
position: relative;
float: left;
overflow: hidden;
}

.ad05{
width : 142px;
height : 40px;
top: 3px;
left: 60px;
position: relative;
float: left;
overflow: hidden;
}