/*  STYLE mittelstand-basel.ch  */
/*                              */
/*    written and composed by   */
/*  markus erdmann esense gmbh  */

/******  main page styles  ******/

body
{
margin:0px;
padding:0px;
background-color:#ffffff;
cursor:default;
}

#container
{
position:relative;
top:0px;
left:0px;
width:914px;
height:auto;
float:left;
margin:0px;
padding:0px;
background-color:#ffffff;
font-family:Verdana, Arial, "Sans Serif";
font-size:10px;
line-height:15px;
}

/****** header styles ******/

#header
{
position:relative;
top:0px;
left:0px;
width:654px;
height:115px;
float:left;
margin:0px 0px 0px 260px;
padding:0px;
/*background:transparent url(../pics/test/logohome.gif) top left no-repeat;*/
}

.teaser
{
position:relative;
top:0px;
left:0px;
width:640px;
height:auto;
float:left;
padding:0px 0px 27px 0px;
margin:0px 0px 0px 0px;
background-color:transparent;
}

/**** not in use ****

.teaserHome
{
position:relative;
top:0px;
left:0px;
width:640px;
height:488px;
float:left;
padding:0px 0px 77px;
margin:0px 0px 0px 0px;
background-color:transparent;
}

.teaserSmall
{
position:relative;
top:0px;
left:0px;
width:640px;
height:167px;
float:left;
padding:0px 0px 33px 0px;
margin:0px 0px 0px 0px;
background-color:transparent;
}

****/

/****** main navigation styles ******/

#leftCol
{
position:relative;
top:0px;
left:0px;
width:260px;
height:auto;
float:left;
margin:0px;
padding:0px;
background-color:#ffffff;
}

/****** main content styles ******/

#rightCol
{
position:relative;
top:0px;
left:0px;
width:654px;
height:auto;
float:right;
margin:0px;
padding:0px;
background-color:#ffffff;
}

.contentWrap
{
position:relative;
top:0px;
left:0px;
width:640px;
height:auto;
float:left;
margin:0px 0px 23px 0px;
padding:0px 0px 20px 0px;
background:transparent url(../pics/textwrap_bg.gif) top left no-repeat;
border-bottom:1px solid #d9d9d9;
}

.imageWrap
{
position:relative;
top:0px;
left:0px;
width:200px;
height:auto;
float:left;
margin:16px 0px 0px 0px;
padding:0px;
background-color:transparent;
}

.textWrapLarge
{
position:relative;
top:0px;
left:0px;
width:625px;
height:auto;
float:right;
margin:16px 0px 0px 15px;
padding:0px 0px 0px 0px;
background-color:transparent;
}

.titleLargeOben,
.titleLargeUnten
{
line-height:21px;
height:auto;
background:transparent url(../pics/titellang_bg.gif) top left no-repeat;
margin:0px 0px 3px 0px;
padding:0px 0px 0px 5px;
color:#000000;
font-size:15px;
}

.textWrapLarge a,
.textWrapLarge a:link,
.textWrapLarge a:visited,
.textWrapLarge a:hover,
.textWrapLarge a:active,
.textWrapLarge a:focus
{
position:relative;
top:-10px;
color:#ec7404;
text-decoration:none;
font-size:13px;
line-height:16px;
display:block;
}

.textWrap
{
position:relative;
top:0px;
left:0px;
width:420px;
height:auto;
float:right;
margin:16px 0px 0px 0px;
padding:0px 0px 0px 18px;
background-color:transparent;
}

.titleOben,
.titleUnten
{
line-height:21px;
height:auto;
background:transparent url(../pics/titel_bg.jpg) top left no-repeat;
margin:0px 0px 3px 0px;
padding:0px 0px 0px 5px;
color:#000000;
font-size:15px;
}

.subTitle
{
margin:0px 0px 0px 0px;
padding:5px 15px 0px 0px;
color:#000000;
font-size:13px;
}

.text
{
color:#707070;
font-size:13px;
line-height:16px;
}

.text p
{
padding:0px 15px 0px 0px;
}

.textWrap a,
.textWrap a:link,
.textWrap a:visited,
.textWrap a:hover,
.textWrap a:active,
.textWrap a:focus
{
position:relative;
top:-10px;
color:#ec7404;
text-decoration:none;
font-size:13px;
display:block;
}

.text a,
.text a:link,
.text a:visited,
.text a:hover,
.text a:active,
.text a:focus
{
position:relative;
top:0px;
display:inline;
}

.text ul li
{
position:relative;
top:0px;
left:-27px;
margin:0px 0px 0px 0px;
}

.bild
{
width:185px;
height:120px;
background:transparent url(../pics/test/content_test.gif) top left no-repeat;
margin:0px 0px 0px 15px;
}

/****** footer styles ******/

#footer
{
position:relative;
top:0px;
left:0px;
width:914px;
height:auto;
float:left;
margin:0px;
padding:0px 0px 25px 0px;
background-color:#ffffff;
}

#footer p
{
margin:0px 0px 0px 260px;
color:#a5a5a5;
font-size:11px;
}

#footer p a,
#footer p a:link,
#footer p a:visited,
#footer p a:hover,
#footer p a:active,
#footer p a:focus
{
color:#ec7404;
text-decoration:none;
}

/****** spacer ******/

.clear
{
width:100%;
height:0px;
line-height:0px;
margin:0px;
padding:0px;
clear:both;
visibility:hidden;
}

/****** end of css ******/