@CHARSET "iso-8859-1";

html{height:100%;}

#wrapper {
	clear:both;
	position: relative;
	width:899px;
	margin:0px auto;
}
* html #wrapper {height: 100%;}


#main{
	float:left;
	width:899px;
	background:#e9e9e9;
	padding-top:10px;
	padding-bottom:20px;
}

#content{
	padding-left:10px;
	float:left;
	width:618px;
}

#right{
	float:left;
	width:251px;
	margin-left:10px;
}

#right_table{
width:251px;
height:622px;
background:url("/tattoo-versicherung/callback-menu.jpg") no-repeat;
margin-bottom:10px;
}	

#head{float:left;}
#logo{float:left;}
#head_links{float:right;}
#head_links ul {list-style:none;}
#head_links ul li{float:left;margin-left:5px;}

#head #navi{
	background:url("/tattoo-versicherung/navi.jpg") no-repeat;
	height:41px;
	width:899px;
	margin:0px;
	padding:0px;
}
#head #navi ul {list-style:none;float:right;margin:0px;padding:0px;margin-right:10px;}
#head #navi ul li{
	float:left;
	line-height:41px;
	height:27px;
	border-left:1px solid #fff;
	margin:0px;
	padding:0px;
	}
#head #navi ul li a{
	line-height:41px;
	float:left;
	padding-left:8px;
	padding-right:8px;
	color:#fff;
	font-family: Verdana;
	font-size:12px;
	text-decoration:none;	
}

.rechner{
	width:590px;
	border:none;
	height:550px;
}

h1,h2,h3{ 
font-size:13px;
font-family: Verdana;
color:#000;
font-weight:normal;
margin:0px;
padding:0px;
}

h1{font-size:18px;margin-bottom:15px;font-weight:normal;}
h2{font-size:14px;margin-bottom:15px;font-weight:normal;}
h3{font-size:11px;margin-bottom:2px;font-weight:bold;}

p{margin:0px;padding:0px;font-size:11px;font-family:Verdana;margin-bottom:15px;}

a{color:#000;}
.content_ab_left{margin-left:14px;margin-right:14px;}



/*Spacer*/
.V0		{clear:both;margin:0px;font-size:0px;line-height:0px;width:0px;height:0px;padding:0px;}
.V5		{clear:both;margin:0px;font-size:0px;line-height:0px;width:100%;height:5px;padding:0px;}
.V10	{clear:both;margin:0px;font-size:0px;line-height:0px;width:100%;height:10px;padding:0px;}
.V15	{clear:both;margin:0px;font-size:0px;line-height:0px;width:100%;height:15px;padding:0px;}
.V20	{clear:both;margin:0px;font-size:0px;line-height:0px;width:100%;height:20px;padding:0px;}


#unav{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:15px;
}
#unav li{
	float:left;
	margin:0px;
	padding:0px;	
	margin-right:5px;
}

#unav li a{
	color:#000;	
	font-family:Verdana;
	font-size:12px;
	background:url(/tattoo-versicherung/tv-unav.jpg);
	height:25px;
	line-height:25px;
	text-align:center;
	width:150px;
	display:block;
	text-decoration:none;
}

#unav li a.sel{
	background:url(/tattoo-versicherung/tv-unav-sel.jpg);	
}


#start_first_pic{
	width:618px;
	background:url('tattoo-versicherung/tattoo-piercing.jpg') no-repeat;
	height:170px;
}

#start_first_pic div{
	padding-left:13px;
}
#start_first_pic .first_titel{
	padding-top:80px;	
}

.start_link_kr{
	float:left;
	width:200px;
	height:300px;
	background:url('/tattoo-versicherung/krankenversicherung.jpg') no-repeat;
	display:block;
}
.start_link_un{
	float:left;
	width:200px;
	height:300px;
	background:url('/tattoo-versicherung/unfall-versicherung.jpg') no-repeat;
	display:block;
}
.start_link_al{
	float:left;
	width:200px;
	height:300px;
	background:url('/tattoo-versicherung/altersvorsorge.jpg') no-repeat;
	display:block;
}
















.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.content-klein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}



.content-bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
}
/* <<< Navi >>> */

.navi-home
{
display: block;
	width:40px;
	height:41px;
background-image:url(/tattoo-versicherung/home.jpg);
background-repeat:no-repeat;
}

.navi-home:hover 
{
display: block;
	width:40px;
	height:41px;
background-image:url(/tattoo-versicherung/home-02.jpg);
background-repeat:no-repeat;

}

.navi-tattoo
{
display: block;
	width:169px;
	height:41px;
background-image:url(/tattoo-versicherung/tattoos-studios.jpg);
background-repeat:no-repeat;
}

.navi-tattoo:hover 
{
display: block;
	width:169px;
	height:41px;
background-image:url(/tattoo-versicherung/tattoos-studios-02.jpg);
background-repeat:no-repeat;

}

.navi-kranken
{
display: block;
	width:99px;
	height:41px;
background-image:url(/tattoo-versicherung/kranken.jpg);
background-repeat:no-repeat;
}

.navi-kranken:hover 
{
display: block;
	width:99px;
	height:41px;
background-image:url(/tattoo-versicherung/kranken-02.jpg);
background-repeat:no-repeat;

}

.navi-unfall
{
display: block;
	width:122px;
	height:41px;
background-image:url(/tattoo-versicherung/unfall.jpg);
background-repeat:no-repeat;
}

.navi-unfall:hover 
{
display: block;
	width:122px;
	height:41px;
background-image:url(/tattoo-versicherung/unfall-02.jpg);
background-repeat:no-repeat;

}

.navi-alter
{
display: block;
	width:98px;
	height:41px;
background-image:url(/tattoo-versicherung/alter.jpg);
background-repeat:no-repeat;
}

.navi-alter:hover 
{
display: block;
	width:98px;
	height:41px;
background-image:url(/tattoo-versicherung/alter-02.jpg);
background-repeat:no-repeat;

}

.navi-sel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #9c0b18;
}


.content-links_sel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #ce5618;
}

.links-navi-sub
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #ce5618;
}

.links-navi-sub:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #ffffff;
}

.links-navi-sub-sel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #ffffff;
}


.links
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
}

.links:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #f3991b;
	
	
}
.content-links-bold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #f05f07;
}

.content-links-bold:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #cccccc;
}

.content-links-bold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #f05f07;
}

.content-links-bold:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #cccccc;
}

.content-links-sel 

{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	color: #cccccc;
    border: solid 0px;
	font-weight: bold;
}
  
  
.button
   { background-color:#003771;
     color:#FFFFFF;
     width:100px;
     border:1px solid #2a2a28;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 color: #ffffff;
     }
	 
.eingabe
   { background-color:#003771;
     color:#FFFFFF;
     width:150px;
     border:1px solid #2a2a28;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
     }
	 #pic-border
{
				border:1px solid #2a2a28;
}
                          

                            

                             

.farbe2           { color: #000000;

                              font-size: 11px;

                              font-family: Verdana, Arial, Helvetica, sans-serif;

                              vertical-align:text-top;

                              line-height: 17px;

                              background-color:#ffffff;

                              border:1px solid #41413e;

                            }

                            



.farbe1      { color: #000000;

                              font-size: 11px;

                              font-family: Verdana, Arial, Helvetica, sans-serif;

                              vertical-align:text-top;

                              line-height: 17px;

                              background-color:#ffffff;

                              border:1px solid #41413e;

                            }





.farbe3           { color: #ff0000;

                              font-size: 11px;

                              font-family: Verdana, Arial, Helvetica, sans-serif;

                              vertical-align:text-top;

                              line-height: 17px;

                              background-color:#41413e;

                              border:1px solid #333333;

                            } 

							

.tabelle_head       { color: #ffffff;

                              font-size: 11px;

                              font-family: Verdana, Arial, Helvetica, sans-serif;

     						  font-weight: bold;
							  }
#pic-border
{
border:1px solid #ffffff;
}


.button-eingabe                       {border-style: solid;border-width: 1px;border-color: #000000;font-weight: normal;color: #000000;font-size: 10px;line-height: 14px;font-family: Verdana;text-align: left;background-color: #FFFFFF;width:100px;}

 

.webdesign-textfeld                       {border-style: solid;border-width: 1px;border-color: #208CBB;font-weight: normal;color: #000000;font-size: 11px;line-height: 14px;font-family: Verdana;text-align: left;background-color: #ECECEC;}                    

 

.webdesign-button                        {background-color:#003771;color:#000000;width:100px;border:1px solid #208CBB;}                    

 

.webdesign-auswahl                      {border-style: solid;border-width: 0px;border-color: #208CBB;font-weight: normal;color: #000000;font-size: 10px;line-height: 11px;font-family: Verdana;text-align: left;background-color: #ECECEC;width:150px;height:10px;}