/*
*	CSS-Layout for 3-Column IT-Flat Master Template
*	Template for Sitefinity
*	Created: 27.10.2009
*	Author: Marek Schmidt
*/
html
{
	height:100%;
}
body 
{
	background-color: #e1ddd9;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#333333;
	padding:0;
	margin:0;
	height:100%;
}

/* LINKS GENERAL */
a 
{
	color: #333333; 
	text-decoration:none;
}
a:visited 
{
	color:#333333;
}
a:hover 
{
	color: #999999;
}
a:active 
{	
	color:#333333;
}
a:active, a:focus {outline: none}

h1 
{
	font-size: 11px;
}

h2 
{
	font-size:11px;
}

img.download {vertical-align:middle;}


/* WRAPPER */
#wrapper 
{
	width: 900px;
	padding-left:25px;
	padding-right:25px;
	/*margin-bottom: 10px;*/
	margin:0 auto;
	background-image:url(../IMG/bg_repeat.jpg);
	background-repeat:repeat-y;

}


/* TOP */

#top 
{
	background-color: #e1ddd9;
	text-align: right;
	padding: 0px;
	margin: 0px;
	height:200px;
	background-color: #ffffff;
}

#top #top_nav
{
	background-image: url(../IMG/top_nav_bg.jpg);
	background-repeat: repeat-x;
	height: 135px;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	margin-top: 25px;
}
/* TOP->HEADER */
#top #header
{
	background-image:url(../IMG/header.jpg);
	height:40px;
	margin:0;
}

#top #header #headLink
{
	width:200px;
	height:40px;
	float:left;
}


/* TOP->HEADER->HEADERMENU */
#top #header .RadMenu_TopMenu
{
	float:right;
	width:400px;
	height:20px;
	margin-top:8px;
	margin-right:-44px;
}
#top #header .RadMenu_TopMenu .rmHorizontal
{
	display:inline;
	font-size:13px;
	
}
#top #header .RadMenu_TopMenu .rmHorizontal .rmItem
{
	display:inline;
	margin-left:5px;
	line-height:20px;
	font-weight:bold;
	font-size:11px;
}
#top #header .RadMenu_TopMenu .rmHorizontal .rmItem a 
{
	cursor:pointer;
	color:#999999;
	
}
#top #header .RadMenu_TopMenu .rmHorizontal .rmItem a:hover
{
	color:#333333;
}
#top #header .RadMenu_TopMenu  .rmFocused span{color:#333333;}

#top #header .RadMenu_TopMenu .rmHorizontal .rmText
{
	padding-right: 0px;
	cursor:pointer;
}

/* TOP->HEADER->SEARCHBOX*/
#top #header #header_searchbox
{
	float:right;
	width:160px;
	margin-right:20px;
	margin-top:15px;
}
#top #header #header_searchbox .queryText
{
	margin-top:5px;
	margin-right:5px;
	margin-left:5px;
	width:115px;
	background-color:#b9b9b9;
	border:none;
	color:#fff;
	padding-left:5px;
	float:left;
}
#top #header #header_searchbox .searchButton
{
	width:25px;
	height:25px;	
	float:left;
	margin:0;
	border:none;
	background-color:Transparent;
	cursor:pointer;
}
#top #headerblog
{
	background-image:url(../IMG/header_blog.jpg);
	height:200px;
	width:900px;
}

/* TOP->MAIN_NAV Sub */
.RadMenu_MainMenu_1
{
	width:185px;
	text-align:left;
	margin-left:24px;
	margin-right:4px;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
	font-size:13px;
	overflow:hidden;
	z-index:1;
}
.itemuu_sub
{
	margin-left:24px;
}
.itemlo_sub
{
	margin-left:21px;
}
.itempa_sub
{
	margin-left:27px;
}
.itemjo_sub
{
	margin-left:21px;
}

.RadMenu_MainMenu_1 .rmVertical .rmText
{
	margin:0px;
	cursor:pointer;
}
.RadMenu_MainMenu_1 .rmItem a
{
	margin-left:4px;
	width:162px;
	padding-bottom:1px;
}
.RadMenu_MainMenu_1 .rmItem a ,.RadMenu_MainMenu_1 .rmItem a:visited 
{
	padding-left:15px;
	color:#333333;
	cursor:pointer;
	line-height:20px;
	height:18px;
	margin-bottom:1px;
	overflow:hidden;
	width:167px;
	
}
.RadMenu_MainMenu_1 .rmRootGroup 
{
	
	width:272px;

}
.RadMenu_MainMenu_1 .rmItem a:hover 
{
	color:#000000;
	background-image:url(../IMG/top_nav_hover_arrow.png);
	background-repeat:no-repeat;
	background-color:#BDBDBD;
	padding-left:20px;
	width:157px;
}
.RadMenu_MainMenu_1 .rmItem .rmFocused ,.RadMenu_MainMenu_1 .rmItem .rmClicked 
{
	background-image:url(../IMG/top_nav_hover_arrow.png);
	background-repeat:no-repeat;
	background-color:#BDBDBD;
	
}
.RadMenu_MainMenu_1 .rmItem .rmFocused .rmText
{
	color:#000000;
	padding-left:5px;	
}
.RadMenu_MainMenu_1 .rmItem .rmFocused:hover
{
	
	padding-left:15px;	
}
.RadMenu_MainMenu_1 .rmClicked
{
	margin-left:0px;
	
}



/* TOP->MAIN_NAV Main */
.RadMenu_MainMenu 
{
	background-image:url(../IMG/top_nav_bg.jpg);
	background-repeat:repeat-x;
	height:35px;
	margin:0;
	margin-top:0px;
}

.RadMenu_MainMenu .rmRootGroup .rmItem
{
	background-color:transparent;
	background-image:url(../IMG/top_menu_bg.png);
	width:172px;
	height:116px;
	float:left;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	padding-left:18px;
	padding-top:8px;
	float:left;
	}

.itemuu
{
	margin-left:24px;
}
.itemlo
{
	margin-left:20px;
}
.itempa
{
	margin-left:26px;
}
.itemjo
{
	margin-left:20px;
}


.RadMenu_MainMenu .rmRootGroup .rmItem .rmText
{
	padding-left:2px;	
}

/* BREADCRUMBS */
#breadcrumbs
{
	height:22px;
	width:660px;
	padding-left:20px;
	padding-top:6px;
	background-color:#ffffff;
}
#breadcrumbs a
{
	color:#333333;
}
#breadcrumbs a:hover
{
	color:#999999;
}

/* MAIN */
#main img{border:0;}
#main 
{
	padding: 0;
	margin: 0 207px;
	height:100%;
	min-height: 300px;
    height: auto !important;
    height: 300px;
	margin-right:225px;
	padding:0 10px 12px 10px;
	margin-top:-28px;
	margin-bottom:-11px;
	

}
#main #keyVisual
{
	margin-left:20px;	
	margin-top:28px;	
}
#main #mainContent
{
	padding-top:10px;
	padding-left:22px;	
	padding-right:22px;	
	font-family:Verdana;
	padding-bottom:20px;
}

#main #mainContent h1
{
	font-size:16px;
	color:#333333;
	margin:0;
}
#main #mainContent h2
{
	font-size:12px;
	color:#333333;
	font-weight:bold;
	margin:0;
	margin-top:5px;
	
}

#main #mainContent h3
{
	margin:0;
	margin-top:15px;
	margin-bottom:-7px;
	font-size:12px;
	color:#333333;
	font-weight:bold;
}
#main #mainContent p
{
	font-size:12px;
	color:#000000;
	margin:0;
	margin-top:10px;
}

#main #bottomFunctions
{
	height:50px;
	width:100%;

}
#main #bottomFunctions #printLink
{
	width:200px;
	padding-left:22px;
	padding-top:3px;
	padding-bottom:3px;
	background-image:url(../IMG/icon_print.png);
	background-repeat:no-repeat;
	margin-left:90px;
	
}
#main #bottomFunctions #empfehlenLink
{
	width:200px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:22px;
	background-image:url(../IMG/icon_empfehlen.png);
	background-repeat:no-repeat;
	margin-left:15px;
	
	
}
/* LEFT */
#left 
{
	height:100%;
	float: left;
	width: 207px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	min-height: 300px;
    height: auto !important;
    height: 300px;

}

#left .submenu_left
{
	border-top:2px solid #424242;
	padding:0;
	margin-left:27px;
	background-color:#c8c8c8;
	width: 180px;
	/*overflow:hidden;*/
	z-index:5;
	
}

#left .submenu_left .rmRootGroup 
{
	width: 165px;
	font-size:12px;
	margin-top:0px;
	list-style:none;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
}
#left .submenu_left .rmRootGroup .rmItem
{
	list-style:none;
	line-height:20px;
}

#left .submenu_left .rmRootGroup .rmItem a
{
	padding-left:0px;
	cursor:pointer;
	color: #333333;
}

#left .submenu_left .rmLink
{
	width:100px;
	/*text-wrap:white-space;*/
	white-space:pre-wrap;
	width:157px;
} 

#left .submenu_left .rmItem a:hover 
{
	color:#000000;
	background-image:url(../IMG/Pfeil_Navigation.png);
	background-repeat:no-repeat;
	padding-left:15px;
	
}
#left .submenu_left  .rmItem .rmFocused ,.RadMenu_MainMenu_1 .rmItem .rmClicked 
{
	background-image:url(../IMG/Pfeil_Navigation.png);
	background-repeat:no-repeat;
}
#left .submenu_left  .rmItem .rmFocused .rmText
{
	color:#000000;
	padding-left:15px;	
}
#left .submenu_left  .rmItem .rmFocused:hover
{
	color:green;
	padding-left:0px;	
}
#left .submenu_left  .rmClicked
{
	margin-left:0px;
	
}





/* RIGHT */
#right 
{
	float: right;
	width: 234px;
	margin: 0;
	padding: 0;
	height:100%;
	background-color: #cccccc;
	min-height: 310px;
    height: auto !important;
    height: 310px;
	padding-bottom:35px;
	margin-top:-28px;
}

#right .box
{
	margin-top:10px;
	margin-bottom:10px;
	
}
#right .box img 
{
	border:none;
}
#right .box h1
{
	font-weight:bold;
	color:#333333;
	padding-left:23px;
	padding-top:8px;
	font-size: 11px;
	background-image:url(../IMG/right_h1.jpg);
	background-repeat:no-repeat;
	height:32px;
}

#right .box .image_paragraph
{
	cursor:pointer;
	font-weight:bold;
	color:#000000;
	font-size: 11px;
	height:32px;
	margin-bottom:10px;
}
#right .box .image_paragraph_image
{
	float:left;
	width:30px;
	height:30px;
	margin-left:10px;
	margin-right:10px;
	
}
#right .box .image_paragraph_title
{
	font-size:13px;
	font-weight:normal;
	color:#333333;
	margin-left:25px;
	padding:0;
}
#right .box .image_paragraph_text
{
	font-size:11px;
	font-weight:normal;
}

#right .box .link
{
	font-weight:bold;
	color:#333333;
	padding-left:30px;
	padding-top:8px;
	font-size: 11px;
	background-image:url(../IMG/right_h1.jpg);
	background-repeat:repeat-x;
	height:32px;
}
#right .box .arrow_link
{
	margin-left:10px;
}

#right .box .arrow_link a
{
	background-image:url(../IMG/link_img.jpg);
	background-repeat:no-repeat;
	height:17px;
	line-height:17px;
	padding-left:25px;
	font-size:12px;
	color:#333333;
	margin-left:10px;
}
#right .box .arrow_link a:hover
{
	color:#999999;
}
#right .boxSpacer
{
	height:10px;
}


/* FOOTER */
#footer 
{
	width:950px;
	margin: auto;
	padding: 0px;
	text-align: right; 
	height:57px;
	background-image:url(../IMG/footer_3cols.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	margin-top:0px;
	
}
#footer #text
{
	font-size:12px;
	width:300px;
	float:right;
	margin-right:65px;
	margin-top:6px;
	font-size:11px;
}
#footer #text a
{
	color:#999999;
}
#footer #text a:hover
{
	color: #333333
}
#clearer
{
	clear: both;
}




.formular
{
	 margin-top:0px;
}
.formular .spacer
{
	 height:10px;
	 width:100%;
}

.formular fieldset
{
	margin:0px;
	padding:10px;	
	-moz-border-radius: 20px;
}

.formular br
{
	 clear: left;
	
}

.formular label, .formular select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 100px; /* Breite.*/
  height:20px;
}
.formular .inputTwoLine
{
	display: block;
  float: left;
   height:36px;
}

.formular input#submit 
{ /* den Submit-Button */
  float: none;
  width: auto;
}

.formular .labelOneLine
{
 text-align: left; 
 width:150px;
 height:20px;
 line-height:20px;
 
}
.formular .labelTwoLine
{
 text-align: left; 
 width:150px;
 height:36px;
 line-height:16px;
 
}

.formular .textbox
{
	width:260px;
}

.formular .dropdown
{
	width:260px;
}
.formular .button
{
	width:120px;
	line-height:10px;
	
}
.formular .textarea
{
	width:260px;
	height:100px;
	padding-top:-2px;
}

.formularinfoError
{
	margin-top:15px;
	font-size:13px;
	color:Red;
	
}

.formularinfoSuccess
{
	margin-top:15px;
	font-size:13px;
	color:green;
}

.callbackForm
{
	
}



.arrowlink
{
	font-size:13px;
	background-image:url(../IMG/arrowlink.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	height:15px;
	line-height:15px;
	padding-left:15px;
	
}
.anchorlinkBig
{
	font-size: 16px	;
	font-weight:bold;
}


.anchorlink
{
	font-size: 14px	;
	font-weight:bold;
}

.anchorlink:hover
{
	color:#424242;
}

.fileImage
{
	width:50px;
	float:left;
	margin-left:8px;

}
.fileDescription
{
	font-weight:normal;
	float:left;
	width:340px;
}

.toplink
{
	float:right;
	background-image:url(../IMG/toplink.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	height:15px;
	line-height:15px;
	padding-left:15px;
	font-size:13px;	
}

#right .arrowlink
{
	font-size:13px;
	background-image:url(../IMG/arrowlink.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	height:15px;
	line-height:15px;
	padding-left:15px;
	margin-left:10px;
	display:block;
	margin-bottom:10px;
	
}
#right img
{
	margin-bottom:5px;
}

/* DIAGNOSE BANNER */

#diagnoseBanner
{
	margin-top:0px;
	background-image:url(../IMG/diagnosBanner_bg.jpg);
	background-repeat:no-repeat;
	width:610px;
	height:289px;	
	padding-left:15px;
	margin-left:15px;
	margin-top:-20px;
	
}

#diagnoseBanner #leftButtons
{
	float:left;
	width:145px;
	padding-top:20px;	
}
#diagnoseBanner #leftButtons div
{
	float:left;
	margin-bottom:20px;
	width:129px;
	height:65px;
	cursor:pointer;
}
#diagnoseBanner #leftButtons #button_rundr
{
	background-image:url(../IMG/rundr.png);
	background-repeat:no-repeat;
}

#diagnoseBanner #leftButtons #button_selbsttest
{
	background-image:url(../IMG/selbsttest.png);
	background-repeat:no-repeat;
}

#diagnoseBanner #leftButtons #button_barometer
{
	background-image:url(../IMG/barometer.png);
	background-repeat:no-repeat;
}



#diagnoseBanner #bannerContentRundR
{
	position:absolute;
	margin-top:5px;
	float:left;
	margin-left:148px;
	width:440px;
	height:278px;
	background-image:url(../IMG/rundr_bg.jpg);
}
#diagnoseBanner #bannerContentBarometer
{
	position:absolute;
	margin-top:5px;
	float:left;
	margin-left:148px;
	width:440px;
	height:278px;

}
#diagnoseBanner #bannerContentSelbstTest
{
	position:absolute;
	margin-top:5px;
	float:left;
	margin-left:148px;
	width:440px;
	height:278px;
	
}

#diagnoseBanner #rundr_text
{
	margin-top:175px;	
}

#diagnoseBanner #rundr_text a
{
	margin-left:140px;
}

#diagnoseBanner .textbox
{
	width:30px;	
	margin-right:15px;
	margin-left:5px;
	margin-bottom:2px;
	font-size:11px;
	height:13px;
	padding-top:-3px;
}

#diagnoseBanner .textboxlong
{
	width:235px;	
	margin-right:15px;
	margin-left:10px;
	margin-bottom:2px;
	font-size:11px;
	height:13px;
	
}

#diagnoseBanner h2
{
	margin:0;
	margin-top:3px;
	margin-bottom:3px;
	font-size:16px;
	color:#a83e34;
}

#diagnoseBanner #table_top
{
	margin:0;
	margin-top:5px;
	
}

#diagnoseBanner #table_bottom
{
	margin:0;
	margin-top:4px;
}

#diagnoseBanner .horline
{
	height:1px;
	border-top:1px dotted #000;
	margin-right:22px;
	margin-top:2px;
	margin-bottom:5px;
}

#diagnoseBanner .senden
{
	width:100px;
	border:none;
	cursor:pointer;
	background-image:url(../IMG/Pfeil_rot.jpg);
	background-color:Transparent;
	background-repeat:no-repeat;
	color:#a83e34;
	font-weight:bold;
		
}

#diagnoseBanner .succ
{
	padding-top:20px;
	width:530px;
	color:Green;
}

#diagnoseBanner .err
{
	padding-top:20px;
	color:Red;
	width:530px;
}
#diagnoseBanner #selftesttable
{
	width:420px;
	border:2px solid #999999;
}

#diagnoseBanner #selftesttable .numbercell
{
	background-color:#999999;
	color:#ffffff;
}
#diagnoseBanner #selftesttable .linecell
{
	background-color:#999999;
	font-size:2px;
}
#diagnoseBanner #selftesttable .textcell
{
	background-color:#ffffff;
	padding-left:3px;
	
	padding-bottom:6px;
	
}
#diagnoseBanner #selftesttable .checkboxcell{
	background-color:#999999;
}

#diagnoseBanner #selftesttable .checkboxtitelcell{
	background-color:#999999;
	color:#ffffff;
}

#diagnoseBanner .errTextBox
{
	margin-right:15px;
	margin-left:6px;
	margin-bottom:2px;
	font-size:12px;
	height:13px;
	border:1px solid red;	
}

#diagnoseBanner .errTextBoxEmail
{
	margin-right:15px;
	margin-left:11px;
	margin-bottom:2px;
	font-size:12px;
	height:13px;
	border:1px solid red;	
}

/* SITEMAP */
#sitemap h3
{
	background-image:url(../IMG/sitemap_title_bg.png);
	background-repeat:repeat-x;
	width:400px;	
	height:25px;
	line-height:25px;
	padding-left:5px;
	font-size:14px;
}

#sitemap table table td a
{
	font-size:13px;
	background-image:url(../IMG/arrowlink.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	height:15px;
	line-height:15px;
	padding-left:15px;
	margin-left:10px;
	display:block;
	margin-bottom:5px;
	margin-top:5px;
}

#sitemap table table table td a
{
	font-size:13px;
	background-image:url(../IMG/sitemap_arrow_seclev.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	height:14px;
	line-height:14px;
	padding-left:15px;
	margin-left:10px;
	display:block;
	margin-top:0px;
	margin-bottom:2px;
}

/* NEWS */

.listNews
{
	margin-left:0px;
	
}

.listNews .wrapper
{
	margin-left:0px;
	
	width:420px;
	height:86px;
	margin-bottom:10px;
}
.listNews .imageDiv
{
	margin-top:3px;
	float:left;
	margin-left:0px;
	width:90px;
	height:80px;
}

.listNews .contentDiv
{
	margin-top:0px;
	margin-left:8px;
	height:80px;
	width:320px;
	float:left;
}

.listNews .dateDiv
{
	font-weight:bold;
	font-size:13px;
}

.listNews .summaryDiv
{
	font-size:12px;
} 

.listNews .linkDiv
{
	font-size:12px;
	font-weight:bold;
}
.listNews .imgoverlay
{
	position:absolute;
	width:90px;
	height:80px;
	background-image:url(../IMG/Zoom.png);
	background-repeat:no-repeat;
	background-position:65px 3px;
}
.listNews .linkDiv a
{
	font-size:12px;
	font-weight:bold;
	background-image:url(../IMG/arrowlink.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
}

#printFooter{	display:none;
	visibility:hidden;}
	
.linkBox
{
	float:left;
	background-image:url(../IMG/rut_linkbox.jpg);
	width:195px;
	height:72px;
	margin-left:5px;
	margin-bottom:10px;
}

.linkBox .linkBoxheader
{
	font-size:14px;
	line-height:14px;
	height:35px;
	padding-left:10px;
	padding-right:10px;
	
	vertical-align:center;
}
.linkBox .linkBoxContent
{
	padding-left:10px;
	padding-top:3px;
}

