/*	BASE.CSS
	Enthält XHTML-Wortschatz sowie ausgewählte Standard-Klassen (Clearfix etc) */

/*	HTML-Elemente */
	body { margin : 0; padding : 0; border : 0; background : #C5C8C9 url("../images/bgbody.gif") repeat-x 0 0; font : normal 13px/135% Arial, Verdana, sans-serif; }
	h1 { color : #004494; font : bold 25px/135% Arial, Verdana, sans-serif; margin : 0; padding : 15px 0 15px 0; }
	h2 { color : #333; font : bold 15px/135% Arial, Verdana, sans-serif; margin : 0; padding : 0 0 10px 0; }
	h3 { color : #333; font : bold 13px/115% Arial, Verdana, sans-serif; margin : 0; padding : 0;}
	h4 { color : #333; font : bold 13px/135% Arial, Verdana, sans-serif; margin : 0; padding : 0; }
	h5 { color : #333; font : bold 11px/135% Arial, Verdana, sans-serif; margin : 0; padding : 0 0 5px 0; }
	h6 { color : #f90; font : bold 11px/135% Arial, Verdana, sans-serif; margin : 0; padding : 0 0 5px 0; }
	p { color : #333; font : normal 13px/135% Arial, Verdana, sans-serif; margin : 0; padding : 0 0 15px 0; }
	a { color : #004494; font-weight : bold; text-decoration : underline; font-family : Arial, Verdana, sans-serif; }
	a:HOVER { color : #333; text-decoration : none; }
	ul { margin : 0; padding : 0 0 15px 0; border : 0; list-style-type : none; }
	ul ul { padding : 0; }
	ul li { color : #333; font : normal 13px/135% Arial, Verdana, sans-serif; margin : 0; padding : 0 0 0 12px; background : url("../images/bullet.gif") no-repeat 3px 7px; }
	ol { margin : 0; padding : 0 0 15px 20px; border : 0; list-style-type : decimal; color : #333; font : normal 13px/135% Arial, Verdana, sans-serif; }
	ol ol { padding : 0; }
	ol li { color : #333; font : normal 13px/135% Arial, Verdana, sans-serif; margin : 0; padding : 0 0 0 12px; }
	form { color : #333; font : normal 13px/135% Arial, Verdana, sans-serif; margin : 0; padding : 0 0 15px 0; }
	label, input, textarea, select, dl, dd, dt, td, th, tr { color : #333; font : normal 13px/135% Arial, Verdana, sans-serif; }
	fieldset { border: none; }
	legend { display: none; }
	
	
	/*	Formular */
	
	.mf-field,
	.mf-comment { margin: 0 0 .5em 0; }
	
	.mf-comment { margin-top: 1em; }
	
	.mf-field label { display: block; float: left; width: 100px; }
	
	.mf-field-check,
	.mf-submit { margin-left: 100px; }
	
	.mf-field-check label { width: auto; float: none; display: inline; }

	.tx-srfeuserregister-pi1-password,
	.tx-srfeuserregister-pi1-text,
	.mf-textfield,
	.mf-textarea,
	.mf-select { border: 1px solid #BFC5C9; padding: .2em !important;  }
	
	.tx-srfeuserregister-pi1-password,
	.tx-srfeuserregister-pi1-text,
	.mf-textfield,
	.mf-textarea { width: 215px; }
	
	
	.button-submit,
	.button-submit-large {
		background: url(../images/bg-button.png) 0 0 no-repeat;
		height: 25px;
		width: 111px;
		color: #fff;
		border: none;
		font-weight: bold;
		cursor: pointer;
		margin-top: 0.5em;
	}
	
	.button-submit-large {
		width: 160px !important;
		background-image: url(../images/bg-button-large.png);
	}
	
	.btn_left {
		float: left;
	}
	
	.btn_right {
		float: right;
	}

	
/*	KLASSEN */
	.uppercase { text-transform : uppercase !important; }
	.bold { font-weight : bold !important; }
	a.more, a.weiter, .more a { font-size : 11px; background : url("../images/bgmore.gif") no-repeat 0 3px; padding : 0 0 0 12px; }
	a.more:HOVER, a.weiter:HOVER, .more a:hover { font-size : 11px; background : url("../images/bgmorehover.gif") no-repeat 0 3px; padding : 0 0 0 12px; }
	.divide { border-top : 1px solid #CFD3D7; height : 10px; margin : 0; padding : 0; overflow : hidden; }
	.graphicheadline { display : block; margin : 0; padding : 0; border : 0; overflow : hidden; height : 1px; width : 1px; }
	.headline_graphic { 

		display : block; 
		margin : 0 0 15px 0; 
		padding : 0; 
		background-repeat: no-repeat; 
		font-size: 22px;
		font-weight: normal;
		letter-spacing: -0.5px;
	}
	
	h2.headline_graphic { 
		font-size: 20px;
		margin-bottom: 0px;
	}
	
	.column4 h2.headline_graphic,
	#ccolumn1 h2.headline_graphic { 
		color: #004494;
		margin: 5px 0px;
	}

	.nospace { margin-left: -20px; }
	.clearboth { clear: both; }
	.right { float: right; }
	.left { float: left; }
	.invisible { display: none; }
	
	/* trenner */
	.hr hr { display: none; }
	.hr { border-bottom: 1px solid #D8DADB; }
	
	/* farben */
	.blue { color: #034897; }
	
	/* teaser */
	.teaser-left,
	.teaser-right {  height: 180px;  margin-bottom: 10px; }
	.teaser-left { width: 313px; float: left; }
	.teaser-right { width: 312px; float: right; }
	
        .teaser-left .csc-textpic .csc-textpic-text p, 
        .csc-frame-frame1 .csc-textpic .csc-textpic-text p,
        .teaser-right .csc-textpic .csc-textpic-text p {padding-bottom: 5px;}

        .teaser-left .csc-textpic .csc-textpic-text h1.headline_graphic,
        .teaser-right .csc-textpic .csc-textpic-text h1.headline_graphic,
        h1.g_small 
           {height: 30px; margin-bottom: 0;}

	.teaser-left .csc-textpic .csc-textpic-text a,
	.teaser-right .csc-textpic .csc-textpic-text a
	   { font-size : 11px; background : url("../images/bgmore.gif") no-repeat 0 3px; padding : 0 0 0 12px; }
	.teaser-left .csc-textpic .csc-textpic-text a:HOVER,
	.teaser-right .csc-textpic .csc-textpic-text a:HOVER
	   { font-size : 11px; background : url("../images/bgmorehover.gif") no-repeat 0 3px; padding : 0 0 0 12px; }
	
	
	div.csc-frame-frame1 { margin-bottom: 20px;}
	
	
	/******************* CLEARFIX ********************/
	/************************************************/
	* html .clearfix {	height: 1%; }
	* + html .clearfix { display: inline-block; }
	.clearfix:after { content: ".";	display: block;	height: 0; clear: both; visibility: hidden; }