/* CSS Document */

body{
margin:12px 10px;
color:#000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5;

}
a
{
border:0;
outline:none;
color:#DF4343;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

a img
{
border:0;
outline:none;
}

/* Resets */

ul, li, form, input, textarea, input, select, h1, h2, h3, h4
{
margin:0;
padding:0;
list-style-type:none;
}


ol
{
margin:0;
padding:0;
padding-left:30px;

}

ol li
{
list-style:decimal;
clear:both;
list-style-position:outside;
}

#yield
{
width:960px;
margin:0 auto;
}

#header
{
float:left;
width: 960px;
margin-bottom:10px;
}
#header div.logo
{
float:left;
width:150px;
}

#header div.toolbar
{
float:right;
margin-top:15px;
}

#header div.toolbar div.inner
{
padding-top:15px;
}

#teaser
{
margin-top:10px;
height:335px;
width:960px;
background:#efefef;
background-repeat:no-repeat;
background-position:1px 1px;
clear:both;
}
body.home #teaser
{
background: url(../home_bg.jpg) 1px 1px no-repeat;
}

body.home #store
{
background: url(../fachgeschaeft_bg.jpg) 1px 1px no-repeat;
}

#menu
{
width:960px;
margin-top:6px;

}
#menu ul li
{
float:left;


margin-right:3px;
}
#menu ul li a
{
border:1px solid  #ccc;
border-top:none;
display:block;
line-height:24px;
padding:0 9px;
font-size:12px;
text-decoration:none;
padding-bottom:2px;
color:#999999;
}


#menu ul li a:hover
{
border:1px solid  #DF4343;
border-top:none;
color: #DF4343;
}

#menu ul li a.selected
{
border:1px solid  #000;
border-bottom:none;
color:#000;
}
#menu ul li a.selected:hover
{
border:1px solid  #000;
border-bottom:none;

}

#content
{
width:960px;
float:left;
margin-top:45px;
padding-bottom:45px;
}

#submenu
{
width:150px;
height:400px;
float:left;
}
#submenu ul, #submenu li
{
margin:0;
padding:0;
}
#submenu ul li
{

margin-bottom:3px;


}
#submenu ul li a
{

border-left:none;
display:block;
line-height:22px;
padding:1px 9px;
font-size:12px;
text-decoration:none;
padding-bottom:3px;
padding-top:2px;
color:#999999;
}



#submenu ul li a:hover
{

color:#DF4343;
border-color:#DF4343;
}

#submenu ul li ul.closed:hover
{


border-color:#DF4343;
}

#submenu ul li ul.closed li
{
display:none;
}
#submenu ul li ul.closed li.first
{
display:block;
margin:0;
}
#submenu ul li ul.closed
{
border:1px solid #ccc;
border-left:none;
overflow:hidden;
}
#submenu ul li ul.open
{
border:1px solid #000;
border-right:none;
padding-bottom:6px;
}
#submenu ul li ul.open li
{
margin:0;
}
#submenu ul li ul.open li a:hover
{
color:#DF4343;
}
#submenu ul li.single
{
border:1px solid #ccc;
border-left:none;
}

#submenu ul li.selected
{

border-right:none;
border-left:1px solid;
}

#submenu ul li.selected
{
color:#000;
border-color:#000;
}
#submenu ul li.selected a
{
color:#000;
}

#submenu ul li.single:hover
{
border:1px solid #DF4343;
border-left:none;
}
#submenu ul li.selected:hover
{
border-color:#000;
border-right:none;
border-left: 1px solid;
}
#submenu ul li ul.open li a
{
color:#999;
line-height:1.1;
font-size:11px;
}
#submenu ul li ul.open li a.selected
{
color:#000;
border-bottom:1px dotted black;
padding-left:0;
margin-left:9px;
line-height: 22px;
margin-bottom:4px;
font-size:12px;
}

#submenu ul li ul.open li a.currentArticle
{
color:#000;

}

#main_content
{
width:482px;

margin-left:38px;
float:left;
}






/* Text Formatting */

h1, h2, h3, h4, h5
{
font-family:Verdana, Helvetica, Arial
}


h1
{
font-size:28px;
color:#000000;
padding-bottom:18px;
font-family:Trebuchet MS, Verdana, Helvetic, Arial;
margin-top:-9px;
}
h2
{
font-size:20px;

padding-bottom:9px;
}
h3
{
font-size:16px;
font-weight:bold;
padding-bottom:6px;
}

#news_entries h3
{
font-size:16px;
font-weight:bold;
padding-bottom:6px;
float:left;
width:350px;
}

#news_entries strong
{
dislay:block;
float:right;
font-size:10px;
color:#999;

}

#news_entries p
{
clear:both;
}
#news_entries hr
{
margin-bottom:25px;
}

h5
{
font-size:14px;
font-weight:normal;
line-height:1.6;
padding-bottom:6px;
font-weight:bold;
margin:0;
}

h4
{
font-size:14px;
padding-bottom:18px;
line-height:1.6;
}


p
{
line-height:1.5;
margin:0;
padding:0;
padding-bottom:18px;
}


div.slice
{
clear:both;
}

.slice img
{
border:1px solid #ccc;
}


div.nextSlice
{
margin-top:18px;
clear: both;
}

.nextSlice img
{
border:1px solid #ccc;
}



/* float classes */

img.left
{
float:left;
margin-top:3px;
margin-right:18px;
margin-bottom:12px;
border:1px solid #ccc;
}
.brtp img.left
{
margin-bottom:18px;
border:1px solid #ccc;
}
img.right
{
float:right;
margin-top:3px;
margin-left:18px;
margin-bottom:12px;
border:1px solid #ccc;
}
.brtp img.right
{
margin-bottom:18px;
border:1px solid #ccc;
}

img.inline
{
float:none;
border:1px solid #ccc;
}

.brtp br
{
clear:both;
}


#sform
{
display:none;
margin-top:5px;
}



/* ------------------------------------------------------------

 * Tertiär-Navigation (Tools)
 *
 * Definiert Stile fr die Tertiär-Navigation sowie das 
 * Newsletter-Feld
 *
---------------------------------------------------------------*/

div.tools
{
	float:left;
	margin-right:15px;
	color:#999;
}

div.tools ul li
{
	float:left;
	margin: 0 3px;
}

div.tools ul li.newslt
{
	float:left;
	margin:0;
	margin-left:20px;

}

div.tools ul li a
{
	color:#999;
	text-decoration:none;
}

div.tools ul li a:hover
{
	color:#999;
	text-decoration:underline;
}

div.newsletter
{
	background:url(images/newsletter_box.gif) no-repeat;
	width:150px;
	height:18px;
	float:left;
	position:relative;
}

div.newsletter input.nltf
{
	border:0;
	font-size:10px;
	margin-top:2px;
	margin-left:4px;
	color:#000;
	width:124px;
	margin-right:0px;
}

*+html div.newsletter input.nltf
{
	vertical-align:4px;
}

div.newsletter input.nlsb
{
	position:absolute;
	display:block;
	border:0;
	width:18px;
	height:18px;
	background:url(images/newsletter_box_btn.gif);
	right:0;
	top:0;
	cursor:pointer;
}

div.newsletter input.nlsb:hover
{
	background:url(images/newsletter_box_btn.gif) left -18px;
}



/* ------------------------------------------------------------

 * Sidebar Inhalte 
 *
 * Definiert Stile für den Inhalt der rechten Sidebar.
 * Beinhaltet den Kalender sowie ein Ad.
 *
---------------------------------------------------------------*/

#right_content
{
	float:right;
	height:300px;
	margin-left:48px;
	width:240px;
}

#right_content div#ical
{
	float:left;
}

#right_content div#sbc
{
	float:left;
	margin-bottom:15px;
}

#right_content div#sbc a img
{
	border: 1px solid #ccc;
}

#right_content div#sbc a:hover img
{
	border: 1px solid #DF4343;
}



/* ------------------------------------------------------------
 *
 * Marken-Logos
 *
---------------------------------------------------------------*/


div.vendor_logo
{
	width:114px;
	height:72px;
	float:left;
	margin-top:11px;
}

div.vendor_logo a
{
	background-position:left top;
	display:block;
	width:100%;
	height:100%;
	
}

div.vendor_logo a:hover
{
	background-position:left bottom;
}

div.row
{
	margin-right:11px;

}
div.endofrow
{
	margin-right:0;
}

hr
{
background:url(images/hr_dotted.gif) repeat-x;
border:none;
height:1px;
width:auto;
}

/* ------------------------------------------------------------
 *
 * Kontakt-Formular
 *
---------------------------------------------------------------*/


div#mail
{
background:#fff;



}

div#mail input.tf
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
width:321px;
	border:1px solid #9f9f9f;
	background:#fff url(images/tf_background.gif) repeat-x;
	padding:4px;

}

div#mail input.tf:focus, 
div#mail input.tfshort:focus,
div#mail input.tfmini:focus,
div#mail textarea.ta:focus
{
background:#ffffff;
}

div#mail input.tfshort
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
width:248px;
	border:1px solid #9f9f9f;
	background:#fff url(images/tf_background.gif) repeat-x;
	padding:4px;

}
div#mail input.tfmini
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
width:53px;
	border:1px solid #9f9f9f;
	background:#fff url(images/tf_background.gif) repeat-x;
	padding:4px;

}

div#mail textarea.ta
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	height:104px;
	width:323px;
	height:125px;
	border:none;
	outline:none;
	border:1px solid #9f9f9f;
	background:#fff url(images/tf_background.gif) repeat-x;
	padding:3px;
}

div#mail .texter
{
width:323px;
margin-bottom:10px;



}

div#mail .group
{
float:left;
}
div#mail .group span.member
{
float:left;
}

div#mail span.caption
{

display:block;
margin-top:10px;
margin-bottom:2px;

}

div#mail input.submit
{
	width:auto;
	border:0;
	background:#efefef;
	padding:4px;
	color:#000;
		border:1px solid #9f9f9f;

}

div#mail input.submit:hover
{

	width:auto;
	border:auto;
	background:#DF4343;
	padding:4px;
	color:#fff;
}



#inpform
{
clear:both;
}

#inpform strong
{
font-weight: normal;
display:block;
padding-left:15px;
background:url(images/seminar_arrow_left.gif) left 6px no-repeat;
float:right;
}


#sform input
{

	width:248px;
	border:1px solid #9f9f9f;
	background:#fff url(images/tf_background.gif) repeat-x;
	padding:4px;
}

#sform textarea
{

	width:248px;
	border:1px solid #9f9f9f;
	background:#fff url(images/tf_background.gif) repeat-x;
	padding:4px;
}

#sform input.inpsb
{

	width:auto;
	border:auto;
	background:#efefef;
	padding:4px;
	color:#000;
}

#sform input.inpsb:hover
{

	width:auto;
	border:auto;
	background:#DF4343;
	padding:4px;
	color:#fff;
}