/*
Screen Design & CSS:
design rabe 10/2005
info@design-rabe.de
*/


/*
######################################
Allgemeine Voreinstellungen
######################################
*/
html{overflow-x:hidden;overflow-y:auto;}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,hr,form,input,object{margin:0;padding:0;}
body{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:100.01%;background-color:#fff;text-align:center;width:100%;}
a{text-decoration:none;color:#0B5EAA;font-weight:bold;}
a:hover{color:#04A18F;text-decoration:none;}
img{font-size:0.7em;}


/*
######################################
Layout-Container
######################################
*/
#wrapper{width:920px;position:relative;margin:0 auto 0 auto;padding-top:5px;padding-bottom:0px;text-align:left;background-color:#fff;}
#footer{clear:both;width:920px;margin:1em auto 1em auto;padding:4px 0 4px 0;text-align:right;background-color:#C4D4f2;}
#header{height:95px;margin:0 0 10px 0;background-image:url(../images/blr_head_bg.jpg);background-repeat:no-repeat;background-position:top left;}
#titel{position:absolute;top:0;left:0;width:187px;height:48px;}
#topmenue{position:absolute;top:10px;height:1.3em;right:1.65%;color:#000000;background-color:transparent;padding-left:0.25em;}
#navigation{clear:both;float:left;width:21%;margin:0 11px 0 0;font-family:Geneva,Arial,Helvetica,sans-serif;}
#inhalt{float:left;width:48.5%;margin:0 11px 0 0;}
#spalterechts{float:left;width:28%;font-family:Geneva,Arial,Helvetica,sans-serif;}


/*
######################################
Textformate
######################################
*/
h1,h2,h3,h4,h5,h6{margin:0 0 0.5em 0;line-height:1.4em;}
h1{font-size:80%;background-color:#0B5EAA;color:#FFFFFF;margin:0 0 1em 0;padding:0.3em 0.4em 0.3em 0.4em;}
h2{font-size:90%;}
h2.verlauf{margin:1.5em 0px 1em 0px;padding:0.1em 0 0.15em 1em;background-image:url(../images/titel1backg.jpg);background-repeat:no-repeat;background-position:0 0;}
h2.e3{margin:0.5em 0 1.1em 0;padding:0 0 0.1em 0;border-bottom:0.15em solid #444444;background-image:none;}
h2.lnk{margin:1em 0 0 0;padding:0 0 0 25px;font-size:0.85em;font-weight:bold;background-image:url(../images/pfeil.jpg);background-repeat:no-repeat;background-position:0 0.15em;}
h3{font-size:85%;margin:1em 0 0.5em 0;}
h4{font-size:80%;}
h5,p,li{font-size:75%;}
#inhalt p,#inhalt li{margin:0 0 1em 0;line-height:1.5em;}
#inhalt p.lnk{padding-left:25px;}
.image_left{float:left;margin:0 1em 0 0;}
.image_left span{display:block;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:0.75em;}
.image_right{float:right;margin:0 0 0 0;}
.image_right span{display:block;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:0.75em;}
/* für die kunden: der 2spalter ist zum 3er mutiert... */
.image_left_2spaltergroup{clear:both;padding:0.5em 0;}
.image_left_2spalter{float:left;text-align:center;margin:0 1% 0 0;padding:0.25em;width:29%;}
.image_left_2spalter .img{height:50px;}
.image_left_2spalter img{}
.image_left_2spalter h3{font-size:0.75em;font-weight:normal;font-family:Geneva,Arial,Helvetica,sans-serif;}
.image_left_2spalter p{font-size:0.7em;}
.image_left_2spalter p.slogan{font-weight:bold;font-size:0.75em;}
.image_left_3spalter{float:left;margin:0 0 1em 0;width:33%;text-align:center;}
.image_left_3spalter h3{font-size:0.8em;font-weight:normal;}
.image_left_3spalter p{font-size:0.7em;}
/* für die redaktion*/
.image_left_4sp{float:left;margin:0;width:24.95%;text-align:center;}
.image_left_4sp h3{font-size:0.7em;margin:0.75em 0 1.5em 0;font-weight:normal;font-family:Geneva,Arial,Helvetica,sans-serif;white-space: nowrap;}
#inhalt .kasten{margin:1em 0;padding:0.5em;background-color:#EBEBEB;}
#inhalt .kasten h2,#inhalt .kasten h3{font-size:90%;padding:0 0 0.25em 0;margin:0 0 1em 0;border-bottom:1px solid #C6C6C6;text-transform:uppercase;}
/* 
Spalterechts 
*/
#spalterechts div{margin:0 1px 10px 0;padding:5px;border:1px solid #A1A1A1;background-color:#EBEBEB;}
#spalterechts div#extra01{background-color:#C4D4f2;margin-bottom:0px;border-bottom:none;}
#spalterechts div#extra02{border-top:none;margin-bottom:10px;}

#spalterechts h4{margin:1em 0.4em 0.5em 0.4em;text-align:center;padding:0;border-bottom:0.1em solid #0B5EAA;}
#spalterechts #extra01 h4{margin:0 0 0.5em 0;}
#spalterechts p{margin:0 0.4em;padding:0.62em 0 0 0;}
#spalterechts #extra01 p{text-align:right;}
#spalterechts #extra02 p{padding:0.3em 0 0.3em 23px;line-height:1.5em;background-image:url(../images/lautsprecher-hp.gif);background-repeat:no-repeat;background-position:0 0.7em;}

#spalterechts .credits{white-space:nowrap;}
#spalterechts ul{list-style:none;margin:auto 0.4em;padding-left:0;}
#spalterechts li{font-size:0.65em;line-height:1.3em;padding:0.4em 0 0.8em 0;display:block;border-bottom:1px solid #C4D4F2;}
#spalterechts li.letzterpunkt{border-bottom:1px solid #FFFFFF;}

/* 
audioshop 
*/
#spalterechts #audioshop{margin-bottom:10px;padding:0;border:1px solid #A1A1A1;background-color:#EBEBEB;}
#spalterechts #audioshop h3{margin-top:0;margin-bottom:1em;padding:0.2em 0.3em;text-align:center;background-color:#C4D4F2;}
#spalterechts #audioshop p{margin:auto 0.4em 0.4em 0.4em;padding:0.62em 0 0 0;}
#spalterechts #audioshop div.audioshoplogin{margin:0;padding:0;border:none;}
#spalterechts #audioshop form p{padding:0;text-align:right;}
#spalterechts #audioshop form .textfeldbeschreibung{float:left;}
#spalterechts #audioshop form input{border:1px solid #A1A1A1;background-color:#F2F2F2;margin:0.1em 0;}
#spalterechts #audioshop form .textfeld{width:65%;}
#spalterechts #audioshop form input.button{border:none;text-align:center;background-color:#ccc;}


/* 
kunden & partner 
*/
.partner{margin-top:0.62em;padding:0.4em;border:1px solid #A1A1A1;background-color:#EBEBEB;}
.partner h4{margin:0;text-align:center;padding:0;border-bottom:0.1em solid #0B5EAA;}
.partner object{width:179px;}


/*
######################################
Menue-Formate
######################################
*/
/* 
Horizontales Menue 
*/
ul.navhoriz{list-style:none;white-space:nowrap;}
#header ul.navhoriz{}
ul.navhoriz li{display:inline;}
ul.navhoriz a{margin:0;padding:0.2em 0.4em 0.2em 0.4em;text-decoration:none;text-align:center;font-family:Geneva,Arial,Helvetica,sans-serif;font-weight:bold;color:#0B5EAA;}
ul.navhoriz a:hover{color:#04A18F;}
/* 
Vertikales Menue 
*/
ul.navvertic{list-style-type:none;background-color:#0B5EAA;}
ul.navvertic ul{background-color:#C4D4F2;}
* html ul.navvertic{background-color:transparent;}
ul.navvertic li{display:inline;}
ul.navvertic li a{display:block;padding:0.3em 0.4em;border-bottom:0.1em solid #FFFFFF;overflow:hidden;text-decoration:none;color:#FFFFFF;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:110%;}
* html ul.navvertic li a{background-color:#0B5EAA;}
ul.navvertic li ul li a{display:block;padding:0.3em 0.4em;border-bottom:1px solid #FFFFFF;overflow:hidden;text-decoration:none;color:#0B5EAA;font-size:130%;}
ul.navvertic li ul li ul li a{padding:2px 5px 3px 15px;border-bottom:1px solid #FFFFFF;font-size:130%;}
* html ul.navvertic li ul li a{background-color:#C4D4F2;}
ul.navvertic a.strong{background-color:#9CCEB4;color:#FFFFFF;}
ul.navvertic a:hover{background-color:#05B6A2;color:#FFFFFF;}
ul.navvertic li ul a.strong{background-color:#C4DDCF;color:#0B5EAA;}
ul.navvertic li ul a:hover{background-color:#9CCEB4;color:#0B5EAA;}
ul.navvertic li ul li ul a.strong{background-color:#C4DDCF;color:#0B5EAA;}
ul.navvertic li ul li ul a:hover{background-color:#C4DDCF;color:#0B5EAA;}

/* 
Sitemap 
*/
DIV#sitemap {padding: 1em 1.5em;line-height: 22px; font-size:16px}
DIV#sitemap UL {padding: 0 0 0 25px;margin: 0 0 0 -25px;list-style-type: none;}
DIV#sitemap UL {background: url(../../images/exim.gif) repeat-y 0% 0%;}
DIV#sitemap UL.last {background-image: none;}
DIV#sitemap LI {padding: 4px 0 0 25px;margin: 0;list-style-type: none;}
DIV#sitemap LI {background: url(../../images/extm.gif) no-repeat 0% 0%;}
DIV#sitemap LI.last {background: url(../../images/exlm.gif) no-repeat 0% 0%;}
DIV#sitemap LI LI {color: #000000;font-weight: normal; font-size:12px}
DIV#sitemap li li li a {font-weight: normal; }
DIV#sitemap a:hover {text-decoration:underline; }

/* 	
#############################
Sonstiges
#############################
*/
input{font-size:75%;padding:0.124em 0.186em 0 0.186em;}
input.suchbutton,input.suchfeld{border-width:1px;color:#0B5EAA;background-color:transparent;}
input.suchbutton{margin:0 0 0 5px;padding:0.05em 0.186em 0.04em 0.186em;}
.invis,hr,.hidden{display:none;}
img{border:none;}
.break{clear:both;display:block;margin:1.5em 0 1.5em 0;width:auto;border-bottom:1px solid #C4D4F2;text-align:right;}
.breaksoft{clear:both;display:block;margin:0;width:auto;border-bottom:1px solid #C4D4F2;text-align:right;}
.breaknoline{clear:both;display:block;margin:1.5em 0 1.5em 0;width:auto;text-align:right;border:none;}

#navigation p{margin:0.62em 0;padding:0 0 1em 0;}

p.pfeil{clear:both;padding-left:20px;background-image:url(../images/pfeil.jpg);background-repeat:no-repeat;background-position:0 0.2em;}
p.audiolink{clear:both;padding-left:20px;background-image:url(../images/lautsprecher-hp.gif);background-repeat:no-repeat;background-position:0 0.25em;}
p.pfeilgelb{clear:both;padding-left:20px;background-image:url(../images/pfeil-gelb.jpg);background-repeat:no-repeat;background-position:0 0.2em;}
p.download{clear:both;padding-left:20px;background-image:url(../images/download.gif);background-repeat:no-repeat;background-position:0 0.2em;}
#titel a{display:block;width:169px;height:44px;}
.nowrap{white-space:nowrap;}
.bold{font-weight:bold;}
.pagerbox{margin:1em auto;font-size:100%;}
.floatkill{clear:both;line-height:0;font-size:0;margin:0;padding:0;}
div.bildmitkurztext{float:left;margin-right:1em;width:50%;clear:both;}

div.suche h2{
	margin-bottom:0;
}
div.suche p, div.suche small, div.suche i{
	margin:0;
	padding:0;
}


/* 
	eigentlich in redaxwebpagestyles 
*/

div.pagerbox{
	border-top:1px solid #0B5EAA;
	border-bottom:1px solid #0B5EAA;
	padding:1px;
	font-size:11px;
}
.formbutton2 {
	background-color: #c4d4f2;
	border-color:#ccc;
	border-style:outset;
	border-width:1px;
	font-weight:bold;
	text-align:center;
	font-size:9px;
	padding:1px 3px 1px 3px;
	width:15px;
	text-decoration:none;
	margin-left:2px;
}
.formbutton2disabled {
	background-color:transparent;
	border-color:#fff;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
	text-align:center;
	font-size:9px;
	padding:1px 3px 1px 3px;
	width:15px;
	color:#fff;
	text-decoration:none;
	margin-left:2px;
}

.formbutton:hover , .formbutton2:hover {
	background-color:#0B5EAA;
	color:#FFFFFF;
	text-decoration:none;
}
.formbutton2disabled:hover , .formbutton2disabled:hover {
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}