/*

	Projekt: SFU
	Datei: style.css
	Author: Alexander Hahn - http://keasone.de

	============
	== COLORS ==
	============

	bg:				#CCC8AC
	text:			#4f4f4f
	link:			#910f25
	link:hover: 	#910f25

*/

/*-------------------- BASICS --------------------*/

html { width: 100%; height: 100%;}

body {
	width: 100%;
	height: 100%;
	background: #ccc8ac url(img/bg_plus.gif) repeat fixed top center;
	font: 13px "Lucida Grande", Lucida, Verdana, "Helvetica Neue", "Helvetica", "Arial", Sans-Serif;
	color: #4f4f4f;
	text-align:left;
	line-height: 18px;
	}
	
/*-------------------- STRUCTURE --------------------*/

#wrapper1 { width: 100%; background: transparent url(img/bg_map.gif) no-repeat center top; }
#wrapper { width:  830px; margin:  0px auto; }

#wrapper_content { 
	width:  800px; margin: 0px auto; 
	background: transparent url(img/bg_faux.png) repeat-y top left; 
	z-index:1;
}

#header { padding-top: 268px; height: 66px; background: transparent url(http://www.sfu.de/header/1.jpg) top left no-repeat; position: relative; z-index:0; }

#content_left { float: left; width: 550px; margin: 8px 0 0 -4px; padding: 5px 4px 0 4px; line-height: 19px;
background: transparent url(img/bg_content_left.png) top left no-repeat;
}

#content_right { 
	font-size: 12px; width: 210px; float: right; position: relative; 
	margin: -67px -4px 0px 0px; padding: 5px 19px 0 19px;
	line-height: 18px; background: transparent url(img/bg_content_right.png) top left no-repeat; 
}
	
#content_right h2 { 
	font: bold 15px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, "Helvetica Neue", "Helvetica", "Arial", Sans-Serif; color: #910f25; 
	margin: 0 -14px 10px -14px; padding: 3px 14px;  position:relative;
	background: #fff url(img/bg_h2.gif) repeat-y top left; }

#footer { width: 800px; height: 130px; margin: 0px auto; background: transparent url(img/bg_footer.png) no-repeat top left; }

/*-------------------- NAVI_TOP --------------------*/

#nav_top { padding:  10px 15px 8px 15px; text-transform: uppercase; }
#nav_top li { float: left; width: 400px; text-align: center;}
#nav_top li a { text-decoration: none; font: bold 14px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, "Helvetica Neue", "Helvetica", "Arial", Sans-Serif; }
#nav_top li a:hover { text-decoration: underline;}

/*-------------------- NAVI_MAIN --------------------*/

#nav_main { 
width:  545px; height:  38px; padding: 0 0 0 11px; margin-left: 12px; 
text-transform: uppercase; background: transparent url(img/bg_nav_main.png) no-repeat left top;
font: bold 13px "Trebuchet MS", "Lucida Grande", Lucida, Arial, Helvetica, Sans;}
}

#nav_main li { display:inline; margin:0; padding:0; }

#nav_main a { background:transparent url(img/nav_left_both.png) no-repeat scroll left 50px;
float:left; margin:0; padding:0 0 0 5px;
text-decoration:none; color: #4f4f4f; line-height: 18px;
}

#nav_main a span { background:transparent url(img/nav_right_both.png) no-repeat scroll right 50px;
display:block; float:left; 
padding:11px 11px 7px 7px; 
}

#nav_main a:hover { margin-top: -4px; background-position: 0 0; cursor: pointer;}
#nav_main a:hover span { padding:15px 11px 7px 7px; text-decoration: underline; background-position: 100% 0px; cursor: pointer;}

#nav_main .current_page_item a, #nav_main .current_page_ancestor a  { margin-top: -4px; position: relative; background-position: 0 0;}
#nav_main .current_page_item a span, #nav_main .current_page_ancestor a span { padding:15px 14px 8px 7px; background-position:100% 0px; color:#910f25;}

/*-------------------- NAVI_SUB --------------------*/

#nav_sub { 
float: left;
width:  545px; height:  31px; padding: 0 0 0 14px; margin: -3px 0 0 12px; 
background: transparent url(img/bg_nav_sub.png) no-repeat left top; line-height: 18px;
}
#nav_sub li { float: left; padding:  6px 8px 4px 8px; }
	#nav_sub :last-child { padding-right: 0px;}
#nav_sub li a { text-decoration: none; color: #4f4f4f; font: normal 14px "Trebuchet MS", "Lucida Grande", Lucida, Arial, Helvetica, Sans;}
#nav_sub li a:hover, #nav_sub li.current-cat a, #nav_sub a.active_category, #nav_sub .current_page_item a, #nav_sub .current_page_ancestor a { color:#910f25; text-decoration: underline;}

/*-------------------- NAVI_FOOTER --------------------*/

#nav_footer { 
float: left; text-transform: uppercase; padding-left:  13px;
width:  545px; margin: 60px 0 0 0; line-height: 18px;
}
#nav_footer li { float: left; padding:  6px 8px 1px 8px; }
	#nav_footer :last-child { padding-right: 0px;}
#nav_footer li a { text-decoration: none; font: bold 13px "Trebuchet MS", "Lucida Grande", Lucida, Arial, Helvetica, Sans;}
#nav_footer li a:hover, #nav_footer li.active a { color:#910f25; text-decoration: none;}

/*-------------------- TYPO & Format --------------------*/

#content_left .post { padding:  0 20px 0px 20px; margin: 0 0 0 0; }
	#content_left p { padding-bottom: 18px; }

#content_right p { margin-bottom: 16px; }

strong { font-weight:bold; }

em { font: italic bold 14px "Trebuchet MS","Georgia", "Times New Roman", serif; }

acronym[title] ,abbr[title] { border-bottom: 1px dotted #888 !important; cursor: help; }
	a abbr, a acronym { cursor:pointer !important; }
	
#footer p { clear: both; margin: 0 0 0 20px; font-size: 12px;}
	
/*-------------------- EXTRAS --------------------*/

#content_right .phone_left { float: left; width: 30px; clear: both; padding: 0 0 22px 0;}
#content_right .unten { padding: 0 0 28px 0; }
#content_right .phone_right { float: left; }

.pages { padding: 5px 0 4px 0; margin: 0 20px 18px 20px; border-bottom: 2px solid #fafafa; border-top: 2px solid #fafafa; }
.page-previous { float:left; padding: 0 0 0 15px; background: transparent url(img/arrow_left.gif) left center no-repeat; }
.page-next { float:right; padding: 0 15px 0 0; background: transparent url(img/arrow_right.gif) right center no-repeat; }


.newsletter { margin:  -5px 0 6px 0; }
.newsletter input {  font-family: "Lucida Grande", "Trebuchet MS"; background-color:#fff; border: none; border-bottom: 1px solid #bebbae; 
font-size: 12px; color:#4f4f4f; padding:3px; vertical-align:top; width:204px; }
	.newsletter input:hover { border-bottom: 1px solid #910f25;}

#the_name { margin-bottom: 3px; }
#the_email { }

.newsletter2 input {  font-family: "Lucida Grande", "Trebuchet MS"; background-color:#d9d6cd; border: none; color:#4f4f4f; padding:3px; vertical-align:top; width:101px; font-size: 12px; 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.newsletter2 input:hover { background-color:#fff; color: #a91b16; cursor: pointer;}

#abbestellen { margin: 0 3px 16px 0; }
#submit {margin:0px;}

#content_right.kundenkarte { margin: 8px -4px 0 0; }	
.kundenkarte_button img { margin: -79px 0px 0 -4px;}

.post ul { padding-left:  15px; margin-bottom: 10px; }
.post ol { padding-left:  22px; }
.post ul li { padding:  0 0 2px 0; list-style-type: square; list-style-position: outside; }
.post ol li { padding:  0 0 18px 0; list-style-type: decimal; list-style-position: outside; }

td { padding: 2px 3px 2px 2px; vertical-align: middle;}

/*-------------------- LINKS --------------------*/

a {  }
	a:link 		{ color: #910f25; text-decoration: underline; }
	a:visited 	{ color: #910f25; text-decoration: underline; }
	a:hover 	{ color: #a91b16; background-color: #fff; padding-bottom: 1px; text-decoration: none;}
	a:active 	{ color: #a91b16; background-color: #fff; text-decoration: underline; /*position:relative; top:1px;*/ }
	a:focus 	{ outline:1px dotted #666; }
		:focus { outline-color:-moz-use-text-color;	outline-style:none;	outline-width:0; }

/*-------------------- HEADLINES --------------------*/

#header h1 a { 
	position: absolute; top:  100px; left: 35px; 
	width:  211px; height:  87px;
	background: transparent url(img/SFU_Logo.png) top left no-repeat;
	text-indent: -9999px;
	color: #fff; 
}

h1, h2, h3, h4 { font-weight:bold; }

h1 { font-size: 18px; }
#content_left h2 { 
	font: bold 18px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, "Helvetica Neue", "Helvetica", "Arial", Sans-Serif; color: #910f25; 
	margin: 0 -19px 18px -19px; padding: 4px 20px;  position:relative; 
	background: #fff url(img/bg_h2.gif) repeat-y top left; }


#content_right h2 { clear: both; }
	#content_right h2.first { background-color: #ebeae5; }
	
h3 { 
	font: bold 14px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, "Helvetica Neue", "Helvetica", "Arial", Sans-Serif; color: #910f25; margin: 0 0px 18px 0px;
}


h4 { margin: -18px -19px 18px -19px; padding: 3px 19px 3px 19px; background: transparent url(img/bg_h2.gif) repeat-y scroll left top; }

.more-link { display: block; clear: both; margin-top:10px; }
.more-link:hover { padding-bottom:  0px; }

.red{ color: red!important; font-weight:  bold;}
	
/*-------------------- IMAGES --------------------*/
	
.alignleft  { float:left; margin:0 10px 10px 0; }
.alignright  { float:right; margin: 0 0 10px 10px; }

.gal { width:  520px; margin-bottom: 9px;}

.gal a img, .gal a { border: none; overflow: hidden; float: left; }
.gal a { margin: 0 10px 10px 0; position: relative; }
	.gal a:hover { border: 5px solid #fff; }
	.gal a:hover img { margin: -5px -5px -5px -5px;  }
	
#content_left .gal a:hover span{ display: block; background-color: #fff; }

#content_left .gal span {
	font-size: 11px;  width:  100%; line-height:  11px; 
	position:absolute; bottom: 0px; left: 0px; 
	margin: 0; padding: 4px 3px 1px 1px; display:none;}

.none:hover { background-color: transparent!important; padding-bottom: 0px; }

#content_left p.wp-caption-text { 
	padding: 0 0 3px 5px; margin:-3px 0 0 10px; 
	background-color: #fff; 
	font-size:  11px; color: #666; 
	text-align: left!important; 
	line-height:  15px;}

/*-------------------- CLEAR & HIDE --------------------*/

.hide { position:absolute; left: -9999em; top: -9999em; }

.clear { display:block; width:100%; clear:both; }

/* Clearen per Overflow */
.floatbox { overflow:hidden; }
/* .floatbox-Anpassung für IE */
* html .floatbox {width:100%;}