@charset "utf-8";
/* CSS Document for osteoporose.org

	Blau : #124f9b
	Grün:
	Orange: #d74e1e
	text: #636465

*/

body{margin:0; padding:0; background:#ededed url(../images/body-bg-rep.gif) repeat center 69px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#636465; line-height:1.4em;}

a:link, a:visited{color:#124f9b; font-weight:bold; text-decoration:none;}
a:hover {color: #d74e1e; text-decoration:underline; }

small{font-size:10px;}

p, div{margin:0; padding:0;}

h1{color:#124f9b; margin:0; padding-bottom:8px;}
h2{color: #d74e1e; font-size:18px; font-weight:bold; font-style:italic; padding:40px 0 8px 0; margin:0;}
h2 small {font-size:16px; color:#636465;}
h3{color:#124f9b; font-size:16px;font-weight:bold; margin:0; padding:0;}

.clear {clear:both;}

.wrapper{background: transparent url(../images/header-bg-rep.gif) repeat-x center top; height: 145px;}

.header{ background: transparent url(../images/header-bg.jpg) no-repeat center top; height: 127px;}
.headercontainer{ width:975px; height:127px; margin:0 auto;}
#alternateheader{width:590px; height:127px; background: transparent url(../images/header-bilder/bild01.png) no-repeat 0 0;}
#headerflash{ width:590px; height:127px; }

.contentwrapper{ width:975px; margin:20px auto;}

.content{width: 767px; margin:0 auto; line-height:1.8em; background:transparent url(../images/content-box-white-middle.gif) repeat-y center top; padding:0 20px;}
.content-top{width: 807px; margin:20px auto; margin-bottom:0; padding:0; background:transparent url(../images/content-box-white-top.gif) no-repeat center top; height:17px;}
.content-bottom{width: 807px; margin:0 auto; margin-bottom:20px; padding:0; background:transparent url(../images/content-box-white-bottom.gif) no-repeat center top; height:14px;}
.content h1{ color: #d74e1e; font-size:27px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:normal; }
.content p{padding-bottom: 20px;}

.right-pic{ float:right; margin:5px 0 20px 30px;}
.left-pic{  margin:5px 30px 20px 0; float:left; }

.left-side{float:left;}

.right-side{float:right; margin:10px 0 0 0; }

.mainmenucontainer {}

.menucollumn { width:207px; float:left;}

.mainmenubutton {font-size: 22px; color:#FFF; width:207px; height:84px; line-height:84px; font-weight:bold; background: transparent url(../images/menu-button-green.gif) no-repeat center 10px; text-align:center; overflow:hidden; }
.mainmenubutton a:link, .mainmenubutton  a:visited, .mainmenubutton a:hover{color:#124f9b; text-decoration:none; display:block;}

.mainmenubuttonactive {font-size: 22px; color:#FFF; width:207px; height:168px; line-height:84px; font-weight:bold; background: transparent url(../images/menu-button-big-selected.gif) no-repeat center top; text-align:center; position:relative; z-index:1000; }
.mainmenubuttonactive a:link, .mainmenubuttonactive  a:visited, .mainmenubuttonactive a:hover{color:#fff; text-decoration:none; display:block;}

.mainmenucaption{ line-height:normal; font-size:17px; display:none;}

.menulegend{margin-left:8px; /*position:absolute; top:490px;*/}

.menulegend-top{ width:599px; height:12px; background:transparent url(../images/infobox-white-wide-top.gif) no-repeat 0 0; }
.menulegend-middle{width:599px; background:transparent url(../images/infobox-white-wide-middle.gif) repeat-y 0 0;}
.menulegend-content{
	padding:0 25px 0 25px;
	font-size:13px;
}
.menulegend-content h2{padding:0 0 5px 0;}
.menulegend-bottom{width:599px; height:11px; background:transparent url(../images/infobox-white-wide-bottom.gif) no-repeat 0 0;}

.newsbox{width:340px;}
.newsbox-top{height:39px; text-align:center; background:transparent url(../images/newsbox-top.gif) no-repeat 0 0; color:#FFF; font-size:23px; font-weight:bold; line-height:35px;}
.newsbox-middle{ background:transparent url(../images/newsbox-middle.gif) repeat-y 0 0; padding: 0 20px 0 20px; /*height:385px;*/}
.newsbox-bottom{height:15px; background: transparent url(../images/newsbox-bottom.gif) no-repeat 0 0;}
.newsitem{ padding:8px 0 8px 0; border-bottom: 1px solid #999; font-size:13px; line-height:1.4em;}


.subnavigation{ text-align:center; margin: 0 0 15px 0; clear:both; float:left; width:100%; overflow:hidden;}

.subnavigation ul{padding:0; margin:0 auto; list-style-type:none; float:left;  position:relative;   left:50%; }
.subnavigation ul li{padding:0 36px 0 36px;  }
.subnaviitem{float:left; width:147px; height:48px; background:transparent url(../images/subnav-button-orange.gif) no-repeat center top; line-height:48px; font-size:17px; font-weight:bold; text-align:center; position:relative; right:50%;}
.subnaviitem a:link, .subnaviitem a:visited{color:#fff; text-decoration:none; display:block;width:147px; float:left; }

#subnaviitemactive{background:transparent url(../images/subnav-button-grey.gif) no-repeat center top;}

.breadcrumbnavi{clear:both; background: transparent url(../images/breadcrumb-bar.gif) no-repeat 0 0; width:787px; height: 24px; margin:0 auto; line-height:24px; color:#fff; font-size:14px; padding: 0 0 0 15px; overflow:hidden; }

.breadcrumbnavi a:link, .breadcrumbnavi a:visited {color:#fff; font-weight:bold; text-decoration:none;}
.breadcrumbnavi a:hover {color:#d74e1e;}

.breadcrumbtext{float:left; width: 700px; }

.breadcrumb-back{float:right; background: transparent url(../images/zurueck-button-blue.gif) no-repeat 0 0; width: 68px; height:24px; text-align:center; font-weight:bold;}
.breadcrumb-back a:link, .breadcrumb-back a:visited{color:#fff;}
.breadcrumb-back a:hover{color:#d74e1e;}

.whiteminibox{background-color:#fff; border:1px #ccc solid; -moz-border-radius: 8px; -webkit-border-radius:8px; padding:10px; width:300px;}

.pdflink{background:#fff url(../images/pdf-symbol.gif) no-repeat 5px 5px; border:1px #ccc solid; -moz-border-radius: 5px; -webkit-border-radius:5px; padding:2px; display:block; width:200px; text-indent:26px; font-weight:bold; }

.zitat{width:630px; color:#124f9b; font-weight:bold; background-color:#fff; border:1px #ccc solid; -moz-border-radius: 8px; -webkit-border-radius:8px; padding:10px; margin:0 auto;}
.zitat small{text-align:right; display:block; font-size:14px; font-style:italic; font-weight:normal;}

.docbio{background-color:#fff; border:1px #ccc solid; -moz-border-radius: 8px; -webkit-border-radius:8px; padding:18px 18px 0 18px; margin: 10px auto;}

.infotabelle{ border:1px solid #ccc; margin:8px 0;}
.infotabelle tr th{ text-align:left; font-weight:bold; color:#124f9b; border:1px solid #ccc; padding-left:5px;}
.infotabelle tr td{ border:1px solid #ccc; padding-left:5px; }
.infotabelle thead{  font-weight:bold; background-color:#CCC;}
.infotabelle thead td{  padding-left:5px;}


.footerbox{ background-color:#17469d; padding:4px 0; color:#FFF; font-size:12px; margin-top:30px;   width:100%;}

.footerbox a{ color:#fff;}

.footer{ width:965px; margin: 0 auto;}

.form-error{color: #F00; margin-top:0; margin-bottom:0;}
.form-error li{ margin:0; padding:5px 0; line-height:normal;}

.download{ border:1px #ccc solid; -moz-border-radius: 5px; -webkit-border-radius:5px; padding:10px; display:block;   width:450px; margin-bottom:20px;}

.presse{ border:1px #ccc solid; -moz-border-radius: 5px; -webkit-border-radius:5px; padding:10px; display:block;   width:80%; margin:0 auto; margin-bottom:20px;}

.download.open{ background-color:#FFF; background-image:none;}

.download.closed{ background-color:#CCC; background-image:url(../images/schraffur.gif);}

.download-thumb{float:left; width:150px; }
.download-thumb img{ background-repeat:no-repeat; background-position:center center; background-color:#FFF; border:1px solid #CCC; -moz-border-radius: 4px; -webkit-border-radius:4px; }
.download-desc{ float:right; margin-right:7px; width: 270px;}
.presse-desc{ float:right; margin-right:7px; width: 430px;}
p.downloadbutton{ -moz-border-radius: 5px; -webkit-border-radius:5px; background: transparent url(../images/newsbox-top.gif) center top;  text-align:center; overflow:hidden; width:110px; padding-bottom:0; padding:5px; line-height:normal;}
.downloadbutton a{ color:#FFF;}

/* p.download-warner{-moz-border-radius: 5px; -webkit-border-radius:5px; background-color:#c60505; text-align:center; overflow:hidden;  padding-bottom:0; padding:5px; line-height:normal; color:#FFF; font-weight:bold; font-size:12px; width:190px;} */

.download-warner{color:#c60505;  font-weight:bold; font-size:12px; font-style:italic;}


.loginbox{width:260px; border:1px solid #CCC; -moz-border-radius:8px; -webkit-border-radius:8px; padding:0; background:transparent url(../images/newsbox-top.gif) no-repeat -12px -2px; }
.loginbox-top{height:39px; text-align:center;  color:#FFF; font-size:20px; font-weight:bold; line-height:31px; -moz-border-radius: 8px; -webkit-border-radius:8px; padding:0; margin:0;}
.loginbox-middle{ background:transparent url(../images/newsbox-middle.gif) repeat-y center top; padding: 0 20px 0 20px;  font-size:13px; line-height:1.4em;}
.loginbox-bottom{height:15px; }
.loginitem{ padding:8px 0 8px 0;  }

.error_login {color: #F00;}
.news_tag {float:left; width: 300px; padding:12px 15px 8px 15px; margin: 20px; min-height:150px; border:2px solid #CCC; -moz-border-radius: 8px; -webkit-border-radius:8px; font-size:14px; line-height:1.4em; background-color: #F2F2F2}