/*******************************************************************************

	Project		: Hund - vital

	Copyright	: °° zweikreis.de :: mediendesign

*******************************************************************************/




/*	undo
*******************************************************************************/

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; }
address { font-style:normal }

legend { display:none; }


/*	body
*******************************************************************************/
body {
	font-family:verdana, arial, helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	background:#6D96C2 url(./pics/hint.gif) repeat-x top;

}

.textstyle1 {
    font-size:1.2em;
    color:#FFFFFF;
}
.textstyle2 {
    font-size:1.1em;
    color:#FFFFFF;
}

.clear {
	clear:both;
}

.warning {
    border:1px solid #FFFFFF;
    padding:5px;
    background:#cc0000;
    font-weight:bold;
    color:#FFF011;
    margin-bottom:2px;
}


/* menu
------------------------------------------------------------------------------*/

.menu {
    position:absolute;
    float:left;
    width:220px;
    height:220px;
    top:68px;
    padding-left:10px;
    padding-top:120px;
    background:url(./pics/menue-hint.gif);
    background-repeat:no-repeat;
}

.menu li {
      float:left;
      /* for IE7 */
      width:140px;
}

.menu a,
.menu a:link {
      display:block;
      padding: 3px 0px 3px 15px;
      width:140px;
      color:#FFFFFF;
      font-weight:bold;
      font-size:1.1em;
}

.menu a:hover {
    color:#734646;
    text-decoration:none;
}
.menu .active {
      display:block;
      padding: 3px 0px 3px 15px;
      width:140px;
      color:#D4731B;
      font-weight:bold;
      font-size:1.1em;
}


.links_kl {
    position:absolute;
    top:430px;
    width:120px;
    height:47px;
}

.link_kl a,
.link_kl a:link {
      display:block;
      padding: 4px 23px 4px 25px;
      width:70px;
      color:#FFFFFF;
      font-weight:normal;
      font-size:1em;
}

.link_kl a:hover {
    color:#734646;
    text-decoration:none;
}

.active_kl {
      display:block;
      padding: 4px 23px 4px 25px;
      width:155px;
      color:#ADD5E7;
      font-weight:normal;
      font-size:1em;
}

.links_kli {
    position:absolute;
    top:325px;
    width:120px;
    height:47px;
}

.link_kli a,
.link_kli a:link,
.active_kli {
      display:block;
      padding: 4px 23px 4px 25px;
      width:70px;
      color:#ADD5E7;
      font-weight:normal;
      font-size:1em;
}

.link_kli a:hover {
    color:#FFFFFF;
    text-decoration:none;
}



/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
h1 {

	color:#FFFFFF;
	font-family:verdana, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom: 15px;
	letter-spacing:1px;
}

/* Headline 2 */
h2 {

	color:#FFFFFF;
	font-family:verdana, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom: 10px;
}

/* Headline 3 */
h3 {

	color:#4F4630;
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom: 5px;
}

/*	Hyperlinks
------------------------------------------------------------------------------*/
a, a:link {
	color:#FFF011;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/*  Formular
*********************************************/

.formular {
    font-family:verdana, sans;
    padding:2px;
    font-size:1.1em;
    width:290px;
    border:1px solid #D98526;
}

.formular-textstyle {
    color:#FFFFFF;
    font-size:1em;
    font-weight:bold;
}

.formular-textfeld {
    font-family:verdana;
    padding:2px;
    font-size:1.1em;
    width:290px;
    height:130px;
    border:1px solid #D98526;
}


.formular-send {

    background:#6D96C2;
    color:#FFFFFF;
    padding:2px;
    font-size:1em;
    font-weight:bold;
    width:150px;
    border:1px solid #FFFFFF;
}

.formular-send:hover {
    background:#cc0000;
    cursor:pointer;
}


.angebot {
	position:absolute;
	top:20px;
	left:430px;
	width:277px;
	height:195px;
	background:url(./bilder/angebot.gif) no-repeat left top;
}