/******************************************************************************
*   roth-feuerschutz
*   css/styles.css
*   (c) 2010 e.sens.e gmbh
*   J.F., C.S.
*   Tags
*   Allgemeine Klassen
*   Wrapper
*   Header
*   Top Navigation
*   Body
*   Left Navigation
*   Pane - Left, Center, Right
*   Content
*   Footer
*   Page Border
* 
******************************************************************************/

.br{border: 1px dotted red !important;}

* {margin: 0; padding: 0;}

/******************************************************************************
* Tags
******************************************************************************/
body
{
    font-family:                Arial, Verdana, Helevetica, sans-serif;
    font-size:                  12px;    
    text-align:                 left;
    line-height:		       	1em;
    color:                      #454545;
	background:                 transparent url(../img/roth_bg3.png) repeat-x left top;
}

img 
{
    border:                     none;
}

h1
{
   color:                      #d51c1d;
   font-size:                  2em; 
   padding:                    28px 20px 14px 18px;
}

h3
{
    clear:                      both;
    float:                      left;
    width:						100%;
    height:                     auto;
    color:                      #ff1900;
    font-size:                  1.3em;
    line-height:                1.4em;
    margin-bottom:              0px;
}

a,
a:active,
a:link,
a:visited {
	text-decoration:            underline;
    color:                      #ff1900;
}

a:hover{
    text-decoration:            underline;
}

ul {
    list-style-type:            none;
}

li {
    width:                      auto;
    text-align:                 left;
}

div#content a[href$=".html"] {
    background:                 transparent url(../img/linkarrow.gif) no-repeat scroll left center;
    padding-left:               14px;
}
div#content a[href$=".php"] {
    background:                 transparent url(../img/linkarrow.gif) no-repeat scroll left center;
    padding-left:               14px;
}



/******************************************************************************
* cliclab Textblock  Klassen
******************************************************************************/

.align_left
{
    text-align:                 left;
}

.align_right
{
    text-align:                 right;
}

.align_center
{
    text-align:                 center;
}

.align_justify
{
    text-align:                 justify;
}

.float_left
{
    clear:                      left;
    float:                      left;
}

.float_right
{
    clear:                      right;
    float:                      right;
}
/******************************************************************************
* Allgemeine Klassen
******************************************************************************/
/*
.current1 {
    background:                 url(../img/bgBullet2Current.gif) no-repeat left 18px;    
}

.current2 {
    background:                 url(../img/bgBullet2.gif) no-repeat left 8px;
}

.bullet1 {
    background:                 url(../img/bgBullet1.gif) no-repeat left 18px;
}
*/


/******************************************************************************
* Wrapper
******************************************************************************/
div#main
{
    width:                      860px;
    margin:                     20px auto 0 auto;
} 

div#page
{
    float: 						left;
    width:                      860px;
    background-color:           #ffffff;
    height:                     auto;
    padding:                    0 0 16px;
}

/******************************************************************************
* Header
******************************************************************************/
div#header
{
    float:                      left;
    width:                      860px;
    height:                     106px;
    margin:                     0;
	/*background-color:           #ffffff;*/
	background:                 transparent url('../img/header_bg3.gif') no-repeat right top;
}

div#header img#logo {
	float:						left;
	margin:						10px 0 0 20px;
}

div#header img#loeschi {
	float:						right;
	margin:						8px 10px 0 0;
}

div#header h1
{
	display:					none;
}

div#header p.subline
{
    float:                      left;
	clear:                      left;
    color:                      #000000;
    margin:                     8px 0 0 25px;
	font-size:                  12px;
	font-weight:				bold;
}


.leftPaneBorder {
    border-left:                3px solid #ffffff !important;    
    border-bottom:              3px solid #ffffff !important;
}

.rightPaneBorder {
    border-left:                3px solid #ffffff !important;
    border-right:               3px solid #ffffff !important;
    border-bottom:              3px solid #ffffff !important;    
}

.borderBottom {
    border-bottom:              3px solid #ffffff !important;        
}

/******************************************************************************
* Top Navigation
******************************************************************************/
ul#headNav
{
    float:			            right;
    height:                     33px;
    list-style-type:		    none;
    margin-right:               88px;
	letter-spacing:             0.01em;
	font-size:                  0.9em;
    margin-top:                 26px;
}

ul#headNav li 
{
    float:                      right;
    padding:                    13px 0px 0px 0px;
}

ul#headNav li a
{
    float:			            left;
    width:			            auto;
    padding:                    0px 35px 0px 5px;
    font-size:                  1.0em;
    line-height:                1.1em;
    color:			            #000000;
    text-decoration:		    none;
}

ul#headNav li a:hover
{
    text-decoration:		    underline;
}

/******************************************************************************
* Body
******************************************************************************/
div#body
{
    clear:                      both;
    float:                      left;
    width:                      626px;
    height:                     auto;
    min-height:                 520px;
    margin:                 	6px 0 0 10px;
	background:                 transparent url(../img/grau_verlauf.jpg) no-repeat scroll right top;
}

/******************************************************************************
*  Navigation
******************************************************************************/
ul#nav
{
	height:                     20px;
	margin:                     0px;
	margin-left:                10px;
	padding:                    0px;
	list-style-type:	        none;
}
ul#nav li
{
	float:			            left;
	margin:			            0 2px 0 0;
	padding:		            0px;
	
}

ul#nav li a:link,
ul#nav li a:visited
{
    display:                    block;
    clear:                      both;
    float:                      left;
    width:                      112px;
    padding:                    5px 0 5px 0px;
    color:                      #1d3630;
    /*text-transform:             uppercase;*/
    text-decoration:            none;
    font-weight:                bold;
    font-size:                  12px;
	text-align:                 center;
    background:                 transparent url('../img/nav_bg.gif') no-repeat 0px 2px;
}

ul#nav li a:hover,
ul#nav li a:active
{
    text-decoration:            none;
    color:                      #bd1a1f;
}


ul#nav li.current a:link,
ul#nav li.current a:visited,
ul#nav li.current a:hover,
ul#nav li.current a:active
{
	background:                 transparent url('../img/nav_active_bg.gif') no-repeat 0px 2px;
	color: 						#FFFFFF;
}

/******************************************************************************
*  SUB-Nav
******************************************************************************/
ul#subnav
{
	float:						left;
	margin:                     0px;
	xmargin-left:                7px;
	xmargin-top: 				-4px;
	padding:                    0px;
	list-style-type:	        none;
}
ul#subnav li
{
	xbackground-color:           #dddbdb;
	margin:			            0 0 2px 0;
	padding:		            0;
	xwidth: 						150px;
}

ul#subnav li a:link,
ul#subnav li a:visited
{
    display:                    block;
    float:                      left;
    width:                      145px;
	color:						#333;
    padding:                    9px 0 9px 13px;
    background-color:           #dddbdb;
    /*text-transform:             uppercase;*/
    text-decoration:            none;
    font-size:                  12px;
	font-weight: 				bold;
	border-bottom: 				1px solid #E7E7E7;
}

ul#subnav li a:hover,
ul#subnav li a:active
{
    text-decoration:            none;
    color:                      #ff1900;
	background-color:           #cccccc;
}


ul#subnav li.current a:link,
ul#subnav li.current a:visited,
ul#subnav li.current a:hover,
ul#subnav li.current a:active
{
	color: 						#ff1900;
}

ul#subnav li.current ul li a:link,
ul#subnav li.current ul li a:visited {
    background: 				url("../img/subbullet.png") no-repeat scroll 9px 11px transparent;
    color: 						#1D3630;
    font-size: 					11px;
    font-weight: 				normal;
    padding-bottom: 			6px;
    padding-left: 				20px;
    padding-top: 				7px;
}

ul#subnav li.current ul li.current a:link,
ul#subnav li.current ul li.current a:visited,
ul#subnav li.current ul li.current a:hover,
ul#subnav li.current ul li.current a:active {
    background: 				url("../img/subbulletred.png") no-repeat scroll 9px 11px transparent;
    color: 						#ff1900;
    font-weight: 				bold;
}

ul#subnav li a#subnav_link_defibrillator
{
color: red;
font-weight: bold;
}

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

/******************************************************************************
* Content
******************************************************************************/
div#content
{
    float:                      right;
    width:                      448px;
    height:                     100%;
	min-height: 				460px;
    font-size:                  1.1em;
    line-height:                1.5em;
    margin-left:                0px;
	margin-top:                 10px;
	padding-top: 				6px;
	background:                 transparent url('../img/rightpane_bg.jpg') no-repeat right top;
}

/******************************************************************************
* Pane - Left, Center, Right
******************************************************************************/
div.download  img{
	max-width: 100%;
	height: auto;
}

div#leftPane
{
    float:                      left;
    background-color:           #ededed;
	background:                 transparent url(../img/leftpane_bg.jpg) repeat-x left top;
    min-height:                 520px;
    width:                      158px;
    margin-left:                0px;
	margin-top:                 20px;
    text-align:                 center;
    margin-bottom:              -2000px;
    padding-bottom:             2000px
}

div#centerPane {
    float:                      left;
    width:                      520px;
    height:                     auto;
    padding-bottom:             16px;
}

div#centerPaneBorder {
    background:                 url(../img/bgContent.gif) no-repeat left top;
}

div#centerPane ul {

	margin:						15px 0px 15px;
    float:                      left;
    width:                      551px;
    height:                     auto;
    margin-bottom:              15px;
}

div#centerPane ul li{
    clear:                      left;
    float:                      left;    
    height:                     auto;
    width:                      500px;    
    padding:                    2px 0px 2px 14px;
    font-size:                  1.1em;
    line-height:                1.1em;
    font-weight:                normal;
    background:                 url(../img/bgBullet3.gif)  no-repeat left 7px;    
}

div#centerPane h2
{
    font-family:                Times, serif;
    font-size:                  18px;
    color: #962b48;
    border-bottom: 1px solid #912b46;
    margin-bottom: 4px;
    padding-bottom: 4px;
}

div#rightPane {
    float:                      right;
	margin:					    6px 0 0 0;
    width:                      208px;
    height:                     auto;
}


div#rightPane p {
    clear:                      both;
    width:                      200px;
    height:                     auto;
    padding:                    2px 0px 24px;
    text-align:                 center;
	color:						#454545;
}

div#rightPane b{
    font-weight:                bold;
    color:                      #bd1a1f;
}

div#rightPane a,
div#rightPane a:link,
div#rightPane a:active,
div#rightPane a:visited
{
	text-decoration:			none;
    width:                      100%;
    height:                     auto;
    color:                      #454545;
	color: #FF1900;
    padding:                    2px 4px 5px 0;
	font-weight: bold;
	
}    

div#rightPane a:hover
{
	text-decoration:			underline;
}

div#rightPanew h3 {
border-bottom: 1px solid #CCCCCC;
margin: 0px 10px 10px 0;
display: block;
width: 200px;
}

div#rightPane .newsblock {
border-top: 1px solid #CCCCCC;
padding-top: 4px;
margin: 0px 10px 10px 0;
display: block;
width: 200px;
float: left;
}


div#rightPane h4 {
font-size: 1.1em;
margin: 0px 10px 10px 0;
width: 200px;
height: auto;
line-height: 1.4em;
}
div#rightPane .fulltext {
line-height: 1.4em;
}
div#rightPane a.newslink {
clear: both;
float: left;
display: block;
width: 100%;
}

div#rightPane .fulltext img.float_left {
margin-right: 10px;
margin-bottom: 10px;
}

div#control {
    background-color:           #e9e9e9;
	border: 					1px solid #cccccc;
    height:                     80px;
    width:                      196px;
    margin-bottom:              20px;
}
div#control h5 {
	
	letter-spacing: -0.03em;
	margin:                     20px 0 0 10px;
	font-size:                  1.3em;
	color:                 		#ff1900;
}

div.info {
    float: left;
    width: 100%;
	font-size: 0.9em;
    font-weight: bold;
	padding: 10px 0;
	border-bottom: 1px solid #9f9f9f;
    border-top: 1px solid #9f9f9f;
}

div.info a{
	color: grey;
}

a.certs {
	float: left;
	margin-top: 10px;
	display: block;
}

a.certs.border {
    border-top: 1px solid grey;
    padding-top: 10px;
}

select.page {
  	color:                      #000000;
	font-weight:	            bold;
 	width:                      166px;
  	font-size:                  0.9em;
    margin:                     10px 0px 0px 10px;
}

/******************************************************************************
* Footer
******************************************************************************/
div#footer {
    clear:                      both;
    float:                      left;
    width:                      863px;
    height:                     auto;
    text-align:                 center;
    color:                      #efefef;
    padding:                    10px 0px;
	font-size:                  0.8em;
	line-height: 				1.8em;
	background:                 transparent url('../img/footer_bg2.gif') no-repeat right top;
}
div#footer a,
div#footer a:active,
div#footer a:link,
div#footer a:visited
{
    font-size:                  1em;
    line-height:                1.1em;
	color:                      #efefef;             
}
div#footer hr {
	display:					none;
}
/******************************************************************************
* Textblock
******************************************************************************/

div.textblock
{
	margin-top:					0px;
	margin-bottom:				15px;
   /* clear:                      both;*/
    float:                      left;
	width: 						442px;
}
div.textblock h3
{
   display:                      block;
   padding:              	     0px 0 5px 0px;
}

div.textblock_default img,
div.textblock_default object
{
    margin-left:                0px;
    margin-right:				4px;
    margin-top:                 15px;
    margin-bottom:              15px;
	border: 4px solid #cccccc;
	padding: 0px;
}

div.textblock img.float_left,
div.textblock object.float_left
{
    margin-left:                0px;
    margin-right:               10px;
    margin-top:                 4px;
}

div.textblock img.float_right,
div.textblock object.float_right
{
    margin-left:                10px;
    margin-right:               0px;
    margin-top:                 0px;
}

div.textblock strong
{
	margin:                     0;
	padding:                    0;
}

div.textblock strong.textblock_subline

{
	clear:                      both;
    display:                    block;
    font-style:                 italic;
    margin-bottom:              10px;
}


div.textblock ul
{
	margin:						10px 0 10px 0;
	padding:					0;
	line-height: 				22px;
}


div.textblock_textcol
{
    clear:                      both;
    float:                      left;
    width:                      394px;
    padding-right:              10px;
}

div.textblock_textcol_odd
{
    clear:                      none;
    padding-right:              0px;
    padding-left:               10px;
	padding-top: 				0px;
}

div.textblock_textcol_even
{
 	clear:                      none;
}

div.textblock_textcol h3
{
}

div.textblock_textcol strong.textblock_subline
{
}

div.textblock_semipremium_even,
div.textblock_semipremium_odd
{
	margin-top: 				12px;
	padding-top: 				18px;
	border-top: 				1px solid #cbd2ba;
}

div.textblock_textcol ul
{
	float:						left;
}

div.textblock table
{
	width: 						428px;
	table-layout:				auto;
	border-spacing: 			0px;
	border-collapse:			collapse;
}

div.textblock_table thead
{
	background-color:			#d1d1d1;
}

div.textblock_table th,
div.textblock_table td
{
	padding-left: 				10px;
}

div.textblock_table tr.even
{
	border-top: 				2px solid white;
	background-color: 			#e9e9e9;
}

div.textblock_table tr.odd
{
	border-top: 				2px solid white;
	background-color: 			#dedede;
}
div.textblock table a
{
	text-decoration:            none;
}

div.textblock_framed,
div.textblock_slideshowpremium
{
	background-color: #e0e0e0;
	margin-left: -8px;
	padding: 4px 10px 4px 10px;
	width: 96%;
}


/******************************************************************************
* Reiter-Gruppen (c) cliclab
******************************************************************************/

div#content0 {
	display:block;
	float:left;
	width:428px;
}
a#contenttab0 {
	background-image:	url(../img/tab1.gif);
	font-weight:bold;	
}

div#content1 {
	display:none;
	float:left;
	width:428px;
}
div#content2 {
	display:none;
	float:left;
	width:428px;
}
div#content3 {
	display:none;
	float:left;
	width:428px;
}
div#content4 {
	display:none;
	float:left;
	width:470px;
}
div#content5 {
	display:none;
	float:left;
	width:470px;
}
div#content6 {
	display:none;
	float:left;
	width:470px;
}
div.contenttabs {
	background-image:url(../img/tabbg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	height:24px;
	margin-bottom:10px;
	margin-right:2px;
	margin-top:0;
	padding-right:10px;
}
div.contenttabs h2 {
	display:inline;
}
a.tab, a.tab:link, a.tab:visited, a.tab:active, a.tab:hover {
	background-image:url(../img/tab2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#606060;
	display:block;
	float:left;
	height:24px;
	padding-top:4px;
	text-align:center;
	text-decoration:none;
	width:160px;
}

a.tabsel, a.tabsel:link, a.tabsel:visited, a.tabsel:active, a.tabsel:hover {
	background-image:url(../img/tab1.gif);
	font-weight:bold;
}