@charset "utf-8";
/*
border:1px dashed #E24753;
background-color:#F6F6F6;
*/
@import url("bcb_form.css");
/* ------------------------------------------------------------ */
/* GLOBAL */
/* ------------------------------------------------------------ */
*{
margin:0px;
padding:0px;
}
html,body{
height:100%;
}
body{
color:#666666;
background:url(../_img/deco/deco_triangle_back.png) #B8B4A3 repeat 0px 0px;
font:normal normal normal 11px Verdana,Geneva,Helvetica,sans-serif;/*standardfontdefinition*/
}
img{
border:0px;
}
/* ------------------------------------------------------------ */
/* GLOBAL LINKS */
/* ------------------------------------------------------------ */
/*standardlinks
a:link,
a:visited,
a:hover,
a:active,
a:focus
*/
a{
font:normal normal normal 11px Verdana,Geneva,Helvetica,sans-serif;/*standardfontdefinition*/
text-decoration:none;
outline-style:none;
}
a:link,
a:visited,
a:active{
color:#730029;
}
a:hover,
a:focus{
color:#A40042;
}
/* contentfliesstextlinks */
a.icon{
padding-left:6px;
background:transparent url(../_img/icon_link.png) no-repeat 0px 4px;
font:normal normal normal 11px Verdana,Geneva,Helvetica,sans-serif;
text-decoration:none;
outline-style:none;
}
a.icon:link,
a.icon:visited,
a.icon:active{
color:#730029;
}
a.icon:hover,
a.icon:focus{
color:#A40042;
background-position:0px -6px;
}
a.current{
font-weight:bold;
}
/* ------------------------------------------------------------ */
/* GLOBALE POSITIONIERUNG */
/* ------------------------------------------------------------ */
/* zentriert vertikal mit page zusammen */
#distance{
float:left;
margin-bottom:-330px;/* halbe containerhhe */
width:1px;
height:50%;
}
/*trgt alle elemente und zentriert sie im viewport */
#page{
clear:left;
margin:0 auto;
width:830px;
background:#FFFFFF;
color:#666666;
overflow:visible;
position:relative;
}
/* ------------------------------------------------------------ */
/* LOGO */
/* ------------------------------------------------------------ */
.img_logo{
float:right;
margin-right:0px;
width:180px;
display:inline;
}
#slogan{
margin:0px 0px 0px 30px;
width:470px;
height:95px;
}
/* ------------------------------------------------------------ */
/* NAVIGATION */
/* ------------------------------------------------------------ */
/* allgemeine angaben navigation */
#nav{
width:100%;
padding-top:15px;
height:95px;
}
/* subnavigation */
#nav_sub{
float:left;
margin-left:10px;
padding:40px 20px 10px 20px;
display:inline;
color:#730029;/* background:url(../_img/deco/circle_back_03.png) #E6E6E1 no-repeat 0px bottom;*/
height:365px;
;
width:160px;
}
#nav_sub_list{
width:100%;
list-style:none;
}
#nav_sub_list li{
border-bottom:1px solid #B5B6A5;
padding:5px 0px 5px 0px;
}
#nav_sub_list li.none{
border:none;
}
#nav_sub_list li.sub{
padding:5px 0px 5px 10px;
}
/* ------------------------------------------------------------ */
/* CONTENT */
/* ------------------------------------------------------------ */
/* contentbereich container zur stabilisierung - trgt keine inhalte bis auf content */
#content_container{
width:830px;
overflow:visible;/* height:445px;*/
position:relative;
}
/* allgemeiner contentbereich */
#content{
float:left;
padding-bottom:5px;
width:620px;
display:inline;
overflow:visible;
}
/* ------------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------------ */
#footer{
width:100%;
background-color:#8A7F6B;
height:55px;
}
#footer p{
float:right;
padding:20px 20px 0px 0px;
width:40px;
text-align:right;
}
/* ------------------------------------------------------------ */
/* CONTENTMODULE */
/* ------------------------------------------------------------ */
/* contentmodul normal */
.con_mod{
float:left;
padding-top:4px;
margin-left:10px;
display:inline;
}
/* contentmodul trgt text hlfte hlfte */
.mod_half{
width:300px;
}
/* contentmodul trgt text 2/3 */
.mod_gold{
width:400px;
}
/* contentmodul trgt text 1/3 */
.mod_small{
width:200px;
}
/* contentmodul trgt alles */
.mod_full{
width:620px;
}
.mod_back{
margin-left:20px;
background:#DBD7CE;
}
div.color-1{
margin:0px 0px 10px 0px;
background:#FDFDFD;
}
div.color-2{
margin:0px 0px 10px 0px;
background:#FBFBFA;
}
div.color-3{
margin:0px 0px 10px 0px;
background:#FAF9F8;
}
div.color-4{
margin:0px 0px 10px 0px;
background:#F8F7F5;
}
div.color-5{
margin:0px 0px 10px 0px;
background:#F6F5F3;
}
div.color-6{
margin:0px 0px 10px 0px;
background:#F5F4F2;
}
div.color-7{
margin:0px 0px 10px 0px;
background:#F4F3F1;
}
div.color-8{
margin:0px 0px 10px 0px;
background:#F3F2F0;
}
div.color-9{
margin:0px 0px 10px 0px;
background:#F2F1EE;
}
div.color-10{
margin:0px 0px 10px 0px;
background:#F1F0ED;
}
/* ------------------------------------------------------------ */
/* TEXTFORMATE */
/* ------------------------------------------------------------ */
p{
margin:0px 0px 10px 20px;
line-height:14px;
}
.mod_back p{
margin:0px 0px 0px 0px;
padding:10px 5px 10px 10px;
}
.mod_back p.time{
float:left;
width:40px;
margin:0px 20px 15px 0px;
padding:10px 5px 15px 10px;
color:#666666;
font-weight:bold;
text-align:center;
}
p.legend{
font-size:10px;
}
h1{
margin-bottom:10px;
margin-left:20px;
margin-top:20px;
font-size:12px;
font-weight:normal;
line-height:15px;
text-transform:uppercase;
}
h2{
margin-bottom:5px;
margin-left:20px;
font-size:11px;
font-weight:bold;
line-height:15px;
}
/* ------------------------------------------------------------ */
/* CLEAR als soloelement und für bestehende elemente */
/* ------------------------------------------------------------ */
.clear{
border:0.1px;
clear:both;
font-size:0px;
height:0%;
}
.inc_clear{
clear:both;
}
/* ------------------------------------------------------------ */
/* ABSTANDSKLASSEN können global auf elemente angewandt werden */
/* ------------------------------------------------------------ */
.mt_h{
margin-top:44px;
}
.mt_5{
margin-top:5px;
}
.mt_10{
margin-top:10px;
}
.mt_20{
margin-top:20px;
}
.ml_0{
margin-left:0px;
}
.ml_20{
margin-left:20px;
}
.ml_30{
margin-left:30px;
}
.mr_10{
margin-right:10px;
}
.mr_20{
margin-right:20px;
}
.mr_120{
margin-right:120px;
}
.mb_10{
margin-bottom:10px;
}
.mb_20{
margin-bottom:20px;
}