/* Start of CMSMS style sheet 'Layout: Left sidebar + 1 column' */
*
{
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75.01%;
	line-height: 1em;
}

/*set font size for all divs, this overrides some body rules*/
div { font-size: 1em; }

/*if img is inside "a" it would have borders, we don't want that*/
img { border: 0; }
.content img { padding-right: 1em; }

/*default link styles*/
a, a:link a:active
{
	/* set all links to have underline */
	text-decoration: underline;
	/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
	background-color: inherit;
	/* this is a bluish color, you change this for all default link colors */
	color: #77ad1a;
}

a:visited
{
	/* keeps the underline */ text-decoration: underline;
	background-color: inherit;
	/* a different color is used for visited links */
	color: #77ad1a;
}

a:hover
{
	/* remove underline on hover */
	text-decoration: none;
	background-color: inherit;
	/* using a different color makes the hover obvious */
	color: #004c93;
}

/*****************basic layout *****************/
body
{
	margin: 0;
	padding: 0;
	/* default text color for entire site */
	color: #333;
	background: #b2c9de url(uploads/template/bg_schatten.png) repeat-y center center;
}

#wrapper
{
	/* also holds the left "sliding" tab */
	background: #fff url(uploads/template/bg_sidebars.png) repeat-y 0 0;
	text-align: left;
	max-width: 82em;
	min-width: 60em;
	/* this can fixed or fluid */
	margin: 0 auto;
	/* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
}

div#header
{
	/* adjust according your image size */ height: 140px;
	margin: 0;
	padding: 0;
	/* you can set your own image here, will go behind h1 a image */
	background: #fff;
	/* background: #f4f4f4 url(uploads/ngrey/bg_banner.png) repeat-x left top;*/
}

div#header h1 a
{
	/*you can set your own image here 
	background: url(uploads/template/Marc-und-Scheer_Logo.png) no-repeat center center;*/
	/* this will make the "a" link a solid shape */
	display: block;
	/* adjust according your image size */
	height: 98px;
	/* this hides the text */
	text-indent: -999em;
	/* old firefox would have shown underline for the link, this explicitly hides it */
	text-decoration: none;
}

div#header h1
{
	margin: 0;
	padding: 20px 0;
	/*these keep IE6 from pushing the header to more than the set size*/
	line-height: 0;
	font-size: 0;
	/* this will keep IE6 from flickering on hover */
	background: url(uploads/template/Marc-und-Scheer_Logo.png) no-repeat center center;
}

div#header h2
{
	display: none;
	/* this is where the site name is */ float: right;
	line-height: 1.2em;
	/* this keeps IE6 from not showing the whole text */ font-size: 1.5em;
	/* keeps the size uniform */
	margin: 35px 65px 0px 0px;
	/* adjust according your text size */
	color: #fff;
}

div.footback
{
	/* keep footer below content and menu */
	clear: both;
	/* this sets 10px on right to let the right image show, the balance 10px left on next div */
	padding: 0;
	margin: 0;
	width: 100%;
	/* you can set your own image here 
	background: url(uploads/template/wfootrt.gif) no-repeat right top;*/
}

div#footer
{
	/* this sets 10px on left to balance 10px right on last div */
	padding: 0px 0px 0px 10px;
	/* color of text, the link color is set below */
	color: #595959;
	/* you can set your own image here 
	background: url(uploads/template/wtopleft.gif) no-repeat left top;*/
	border-top: 1px dotted #004c93; 
	background: #fff;
}

div.leftfoot
{
	float: left;
	width: 30%;
	margin-left: 20px;
}

div#footer p
{
	/* sets different font size from default */
	font-size: 0.8em;
	/* some air for footer */
	padding: 1.5em;
	/* centered text */
	text-align: center;
	margin: 0;
}

div#footer p a
{
	/* footer link would be same color as default we want it same as footer text */
	color: #595959;
}

div#footrt
{
	display:none;
}

div#subnav {
	background: #004c93; 
	border-bottom: 1px solid #fff;
	height: 12px;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

div#borderlineleft {
	float: left;
	height: 12px;
	display: block;
	width: 233px; 
	border-right: 1px solid #fff;
}
div#borderlineright{
	float: right;
	height: 12px;
	display: block;
	width: 200px; 
	background: #77ad1a;
	border-left: 1px solid #fff;
}
div.contentHead {
/* sets all to 0 */
	margin: 0;
	padding: 0;
}

div.print
{
	float: right;
	/* CSS short hand rule first value is top then right, bottom and left */
	padding: 0px;
	/* css shorthand rule will be opened to be "0px 0px 0px 0px" */
	margin: 8px 0px 0px 0px;
}

div.breadcrumbs
{
	/* CSS short hand rule first value is top then right, bottom and left */ 
	padding: 1.3em 0em 0.2em 0em;
	/* its good to set font sizes to be relative, this way viewer can change his/her font size */ 
	font-size: 85%;
	font-style: italic;
	/* css shorthand rule will be opened to be "0px 0px 0px 0px" */
	margin: 0px 0px 15px 0px;
	/* you can set your own image here 
	background: url(uploads/ngrey/mainleftup.gif) no-repeat left bottom;*/
	border-bottom: 1px dotted #77ad1a;
}

div.breadcrumbs a
{
	text-decoration: none;
	background-color: inherit;
	color: #77ad1a;
}

div.breadcrumbs a:hover
{
	text-decoration: none;
	background-color: inherit;
	color: #004c93;
}

div.breadcrumbs span.lastitem
{
	font-weight: normal;
	color: #666;
}

div#search 
{
	float: right;
	text-align: right;
	padding: 0.5em 0 0.2em 0;
	margin: 0 1em;
}

div#search input.search-input 
{
	margin-top: 1px;
	height: 14px;
	border: 1px solid #ccc;
/* text color */
	color: #999;
	background: transparent;
/* padding of text */
	padding: 3px 0px 2px 10px;
/* set all font properties at once, weight, size, family */
	font: bold 0.9em Arial, Helvetica, sans-serif;
}

/* a class for Submit button for the search input box */
input.search-button
{
	border: none;
	height: 22px;
	width: 53px;
	margin-left: 5px;
	padding: 0px 2px 2px 0px;
	/* makes the hover cursor show, you can set your own cursor here */ 
	cursor: pointer;
	/* you can set your own image here */ 
	background: url(uploads/template/search.gif) no-repeat center center;
}
span.prozent
{
	padding-left: 10px;
	font-weight: bold;
	color: #004C93;
}

div#contentfloatholder
{
	/* also makes the right "sliding" tab */
	background: url(uploads/template/bg_sidebarright.png) repeat-y 100% 0;
	float: left;
	width: 100%;
	position: relative;
}

div#contentfloatholder:after
{
	/*this is for NN6 to clear floats */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

div#headerpic 
{
	background: transparent;
	height: 161px;
}

div#headerpicleft 
{
	float: right;
	display: inline;
	height: 161px;
	width: 549px; 
	border-right: 1px solid #fff;
	background: url(uploads/template/headerpicleft.jpg) no-repeat right top;
}
div#headerpicright
{
	float: right;
	display: block;
	height: 161px;
	width: 200px; 
	background: url(uploads/template/headerpicright.jpg) no-repeat right top;
}

div#main
{
	color: #555;
	margin: 0 215px 0 249px;
	margin-bottom: 30px;
	display: inline-block;
	/*TRIP haslayout for safety */
}

div#main
{
	display: block;
	/ * SWITCH back the display */: ;
}

div#center
{
	color: #222;
	float: left;
	width: 100%;
	margin-right: -100%;
	/* this needs to be less than 100% for Moz/Mac which thinks it's empty otherwise. The difference is made up by putting a negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

div#left
{
	float: left;
	width: 233px; 
	margin-left: 0%;
	/*the difference to make the left colum appear flush left */
	border-right: 1px solid #fff;
}

div#claim
{
	margin: 6em 0 1em 2.15em;	
	background: url(uploads/images/Grafiken/Vertrauen-in-Leistung.png) no-repeat center center;
	width: 182px;
	height: 92px;
}

div#right
{
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}

/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center { margin-right: -100%; }
* html div#left { margin-left: 0; }
div#left h3, div#left p,
div#right h3, div#right p { padding: 0 20px; }

/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr
{
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}

/* relational links under content */
div.left49 
{ 
/* combined percentages of left+right equaling 100% might lead to rounding error on some browser */ 
	width: 95%; 
	font-size: 80%;
}
div.left49 p
{ 
text-align: left;
}

div.right49
{
	float: right;
	width: 3%;
	/* set right to keep text on right */ 
	text-align: right;
}

div.right49 a, div.right49 a:link, div.right49 a:hover
{
	text-decoration: none;
}
div.box
{
	padding: 1.2em;
	background: #e5edf4 url(uploads/template/plus.png) no-repeat right top;
	border: 1px dotted #447cb0;
	color: #447cb0;
	line-height: 1.5em;
}

div#infobox
{
	font-size: 90%;
	width: 85%;
	text-align: left;
	margin: 80px 10px 0 10px;
	padding: 5px;
	color: #004c93;
	border: 1px solid #004c93;
	background: transparent;
}

div#info 
{
	width: 40px;
	height: 40px;
	position: relative;
	float: right;
	top: -144px;
	right: -9px;
	vertical-align: middle;
	background:  url(uploads/template/info.png) no-repeat left top;
}

/********************CONTENT STYLING*********************/
/* HEADINGS */
div#main h1
{
	/* font size for h1 */ 
	font-size: 2em;
	line-height: 1.5em;
	margin: 0;
}

div#main h2
{
	color: #004c93;
	/* font size for h2 the higher the h number the smaller the font size, most times */ 
	font-size: 1.5em;
	text-align: left;
	/* some air around the text */ 
	padding-left: 0em;
	padding-bottom: 1px;
	/* set borders around header 
	border-bottom: 1px solid #899092;
	border-left: 1.1em solid #899092;*/
	/* a larder than h1 line height */
	line-height: 1.2em;
	/* and some air under the border */
	margin: 0 0 0.6em 0;
}

div#main h3
{
	color: #004c93;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}

div#main h4
{
	color: #00315C;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

div#main h5
{
	color: #004c93;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

h6
{
	color: #004c93;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

/* END HEADINGS */
/* TEXT */
p
{
	text-align: justify;
	/* default p font size, this is set different in some other divs */ 
	font-size: 1em;
	/* some air around p elements */ 
	margin: 0 0 1.5em 0;
	line-height: 1.4em;
	padding: 0;
}

blockquote
{
	border-left: 10px solid #ddd;
	margin-left: 10px;
}

strong, b { 
/* explicit setting for these */ 
font-weight: bold; }
em, i { 
/* explicit setting for these */ 
font-style: italic; }

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre
{
	/* css-3 */ 
	white-space: pre-wrap;
	/* Mozilla, since 1999 */ 
	white-space: -moz-pre-wrap;
	/* Opera 4-6 */
	/* Opera 7 */
	white-space: -o-pre-wr ap;
	/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

pre
{
	/* black border for pre blocks */ 
	border: 1px solid #000;
	/* set different from surroundings to stand out */ 
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}

/* Separating the divs on the template explanation page */
div.templatecode { margin: 0 0 2.5em; }

/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl
{
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}

div#main ol
{
	padding: 1.2em;
	background: #e5edf4 url(uploads/template/plus.png) no-repeat right top;
	border: 1px dotted #447cb0;
	font-weight: bold;
	color: #447cb0;
}

div.berater
{
	float: right;
	text-align: left;
	padding: 1.2em;
	background: #e5edf4 url(uploads/template/plus.png) no-repeat right top;
	border: 1px dotted #447cb0;
	width: 94.5%;
	margin-bottom: 1.2em;
}
div.beraterAlt
{
	float: right;
	text-align: left;
	padding: 1.2em;
	background: #F4F8FA url(uploads/template/plus.png) no-repeat right top;
	border: 1px dotted #447cb0;
	width: 94.5%;
	margin-bottom: 1.2em;
}
div.beraterM
{
	float: right;
	text-align: left;
	padding: 1.2em;
	background: #e5edf4 url(uploads/template/berater_M.png) no-repeat right top;
	border: 1px dotted #447cb0;
	width: 94.5%;
	margin-bottom: 1.2em;
}
div.beraterW
{
	float: right;
	text-align: left;
	padding: 1.2em;
	background: #e5edf4 url(uploads/template/berater_W.png) no-repeat right top;
	border: 1px dotted #447cb0;
	width: 94.5%;
	margin-bottom: 1.2em;
}
div.beraterbild
{
	float: left;
	text-align: left;
	padding: 0.3em;
	margin-right: 20px;
	background: #fff;
	border: 1px solid #447cb0;

}
div.beraterbild img { padding-right: 0; }

div#main ul li,
div#main ol li { margin: 0 0 0.25em 3em; }

/* definition lists topics on bold */
div#main dl
{
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}

div#main dl dt
{
	font-weight: bold;
	margin: 0 0 0 1em;
}

div#main dl dd { margin: 0 0 1em 1em; }

/* END LISTS */

/* Video Einbettung */
iframe h1.title {
    display: none !important;
}
iframe .filmrahmen, .listrahmen, .vid_bot {
    width: 198px !important;
    height: 112.2px !important;
}
iframe .vid_bot {
    display: none !important;
}

/* End of 'Layout: Left sidebar + 1 column' */