/*********************************************/
/*                                           */
/* Style Sheet für visavis-sprachinstitut.de */
/*                                           */
/*********************************************/


/* Body Bereich */

body
{
    background-color: #202262;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 10pt;
    font-weight     : normal;
    color           : #000000;
    text-align      : center;
}

.main
{
    width			: 1000px;
    margin			: 20px auto 0px;
    padding-top		: 20px;
    background-color: #ffffff;
    text-align		: left;
}

.navigation
{
    padding			: 0px 20px 0px 20px;
    margin-bottom   : 10px;
    font-size		: 10pt;
    font-weight		: bold;
    color			: #807f22;
}

a.navi:link    { font-size: 10pt; color: #808080; font-weight: bold; text-decoration:none;}
a.navi:visited { font-size: 10pt; color: #808080; font-weight: bold; text-decoration:none;}
a.navi:active  { font-size: 10pt; color: #c65344; font-weight: bold; text-decoration:none;}
a.navi:hover   { font-size: 10pt; color: #c65344; font-weight: bold; text-decoration:none;}

a.navi_s:link    { font-size: 10pt; color: #c65344; font-weight: bold; text-decoration:none;}
a.navi_s:visited { font-size: 10pt; color: #c65344; font-weight: bold; text-decoration:none;}
a.navi_s:active  { font-size: 10pt; color: #c65344; font-weight: bold; text-decoration:none;}
a.navi_s:hover   { font-size: 10pt; color: #c65344; font-weight: bold; text-decoration:none;}

.navigation2
{
    padding			: 0px 20px 0px 20px;
    margin-bottom   : 10px;
    font-size		: 8pt;
    font-weight		: bold;
    color			: #807f22;
}

a.navi2:link    { font-size: 8pt; color: #808080; font-weight: bold; text-decoration:none;}
a.navi2:visited { font-size: 8pt; color: #808080; font-weight: bold; text-decoration:none;}
a.navi2:active  { font-size: 8pt; color: #c65344; font-weight: bold; text-decoration:none;}
a.navi2:hover   { font-size: 8pt; color: #c65344; font-weight: bold; text-decoration:none;}

a.navi2_s:link    { font-size: 8pt; color: #c65344; font-weight: bold; text-decoration:none;}
a.navi2_s:visited { font-size: 8pt; color: #c65344; font-weight: bold; text-decoration:none;}
a.navi2_s:active  { font-size: 8pt; color: #c65344; font-weight: bold; text-decoration:none;}
a.navi2_s:hover   { font-size: 8pt; color: #c65344; font-weight: bold; text-decoration:none;}

/* normale Links */

a:link    { font-size: 10pt; color: #202262; font-weight: normal; text-decoration:undeline;}
a:visited { font-size: 10pt; color: #202262; font-weight: normal; text-decoration:undeline;}
a:active  { font-size: 10pt; color: #c65344; font-weight: normal; text-decoration:undeline;}
a:hover   { font-size: 10pt; color: #c65344; font-weight: normal; text-decoration:undeline;}

.top
{
    color			: #202262;
    font-size		: 12pt;
    font-weight		: bold;
    padding			: 75px 20px 0px 20px;
    margin-bottom   : 20px;
}

.logo
{
    border			: 0px;
    float			: right;
    vertical-align	: text-bottom;
    padding-right	: 20px;
}

.trenner
{
    clear			: both;
    overflow		: hidden;
    line-height		: 0px;
    height			: 1px;

}

.content
{
    clear			: both;
    background-image: url(images/background.jpg);
    padding			: 10px 42px 0px 20px;
    height			: 100%;
}

.content-rechts, .footer-rechts
{
    float			: right;
    width			: 133px;
    margin			: 0px 0px 20px 20px;
    line-height		: 0px;
}

.content-left
{
    margin-bottom	: 10px;
    text-align		: left;
	color			: #202262;
}


.content-fotos
{
    margin-bottom	: 10px;
    text-align		: center;
	color			: #202262;
}


.content-bild
{
    margin-bottom	: 10px;
}

hr
{
    background-color: #202262;
    color			: #202262;
    height			: 4px;
}

.footer
{
    padding			: 3px 0px 0px 20px;
    color			: #202262;
    font-weight		: bold;
    font-size		: 8pt;
}

.footer-rechts
{
    margin			: 0px 42px 5px 20px;
    display: inline;
    text-align: center;
}

.flagge-links
{
    float			: left;
    width: 36px;
    margin-left		: 3px;
    display			: inline;
}

.flagge-rechts
{
    float			: right;
    width: 36px;
    margin-right	: 3px;
    display			: inline;
}

table
{
    margin-bottom	: 20px;
}

.td-feld
{
    padding			: 10px 0px 0px 0px;
    vertical-align	: top;
}

.ref-bild
{
    margin-bottom	: 10px;
}

/* email button */

.emailbutton
{
    display			: block;
    background-image: url(images/email.gif);
    width			: 110px;
    height			: 24px;
    margin			: 10px 0px 10px 340px;
}

.emailbutton:hover
{
    background-image: url(images/email_over.gif);
}

/* Verzeichnis */

.level2 { margin-left: 20px; }
.level3 { margin-left: 40px; }

/* Angebote */

.angebot-auswahl
{
    margin			: 0px 0px 0px 50px;
    text-align		: center;
    line-height		: 30px;
}

.angebot-mitte
{
	float			: left;
	text-align		: left;
    width			: 250px;
}

.angebot-links
{
    float			: left;
    text-align		: left;
    width			: 250px;
}

.angebot-rechts
{
    float			: left;
    text-align		: left;
    width			: 230px;
}

.block-links
{
	width			: 370px;
    float			: left;
    text-align		: left;
    margin-top		: 20px;
    margin-right	: 10px;
}

.block-rechts
{
	width			: 380px;
    float			: left;
    text-align		: left;
    margin-top		: 20px;
}

.trenner2
{
	clear			: left;
    height			: 20px;
}