@charset "utf-8";
/* CSS Document */

/******************************
 Autor:    Daniel Schade (ds@innascor.com)
 Date:     04.09.2013
 Version:  1.1
******************************/

/** Global Reset********************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
          margin: 0;
          padding: 0;
          border: 0;
          outline: 0;
          font-weight: inherit;
          font-style: inherit;
          font-size: 100%;
          font-family: inherit;
          vertical-align: baseline;
}

caption, th, td {
          text-align: left;
          font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* tables still need 'cellspacing="0"' in the markup */
table {
          border-collapse: separate;
          border-spacing: 0;
}

:focus { outline: 0; }

body {
          line-height: 1;
          color: black;
          background: white;
}

ol, ul { list-style: none; }

/**General Site Rules********************************************************************/


body {
          font: 70%/1.8em Arial, Verdana, Helvetica, sans-serif;
          background:#fff url(../img/bg.gif) 0 0 repeat;
          color:#666;
          margin:20px 0;
}

br { line-height:10px; }

a {
          color:#003359;
          text-decoration:underline;
}

a:hover {
          color:#888;
          text-decoration:underline;
}

a img { border:none; }

strong { font-weight:bold; }

em { font-style:italic; }

ul li a { display:block; } /* das bitte noch einmal ueberdenken (dringend) */

ul.inline li { float:left; }

ul.inline li a { text-align:center; }

/**Increase Fontsize********************************************************************/

.fontsize{font-size:80%;}

/**Functions ******************************************************************************/

.hide, .hideforprint { display:none; }

.clearfix:after {
          content: ".";
          display: block;
          clear: both;
          height: 0;
          visibility: hidden;
}

.wrapper {
          width:980px;
          margin:0 auto;
          background:#fff url(../img/schatten.gif) 0 0 repeat-y;
}

.wrapper_service {
          width:980px;
          margin:0 auto;
}

/**Layout *********************************************************************************/

.pos_inside {
          padding:0 4px;
          width:972px;
}

.pos_inside_more {
          padding:0 8px;
          width:964px;
}

/**Header, Logo, Headerphoto, Contact, Breadcrumbs, QuickSearch **************************/

#head_first, #head_second { font-size:1.1em; }

#wrap_head_first { 
	background:#F9F9F9 url(../img/bg_head_first.gif) left bottom repeat-x; 
	position: relative;	
}

#head_second {
          padding-top:8px;
          margin:0  0 0 4px;
}

h1#logo {
          float:right;
          height:70px;
          width:282px;
          margin:10px 30px 0 0;
  background:url(../img/logo.gif) 0 0 no-repeat;
          
          display:inline;
}

h1#logo a {
          height:70px;
          width:100%;
          display:block;
}


/* Search */
.searchform { 
	position: absolute;
	top: 30px;
	left: 30px;
}
.searchform input[type=text] {
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	color: #666666;
	padding: 3px 4px;
	font-size: 1em;
	width: 160px;
}
.searchform .searchbutton {
    width:28px;
    height:28px;
	position: relative;
	top: -23px;
	left: 151px;
}
.searchform input[type=submit] {
	background: url(../img/search.png) no-repeat top left scroll transparent;
	border: none;
	height: 28px;
	width: 28px;
	font-size: 0px;
	cursor: pointer;
}



#slideshow {
	float: left;
	width: 614px;
	height: 330px;
	margin: 1px 0px 1px 4px;
}

#news {
	float: right;
	height: 270px;
	width: 275px;
	margin: 1px 4px 1px 0px;
	padding: 24px 35px 20px 0px;
}
.fontsize #news { 
	height: 290px;
	padding: 6px 35px 20px 0px;
}
#news h2 {
	color: #023165;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #eeeeee;
}
#news .news-box {
	padding: 10px 0px;
	border-bottom: 1px solid #eeeeee;
}
#news .news-box.last {
	border-bottom: none;
}
#news .news-box h3 {
	color: #023165;
	padding: 0px;
	margin: 0px;
}
#news .news-box h3 span.news-uni {
	color: #ff6801;
}
#news .news-box .news-box-content .news-list-container h2 {
	border: none;
	color: #023165;
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
	font-weight: bold;
}
#news .news-box .news-box-content .news-list-container h2 a {
	color: #023165;
	text-decoration: none;	
}
#news .news-box .news-box-content .news-list-container h2 a:hover {
	text-decoration: underline;
}
#news .news-box .news-box-content p {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #333333;	
}
#news .news-box .news-box-content p a {
	color: #999999;
	text-decoration: none;
}
#news .news-box .news-box-content p a:hover {
	color: #023165;
	text-decoration: underline;
}


/**Mainarea *********************************************************************/
.headline {
	background: #cccccc;
	color: #ffffff;
	height: 22px;
	position: relative;	
}
.headline span.headline-triangle {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #cccccc transparent transparent transparent;	
	position: absolute;
	top: 22px;
	left: 9px;
}
.headline span.headline-text {
	display: block;
	font-size: 1.1em;
	line-height: 1em;
	padding: 5px 0px;	
}
.content {
	background: url(../img/bg_homepage_content.png) repeat-x top left scroll transparent;
	height: 167px;	
}
#mainmedia {
	float: left;
	width: 185px;
}
#mainmedia .headline span.headline-triangle {
	left: 25px;
}
#mainmedia .headline span.headline-text {
	padding-left: 16px;	
}
#mainmedia ul {
	list-style: none;
	padding: 30px 0px 0px 16px;	
}
#mainmedia ul li {
	margin: 0px 0px 18px 0px;	
}
#mainmedia ul li a {
	display: block;
	color: #333333;
	text-decoration: none;
	height: 22px;
	padding: 2px 0px 0px 32px;
}
#mainmedia ul li a:hover {
	text-decoration: underline;
}
#mainmedia ul li#video a { 
	background: url(../img/icon_video_start.png) no-repeat top left scroll transparent;
}
#mainmedia ul li#flyer a { 
	background: url(../img/icon_flyer_start.png) no-repeat top left scroll transparent;
}
#mainmedia ul li#report a { 
	background: url(../img/icon_report_start.png) no-repeat top left scroll transparent;
}
#mainsocialmedia {
	float: left;
	width: 125px;
}
#mainsocialmedia ul {
	list-style: none;
	padding: 30px 0px 0px 0px;	
}
#mainsocialmedia ul li {
	margin: 0px 0px 18px 0px;	
}
#mainsocialmedia ul li a {
	display: block;
	color: #333333;
	text-decoration: none;
	height: 22px;
	padding: 2px 0px 0px 32px;
}
#mainsocialmedia ul li a:hover {
	text-decoration: underline;
}
#mainsocialmedia ul li#facebook a { 
	background: url(../img/icon_facebook_start.png) no-repeat top left scroll transparent;
}
#mainsocialmedia ul li#linkedin a { 
	background: url(../img/icon_linkedin_start.png) no-repeat top left scroll transparent;
}
#mainsocialmedia ul li#youtube a { 
	background: url(../img/icon_youtube_start.png) no-repeat top left scroll transparent;
}
#maincontact {
	float: left;
	width: 304px;
}
#maincontact .left {
	float: left;
	width: 170px;
	padding: 30px 0px 0px 0px;
	color: #333333;	
	font-size: 1.1em;
	line-height: 1.4em;
}
#maincontact .right {
	float: right;
	width: 130px;
	padding: 30px 0px 0px 0px;
	color: #333333;	
	font-size: 1.1em;
	line-height: 1.4em;
}
#maincontact .left p,
#maincontact .right p {
	padding: 0px 0px 19px 0px;	
}
#maincontact .right a {
	color: #333333;	
	text-decoration: none;
}
#maincontact .right a:hover {
	text-decoration: underline;
}
#mainicons {
	float: right;
	width: 350px;
}
#mainicons .content {
	position: relative;	
}
#mainicons .content .shadow {
	float: left;
	background: url(../img/bg_homepage_content_shadow.png) no-repeat left 13px scroll transparent;
	width: 6px;
	height: 167px;
}
#mainicons .content #logo-familie-in-der-hochschule {
	background: url(../img/logo-familie-in-der-hochschule.png) no-repeat scroll 0 0 transparent;
	width: 130px;
	height: 57px;
	position: absolute;
	top: 15px;
	left: 15px;
}
#mainicons .content #logo-familie-in-der-hochschule a {
	display: block;	
	width: 130px;
	height: 57px;
}
#mainicons .content #logo-totalequality {
	background: url(../img/logo-totalequality.png) no-repeat scroll 0 0 transparent;
	width: 58px;
	height: 69px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}
#mainicons .content #logo-totalequality a {
	display: block;	
	width: 58px;
	height: 69px;
}
#mainicons .content #logo-acquin {
	background: url(../img/logo-acquin.png) no-repeat scroll 0 0 transparent;
	width: 200px;
	height: 76px;
	position: absolute;
	bottom: 15px;
	left: 15px;
}
#mainicons .content #logo-acquin a {
	display: block;	
	width: 200px;
	height: 76px;
}
#mainicons .content #logo-welcomecenter {
	background: url(../img/logo_welcomeCenter.png) no-repeat scroll 0 0 transparent;
	width: 145px;
	height: 44px;
	position: absolute;
	top: 15px;
	right: 15px;
}
#mainicons .content #logo-welcomecenter a {
	display: block;	
	width: 145px;
	height: 44px;
}

/**Footer *********************************************************************/
#footer_schatten {
          background:transparent url(../img/schatten_footer.gif) 0 0 no-repeat;
          height:4px;
          font-size:0;
}
#footer_right {
          float:right;
          color:#666;
          text-align:right;
          line-height:1.8em;
          padding: 0px 26px 0px 0px;
          display:inline;
          font-size:0.9em;
}
#footer_right a {
          text-decoration:none;
          color:#666;
          position:relative;
          z-index:10;
}

#footer_right a:hover {
          text-decoration:underline;
          
}