/* Layout Stylesheet */ 

/* margin und padding für alle Browser auf 0 */
*{
	margin:0;
	padding:0;
}


body {  
	background-color: #ABB2BC;
	background-image:  url(../img/htgr.jpg); 
	background-repeat: repeat-x; 
	background-position: left top;
	color: #000000;
}

body {
	font-family: Tahoma, "Adobe Helvetica", Helvetica, Arial, sans-serif;
	font-size: small;
	}
	* html body {
		font-size:x-small; /* für IE5/Win */
		f\ont-size: small; /* für andere IE-Versionen */
	}


#outer {
 text-align: left;
 border: 1px solid #000000;
 width: 750px;
 margin: auto;
 }
 
#logotop {
 	margin: 0;
 	padding: 0;
 	background: #FFFFFF;
}

#logotopZeile {
	float: left;
	width: 100%;
	margin: 0;
 	padding: 0;
 	list-style: none;
 	background: #FFFFFF;
	vertical-align: bottom;
 }
 
#logo {
	float: left;
	margin: 0;
	padding: 10px 0 0 15px;
	
}

#navOben {
	float: right;
	margin: 0;
	padding: 0;
}


#nav {
	margin: 0 8px 0 0;
	padding: 0;
	list-style: none;
}

#nav li{
	float: left;
	padding: 0;
	margin: 0;
}

#nav a {
	float: left;
	display: block;
	margin: 25px 0 0 0;
	padding: 15px 8px 15px 8px;
	text-decoration: none;
	background:  url(../img/navTrenner.gif) no-repeat right 50%;
}

#nav a.reAussen {
	background: transparent;
}


#nav a.twit {
width:24px;
height:24px;
float: left;
	margin: 25px 0 0 0;
	padding: 8px 2px 0 6px;
	text-decoration: none;
background: transparent url(../img/twitter_24.png) 100% 100% no-repeat;
text-indent:-9000%;
}
#nav a:hover.twit {
  width:32px;
  height:32px;
  margin: 25px 0 0 0;
  padding: 8px 0 0 0;
background: transparent url(../img/twitter_32.png) 100% 100% no-repeat;
}

#nav a.googleplus {
width:24px;
height:24px;
float: left;
	margin: 25px 0 0 0;
	padding: 8px 2px 0 6px;
	text-decoration: none;
background: transparent url(../img/g-plus_24.png) 100% 100% no-repeat;
text-indent:-9000%;
}
#nav a:hover.googleplus {
  width:32px;
  height:32px;
  margin: 25px 0 0 0;
  padding: 8px 0 0 0;
  background: transparent url(../img/g-plus_32.png) 100% 100% no-repeat;
}

#nav a.faceb {
width:24px;
height:24px;
float: left;
	margin: 25px 0 0 0;
	padding: 8px 2px 0 6px;
	text-decoration: none;
background: transparent url(../img/facebook_24.png) 100% 100% no-repeat;
text-indent:-9000%;
}
#nav a:hover.faceb {
  width:32px;
  height:32px;
  margin: 25px 0 0 0;
  padding: 8px 0 0 0;
  background: transparent url(../img/facebook_32.png) 100% 100% no-repeat;
}

#nav a.blog {
width:24px;
height:24px;
float: left;
	margin: 25px 0 0 0;
	padding: 8px 2px 0 6px;
	text-decoration: none;
background: transparent url(../img/blogger_24.png) 100% 100% no-repeat;
text-indent:-9000%;
}
#nav a:hover.blog {
  width:32px;
height:32px;
	margin: 25px 0 0 0;
  padding: 8px 0 0 0;
background: transparent url(../img/blogger_32.png) 100% 100% no-repeat;
}

#nav a.yout {
width:24px;
height:24px;
float: left;
	margin: 25px 0 0 0;
	padding: 8px 2px 0 6px;
	text-decoration: none;
background: transparent url(../img/youtube_24.png) 100% 100% no-repeat;
text-indent:-9000%;
}
#nav a:hover.yout {
  width:32px;
height:32px;
	margin: 25px 0 0 0;
  padding: 8px 0 0 0;
background: transparent url(../img/youtube_32.png) 100% 100% no-repeat;
}

#nav a.xing {
width:24px;
height:24px;
float: left;
	margin: 25px 0 0 0;
	padding: 8px 2px 0 6px;
	text-decoration: none;
background: transparent url(../img/xing_24.png) 100% 100% no-repeat;
text-indent:-9000%;
}
#nav a:hover.xing {
  width:32px;
height:32px;
  margin: 25px 0 0 0;
  padding: 8px 0 0 0;
background: transparent url(../img/xing_32.png) 100% 100% no-repeat;
}



#navBereiche {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #333333 url(../img/indexdunkl2.jpg) no-repeat left top; 	
}

#navBereiche ul{
	float: left;
	margin: 0;  padding: 0;
	padding-left: 220px;
	list-style: none;
}

#navBereiche li{
    text-align: left;
    float: left;
	padding: 5px 10px;
	margin: 0;
}

#navBereiche a{
	margin: 0;
	padding: 10px 2px 10px 30px;
	text-decoration: none;
}


#bodyblock {
 clear: both;
/* Hintergrundfarbe identisch mit linker Navigationsspalte - rechter Content-Bereich wird mit weiss überschrieben */
 background: #DDDDDD url(../img/htgr-bodyblock.gif) repeat-y left top;
 color: #333333;
 width: 750px;
 padding: 0;
 margin: 0;
 }

#l-col {
 float: left;
 text-align: right;
 margin: 0;
 color: #333333;
 width: 239px;
 z-index:1;
}

#pfad {
 width: 490px;
 background-color: #ffffff;
 text-align: left;
 margin: 0 0 0 245px;
 }


#cont {
 width: 500px;
 background-color: #ffffff;
 color: #333333; 
 text-align: left;
 margin: 0 0 0 245px;
 }

#ftr {
 background: transparent url(../img/htgr-bodyblock.gif) repeat-y left top;
 margin: 0;
 padding: 0;
 }

.gsuche { autocomplete:on; width:224px; margin:13px 3px 0 0;  }
#goosuche {text-align:right; margin:0 15px 0 0; font-size:0.9em;}
.psfarbe { color:#E50004; }
.marginOben {margin: -2px 0 0 0;}

div#socialBookmark  { text-align: right; margin-top:8em; margin-right: 3.6em;  margin-bottom: -1.2em;  }
div#socialBookmark a.sBscript {text-decoration:none;  }
    
div#socialBookmark  a.sBscript:hover { color: #E50004; }

div#socialBookmark a:link img, div#socialBookmark a:visited img, div#socialBookmark a:active img {
      border: 1px solid #CCC;
      padding:1px; margin-top: 3px;}


div#socialBookmark  a:hover img {
       border-width: 1px;
       border-color: #E50004; }