html,body,#iap, #seitelinks {
font-family:Georgia, "DejaVu serif", "Palatino Linotype", "Minion Pro", "Liberation Serif", serif;}

h1,h2,h3,h4, .link, .inhaltsv, #nav, #nav.li, #startleft,#seitelinks h1, #startleft h2, #startleft h3,#seiterechts {font-family:"Trebuchet MS", Liberation Sans, Verdana, Helvetica, Arial, sans-serif;}

body{
margin:0;padding:0;
font-size: 100%; text-align: left; padding-bottom:20px; }
span.epost span { display: none; }

#header{width:100%;overflow:hidden;background:navy}
#header h1 {padding: 30px 0 0.2em;margin:0;color:white; font-size:1.4em; width:100%;text-align:left}
#logo {float:left; margin: -0.5em 20px 0; border-width:0; }
#header h1.seitenueberschrift {padding: 30px 0 20px;color:white; font-size:1.4em;}
div#menu {width:100%; margin:0;}

#nav {list-style-type:none;margin:0;padding:0; float:right }
#nav li{float:left;}
#nav a{float:left;padding: 5px 1em;background: cornsilk;text-decoration:none;color: #666; border-top : 1px solid #fff; border-left : 1px solid #fff; border-right : 1px solid #fff;font-size: 70%;margin-left: 3px;text-align: center}
#nav a:hover{background: #fff;color: #000}
#nav li.activelink a,#nav li.activelink a:hover{background: #FFF;color: #003}

.inhaltsv {font-size:0.9em; margin-left:1em}

#startleft {
	float: left;
	width: 66%;
	padding: 0em 0.2em 0.5em 0.5em;
margin-top:0em;
	margin-bottom: 1em;
	background: cornsilk;
	text-align: left;
	}

#startleft h1 {font-size:1.3em}
#startleft h2 {font-size:1em; text-transform:uppercase; font-weight:normal; margin-bottom:0.2em}
#startleft h3 {font-size:0.9em}
#startleft li {font-size:0.9em; list-style-type: circle}
#startleft ul {padding-left:1.2em;margin-top:0.3em;margin-bottom:0.2em}

#startright {
	float: right;
	width: 31%;
	margin: 0 0 30pt 0;
	}

#startright .box {	
	padding: 0.4em;
	margin: 0 0 0.5em 0;
	background : #FFFF80;
}

#startright h1 {font-size:1.3em; text-align:center}
#startright h2 {font-size:0.9em; margin-top:1em; margin-bottom:0.2em}
#startright h3 {font-size:0.8em}
#startright p {font-size:0.8em;margin-bottom:0.2em; margin-top:0}
#startright ul {margin-top:0;margin-bottom:0.2em;padding-left:1em; font-size:0.8em;}

#content {
	margin: 0 auto;
	padding: 15px;
	background: #fff;
}

#seitelinks {
	float: left;
	width: 76%;
	padding: 0.5em;
	margin-bottom: 1em;
	padding-left:0.2em;
	background: cornsilk;
	}


#seitelinks h1 {font-size:1.6em; text-align:center}
#seitelinks h2 {font-size:1.3em }
#seitelinks h3 {font-size:1.1em}
#seitelinks p {line-height:1.2em}


#seiterechts {
	float: right;
	width: 20%;
	margin: 0 0 10px 0;}
#seiterechts[id] {position:fixed; right:1em;}

#seiterechts .box {	
	padding: 0.4em;
	margin: 0 0 0.5em 0;
	background : #eee;
}
#seiterechts h1 {font-size:1.3em; text-transform:uppercase; text-align:center}
#seiterechts h2 {font-size:0.9em; margin-top:0; margin-bottom:0.2em}
#seiterechts h3 {font-size:0.8em}
#seiterechts p {font-size:0.8em;margin-bottom:0.2em; margin-top:0}
#seiterechts li {font-size:0.8em;}
#seiterechts ul {margin-top:0;margin-bottom:0.2em;padding-left:1em}


a[href^="http"] {background: transparent url('../bilder/extern.png') right no-repeat; padding-right: 15px;}
a[href*="iap.li"] {background: transparent;padding-left: 0px; padding-right:0}
a[href*="bodenseehochschule.org"] {background: transparent;padding-left: 0px; padding-right:0}