/* ---------------------------------------------------------------------------------------------------
Project: reinhardhall.de
Authors: blubotsmedia, blubots.de
Created: 2011-07-01
Last modified: 2011-11-28
--------------------------------------------------------------------------------------------------- */

@import "resets.css";


/* HEADINGS AND TEXT
-------------------------------------------------------------- */

body { font-size: 75%; }

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, sans-serif; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; line-height: 1; }

h1 { font-size: 3em; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.5; }
h3 { font-size: 1.2em; margin-bottom: 1em; }
h4 { font-size: 1.1em; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: none; }
ul.circle { list-style-type: circle; }
ul.square { list-style-type: square; }
ul.disc { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #fff; text-decoration: none; }
a:hover { color: #ccc; }

blockquote { background: url('../images/quote.png') top left no-repeat; font-style: italic; padding: 0 0 0 2.5em; margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #9fd4f3; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

img.alignright, .alignright img { float: right; margin: 0 0 5px 10px; position: relative; }
img.alignleft, .alignleft img { float: left; margin: 0 10px 5px  0; position: relative; }

.left { float: left; position: relative; }
.right { float: right; position: relative; }

.clear { clear: both; }



/* GENERAL
-------------------------------------------------------------- */

body { background: #2f2f2f url('../images/bg_body.png') repeat left top; line-height: 1.5; margin: 0 0 2.0em 0; }

#page { margin: 0 auto; width: 960px; }



/* TOP
-------------------------------------------------------------- */

#top { background: none; color: #4f4f4f; font-size: 10px; height: 40px; line-height: 1.2; margin: 0 0 0em 0; text-transform: uppercase; }

#top .tabs { float: right; margin: 5px -5px 0; padding: 2px 0; }
#top .tabs li.first { border-right: 1px solid #3f3f3f; } 
#top .tabs a { color: #4f4f4f; padding: 0 5px; }
#top .tabs a:hover { color: #6f6f6f; }



/* HEADR
-------------------------------------------------------------- */

#header { background: none; height: 105px; margin: 0; }

#header #logo, #header #logo a { display: block; height: 30px; margin: 0 0 0 -15px; width: 420px; }
#header #logo a { background: url('../images/logo.png') no-repeat left top; margin: 0; }
#header #logo span { display: block; text-indent: -9000px; }



/* NAVIGATION
-------------------------------------------------------------- */

ul#nav { background: none; border-top: 1px solid #102a2b; border-bottom: 1px solid #006697; display: block; font-size: 12px; font-weight: bold; margin: 60px 0; z-index: 800; text-transform: uppercase; }

ul#nav li {  }

ul#nav li a { border-top: 1px solid #006697; border-bottom: 1px solid #102a2b; display: block; padding: 5px 15px; text-align: right; }
ul#nav li a:hover, ul#nav li a.current { color: #378dbf;  }
ul#nav li a:hover { background: #012c40; border-bottom: 1px solid #012c40; border-top: 1px solid #012c40; color: #378dbf; padding: 5px 15px; }

ul#nav li.last { }



/* BODY
-------------------------------------------------------------- */

#body { margin: 0; padding: 0;  }

#content { background: #666 url('../images/temp/featimg.jpg') top left no-repeat; font-size: 13px; margin: 0; padding: 0; width: 960px; height: 400px; -moz-box-shadow: 0px 3px 10px #000000; -webkit-box-shadow: 0px 3px 10px #000000; box-shadow: 0px 3px 10px #000000;

	/*-moz-border-radius:  0 0 15px 0;
    -webkit-border-radius: 0 0 15px 0;
    -khtml-border-radius: 0 0 15px 0;
    border-radius: 0 0 15px 0;*/

}

/*.shadow { background: url('../images/shadow.png') top left repeat-y; height: 400px; }*/


.seo { color: #666; float: left; line-height: 1.8; margin: 33px 0 0; width: 620px; }

.tags { color: #4f4f4f; float: left; line-height: 1.1; margin: 20px 0 0; padding: 0 0 0 20px; width: 320px; }


#sidebar { float: left; padding: 0px; width: 185px; height: 400px;

	background: #023f54;
	background: -moz-linear-gradient(top, #023f54, #014e7a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#023f54), to(#014e7a));
	background: -o-linear-gradient(top, #023f54, #014e7a);
	
	-moz-border-radius: 15px 0 0 0;
    -webkit-border-radius: 15px 0 0 0;
    -khtml-border-radius: 15px 0 0 0;
    border-radius: 15px 0 0 0;
	
	/*-moz-box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;*/
	
	/*-moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;*/
}



/* Footer
-------------------------------------------------------------- */

#footer { font-size: 10px; margin: 0; padding: 10px 0; text-transform: uppercase; }

#footer, #footer a { color: #4f4f4f; }
#footer a:hover { color: #6f6f6f; }

#footer ul.tabs { background: none; margin: 0 0 0 -2px; }
#footer ul.tabs li { padding: 0 2px; }



/* TABS
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }



/* TAGS
-------------------------------------------------------------- */

.tags a { color: #666; font-weight: normal; }
.tags a:hover { color: #993300; }

a.tag-link-8 { font-size: 0.8em; }
a.tag-link-9 { font-size: 0.9em; }
a.tag-link-10 { font-size: 1.0em; }
a.tag-link-11 { font-size: 1.1em; }
a.tag-link-12 { font-size: 1.2em; }
a.tag-link-13 { font-size: 1.3em; }
a.tag-link-14 { font-size: 1.4em; }
a.tag-link-15 { font-size: 1.5em; }
a.tag-link-16 { font-size: 1.6em; }