* {padding:0; margin:0;}
html {overflow:hidden; width:100%;height:100%:} 
body {font-family:Verdana, Arial, Helvetica, sans-serif;}
p { font-size:100%;padding:.5em 0 1em 0;}

.socialnetworks{
float:left;
margin:1em 0 0 2em;
}
.socialnetworks img{
margin-right:15px;
}

.sharing-cl{
	  overflow:hidden;
	  margin:0;
	  padding:0;
	  list-style:none;
	}
	
.sharing-cl li{
display:inline;}

.sharing-cl a{
	  overflow:hidden;
	  width:32px;
	  height:32px;
	  float:left;
	  margin-left:8px;
	  text-indent:-200px;
	  background:url("https://www.hs-owl.de/dreist/fileadmin/templates/Bilder/buttons/share-sprite.png") no-repeat;
	}
	a.sh-feed{background-position:0 -38px;}
	a.sh-face{background-position:-40px -38px;}
	a.sh-vimeo{background-position:-80px -38px;}
	a.sh-youtube{background-position:-120px -38px;}
	a.sh-tweet{background-position:-160px -38px;}
	
	a.sh-feed:hover{background-position:0px 0px;}
	a.sh-face:hover{background-position:-40px 0px;}
	a.sh-vimeo:hover{background-position:-80px 0px;}
	a.sh-youtube:hover{background-position:-120px 0px;}
	a.sh-tweet:hover{background-position:-160px 0px;}

.eins {font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
 text-align:center; font-weight:normal; color:#FF3300; position:absolute;/*margin:10px 0 50px 0;  
 left:270px; top:0px; width:550px;*/ margin: .5em 0 0 21em; /*width:55em;*/ height:6%;}
 .eins ul {list-style:none;}
 .eins ul li {float:left;padding:0 1.5em;}

.eins a:link { text-decoration:none; font-weight:normal; color:#FF6600; outline:none;}
.eins a:visited { text-decoration:none; font-weight:normal; color:#FF6600; outline:none;}
.eins a:hover { text-decoration:line-through; font-weight:normal; outline:none;}
.eins a:active { text-decoration:underline; font-weight:normal; outline:none;}
.eins a:focus { text-decoration:line-through; font-weight:normal;}

div#logo{height:200px; width:200px; margin:0 0 0 1.5em; float:left;/*clear:left*/}

img {border:none;}

/* background-position war: top left; geändert auf 0px -6% um abgeschnittenen BG zu vermeiden */

#hintergrund {top:20px;position:absolute;width:100%;background: url(https://www.hs-owl.de/dreist/fileadmin/templates/Bilder/background.png); 
background-attachment:fixed; background-repeat:no-repeat;background-position:0px -3%; height:97%;
overflow-y:scroll;overflow-x:hidden;}
/*
#hintergrund {top:6%;position:absolute;width:100%;background: url(https://www.hs-owl.de/dreist/fileadmin/templates/Bilder/background.png); 
background-attachment:fixed; background-repeat:no-repeat;background-position:0px -6%; height:94%;
overflow-y:scroll;overflow-x:hidden;}
*/


#hauptfeld {width:31.5em; margin:0em 0 0 2em;padding:2em;
background: url(https://www.hs-owl.de/dreist/fileadmin/templates/Bilder/Background_Tabelle_90.png);min-height:100%; float:left;}
#inhalt {font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; font-style:normal;}

#inhalt h2, #inhalt h2 a, #inhalt h2 a:visited {margin: 2em 0 1em 0; font-weight:normal;font-size:12px;color:#FF6600!important;}
div.news-latest-item h3, div.news-latest-item h3 a, div.news-latest-item h3 a:visited, 
div.news-list-item h3, div.news-list-item h3 a, div.news-list-item h3 a:visited, 
div.news-single-item h3 {color:#FF6600!important;}
p.news-single-author {float:right;}

.zwei{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#FF6600;}
h1 {font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 14px;font-weight: normal;color: #ff6600;}

.align-left {padding:0 0 1.5em 0;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#666666;text-align:left;}
.drei, .align-right {padding:0 0 1.5em 0;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#666666; text-align:right}
.vier{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#666666; text-align:left}
.hr {height: 0; font-size: 0; line-height: 0; width: 80%; margin: 1em auto;}
.dotted {border-bottom: dotted 1px #FF6600;}
.dotted_grau, hr.clearer {border-bottom:dotted 1px #666666; min-width:500px;margin:1em 0;padding:1em 0;}

table {font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; font-style:normal; position:absolute; top:230px; left:275px; z-index:1; border:none; width:540px;}

#inhalt a:link { text-decoration:none; font-weight:normal; color:#008EB0; outline:none;}
#inhalt a:visited { text-decoration:none; font-weight:normal; color:#008EB0; outline:none;}
#inhalt a:hover { text-decoration:line-through; font-weight:normal; outline:none;}
#inhalt a:active { text-decoration:underline; font-weight:normal; outline:none;}
#inhalt a:focus { text-decoration:line-through; font-weight:normal;}

.unsichtbar, .usb, dfn, .eins h1 {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0;
  height:0;
  overflow:hidden;
  display:inline;
}
