/*---------------------------------
  VIEWPORT & PAGE
---------------------------------*/
body {margin:0;padding:10px 0 10px 0;background: #ECECEC url(../img/bg/viewport.png) repeat-x left top;text-align:center;}
#page{position:relative;width:978px;margin:auto;padding:10px;color:#000;font-family:Verdana,Arial,Helvetica;font-size: 13px;line-height: 16px;text-align:left;background: #fff url(../img/bgr/left.gif) repeat-y 10px top;}

/*---------------------------------
  GLOBAL STYLES
---------------------------------*/
img {border: 0;}
ul,li {list-style: none;margin:0;padding:0;}
#content p {text-align: justify;}
h1, h2 {margin: 0;padding: 0;font-weight: bold;width: 100%;}
a {color:#274780;text-decoration:none;font-weight: normal;}
a:hover {color:#98171C;outline: none;}
form{margin:0;padding:0;}
.float_l{float:left;}
.float_r{float:right;}
.str{font-weight:bold;color:#555;}
.rgt{text-align:right;}

.cbc {width:225px;float:left;margin-bottom:8px;}
.checkbox { position:relative;width:11px;height:11px;float:left;background: url("../img/checkbox.gif") 0 0px no-repeat; padding:0px;	margin:0 5px 0 0;cursor: default; }
label {position:relative;float:left;top:-2px;}
.checkbox input { display:none;}
input,textarea,select { width:250px; border:1px #ccc solid;}
input {height:16px;}
.but_submit{width:250px;height:23px;color:#fff;background:#274780;border:0;}
#but_angebot{position:absolute;top:18px;right:0;float:right;}

/*---------------------------------
  HEADER
---------------------------------*/
#header{position:relative;width:100%;height:228px;margin:0;padding:0;background:#fff;overflow:hidden;text-indent:-9999px;}
#header .left_middle { position:relative;float:left;width:772px;height:227px;background:#f1f1f1 url(../img/bg/header_left_middle.gif) 0 0 repeat-x;border-top:1px #BCC4D2 dashed;border-bottom:1px #BCC4D2 dashed;border-right:1px #BCC4D2 dashed;}
#header .right { position:relative;float:right;width:195px;height:227px;line-height:16px;background:#274780 url(../img/bg/header_right.jpg) 0 0 repeat-x;border-left:8px #fff solid;}
#hero_shot{position:relative;width:300px;height:228px;top:0;background:#f1f1f1 url(../img/hero_shot.png) 0 0 no-repeat;}
#logo {position:absolute;width:345px;height:51px;top:6px;left:416px;background:transparent url(../img/logo.gif) 0 0 no-repeat;}
#claim {position:absolute;width:223px;height:14px;top:200px;left:538px;background:transparent url(../img/claim.gif) 0 0 no-repeat;}
#slogan_p1{position:absolute;width:406px;height:66px;top:90px;left:236px;background:transparent url(../img/slogan_p1.gif) 0 0 no-repeat;}
#slogan_p2{position:absolute;width:130px;height:113px;top:58px;left:640px;background:transparent url(../img/slogan_p2.jpg) 0 0 no-repeat;}


/*---------------------------------
  FOOTER
---------------------------------*/
#footer {width:978px;height:18px;margin:0;padding-top:8px;color:#777;font-size:11px;background:#fff;clear:both;}
#footer .content {width:976px;height:16px;margin:0;padding:0;background:#fff;text-align: right;border:1px #BCC4D2 dashed}
#footer img{border:1px #fff solid;}
#footer #partner{position:absolute;width:168px;bottom:70px;text-align:center}

/*---------------------------------
  CENTER
---------------------------------*/
.center {position:relative;width:100%;overflow:hidden;}
.wrap1,.wrap2 {position:relative;float:left;width:100%;}
#middle,#left,#right {position:relative;float:left;overflow:hidden;}
.cols {/* RCBC */background:transparent url(../img/bg/col.jpg) 0 0 repeat-x;}
.cols .wrap1 {right:195px;	/* RCW *//* CCBC */background:#fff;}
.cols .wrap2 {right:613px;/* CCW *//* LCBC */ background:transparent url(../img/bg/col.jpg) 0 0 repeat-x;}
#middle {width:583px;/* CCCW */left:978px;}
#left {width:170px;/* LCCW */left:225px;/* RCW */text-align:center;}
#right {width:195px;/* RCCW */left:838px;}
#content { width:563px; color:#000;}
#footer {position:relative;}

/*---------------------------------
  TOP NAVIGATION
---------------------------------*/
/*
#topnav{position:absolute;top:10px;left:182px;height:10px;color:#000;text-indent:-9999px;}
#topnav ul li {float:left;padding-right:5px;}
#topnav ul li a {display:block;height:10px;}
#topnav_1 { width:63px;background: url(../img/topnav/impressum.gif) 0 0 no-repeat;}
#topnav_2 { width:81px;background: url(../img/topnav/drucken.gif) 0 0 no-repeat; }
.topnav_sep { width:2px;background: url(../img/topnav/pipe.gif) 0 0 no-repeat; }
#topnav a:hover{ background-position: 0 -20px; }
#topnav .active { background-position:0 -20px;  }
*/
#topnav{position:absolute;top:10px;left:182px;width:200px;height:10px;color:#000;text-indent:-9999px;}
#topnav_1 { width:63px;background: url(../img/topnav/impressum.gif) 0 0 no-repeat;}
#topnav_2 { width:81px;background: url(../img/topnav/drucken.gif) 0 0 no-repeat; }
.topnav_sep { width:2px;background: url(../img/topnav/pipe.gif) 0 0 no-repeat; }
#topnav a:hover{ background-position: 0 -20px; }
#topnav .active { background-position:0 -20px;  }
#topnav a { display:block;float:left;margin-right:5px;outline:none;}

/*---------------------------------
  NAVIGATION
---------------------------------*/
#nav {position:relative;margin:0;padding:0;font-variant:small-caps;text-indent:-9999px;}
#nav ul li a { display:block;width:170px;height:23px;border-bottom:1px #fff solid;}
#nav_1 { background: url(../img/nav/home.gif) 0 0 no-repeat; border-top:1px #fff solid;}
#nav_2 { background: url(../img/nav/pferdeversicherung.gif) 0 0 no-repeat; }
#nav_3 { background: url(../img/nav/pferdehof-police.gif) 0 0 no-repeat; }
#nav_4 { background: url(../img/nav/reitlehrer-haftpflicht.gif) 0 0 no-repeat; }
#nav_5 { background: url(../img/nav/berufsunfaehigkeit.gif) 0 0 no-repeat; }
#nav_6 { background: url(../img/nav/op-versicherung.gif) 0 0 no-repeat; }
#nav_7 { background: url(../img/nav/unfallversicherung.gif) 0 0 no-repeat; }
#nav_8 { background: url(../img/nav/hundeversicherung.gif) 0 0 no-repeat; }
#nav_9 { background: url(../img/nav/angebot_anfordern.gif) 0 0 no-repeat; }
#nav_e { height:40px;min-height:40px;background: url(../img/nav/end.gif) 0 0 no-repeat; }
#nav a:hover { background-position: 0 -63px; }
#nav .active { background-position: 0 -126px; }

/*---------------------------------
  LEFT
---------------------------------*/

/*---------------------------------
  RIGHT
---------------------------------*/
#header p,#right p{margin:0;padding:0;color:#153163;text-align:left;}
#header h3,#right h3{height:23px;min-height:23px;margin:0;padding:0;font-variant:small-caps;text-indent:-9999px;border-bottom:1px #fff solid;}
#hotline{position:relative;background:#153163 url(../img/hdr/hotline.gif) 0 0 no-repeat;}
#tel_fax{position:relative;top:8px;width:195px;height:120px;background:transparent url(../img/tel_fax.gif) 0 0 no-repeat;}
#email{position:relative;top:52px;left:1px;width:190px;height:20px;text-indent:0;}
#rrs{background:#153163 url(../img/hdr/rueckruf_service.gif) 0 0 no-repeat;}
#dpp{background:#153163 url(../img/hdr/darum_pferdepolice.gif) 0 0 no-repeat;}
#nws{background:#153163 url(../img/hdr/news.gif) 0 0 no-repeat;}

#right p{margin:0;padding:10px 10px 10px 25px;font-size:11px;color:#153163;text-align:left;}
#right input{height:13px;width:136px;font-size:11px;}
#right li {width:195px;height:23px;font-size:11px;line-height:23px;text-indent:-9999px;color:#153163;border-bottom:1px #fff solid;}
#right .but_submit2 {width:140px;height:18px;font-size:11px;color:#98171C;background:0;border:0;cursor:pointer;}

#v_1 { background: url(../img/vorteile/guenstige_preise.gif) 0 0 no-repeat;}
#v_2 { background: url(../img/vorteile/kompetente_beratung.gif) 0 0 no-repeat;}
#v_3 { background: url(../img/vorteile/renommierter_versicherer.gif) 0 0 no-repeat;}
#v_4 { background: url(../img/vorteile/transparente_abwicklung.gif) 0 0 no-repeat;}
#v_5 { background: url(../img/vorteile/schneller_service.gif) 0 0 no-repeat;}

/*---------------------------------
  MIDDLE
---------------------------------*/
#content{padding:10px 20px;}
#content h1{margin:0;padding:18px 0 0 0;font-size:15px;line-height:18px;font-variant:small-caps;}
#content p{line-height:22px;color:#333;text-align: justify;}
#content ul{margin:25px 0 0 0;}
#content li{padding:0 0 15px 15px;text-align: justify;line-height:22px;color:#333;background:transparent url(../img/dot_blue.gif) 2px 8px no-repeat;}
#content ul li h3{margin:0;padding:0;text-align: justify;font-size:13px;font-weight:bold;color:#555;}
#content table{margin:25px 0 0 0;float:right;border-collapse:collapse;font-size:12px;margin-right:20px;}
#content th {padding:5px;font-weight:normal;color:#fff;background:#274780;vertical-align:top;border-right:1px #fff solid;}
#content td {padding:5px;background:#F8F9FB;border:1px #ccc solid;vertical-align:top;}
#content .td_blank{background:0;border:0;}
#content .half{width:50%;}
#content .rlh {float:none;clear:after;margin:25px 0 25px 0;white-space:nowrap;}
#content .dark {background:#E0E5EE;}
#content .red {color:#B52128;}
#content .small { font-size:10px;}
#content .rlh2 td {border:1px #fff solid;background:0;margin:0;}
#content .rlh3 {margin:0 0 25px 0;white-space:nowrap;}
#content .rlh3 td {border:1px #fff solid;background:0;margin:0;}
#content .si td input {width:30px;}

/*---------------------------------
  CALLBACK WINDOW
---------------------------------*/
.callback {background:#E9ECF5;margin:0;padding:0;text-align:center;}
.callback #page {width:380px;margin:0 auto;padding:0;background:#E9ECF5 url(../img/bg/col.jpg) 0 0 repeat-x;}

/*---------------------------------
  ACCORDEON
---------------------------------*/
#vorteile .heading{text-indent:-9999px;}
.heading{width:195px;height:23px;padding:0;cursor:pointer;border-bottom:1px #fff solid;}
.child{padding:6px 24px 12px 24px;font-size:11px;line-height:20px;color:#333;background:transparent;}
#v_1-header { background: url(../img/vorteile/guenstige_preise.gif) 0 0 no-repeat;}
#v_2-header { background: url(../img/vorteile/kompetente_beratung.gif) 0 0 no-repeat;}
#v_3-header { background: url(../img/vorteile/renommierter_versicherer.gif) 0 0 no-repeat;}
#v_4-header { background: url(../img/vorteile/transparente_abwicklung.gif) 0 0 no-repeat;}
#v_5-header { background: url(../img/vorteile/schneller_service.gif) 0 0 no-repeat;}