/* -------------------------------------------------------------- 
  
Project: Norrenberg Rechtsanwälte
Created: 2012-02-26
Last modified: 2013-12-02, 19:20
   
-------------------------------------------------------------- */

@import "resets.css";
@import "grid.css";


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

* { margin: 0; padding: 0; }

body { background: #fff; line-height: 1.8; }

a { color: #666; text-decoration: none; }
a:hover,
#top ul.tabs a:hover,
ul.tabs li a:hover, 
ul.tabs li a.current,
#footer a:hover,
#footer ul.tabs a:hover { color: #0073a6; } /*#4782a2; #6aa7c1;*/

.link a { color:#0073a6; }
.link a:hover { text-decoration:underline; }

#wrapper { background: none; margin: 0 auto; position: relative; width: 940px; }



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

body { font-size: 75%; }/*font: 11px/2.2 Arial, Helvetica, sans-serif;*/

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { color: #333; font-family: Helvetica, Arial, sans-serif; }

h1,h2,h3,h4,h5,h6 { color: #666; font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; line-height: 1; margin-bottom: 0.8em; }
h3 { font-size: 1.3em; line-height: 1.2; margin-bottom: 0.6em; }
h4 { font-size: 1.2em; line-height: 2.0; margin-bottom: 0; }
h5 { font-size: 1.1em; line-height: 2.0; margin-bottom: 0; }
h6 { font-size: 1.0em; line-height: 2.0; margin-bottom: 0; }

h5 a { background: url('../images/arrow.png') 0px 1px no-repeat; padding-left: 1.5em !important; }

/*#top { font-family: 'Oswald', arial, serif; }*/



/* COMMON ELEMENTS
-------------------------------------------------------------- */

p { margin: 0 0 1.0em; /*text-indent: 40px;*/ font-size: 0.9em; }

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; padding: 0 0 0 0.4em; font-size: 0.9em; }
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; }

blockquote { background: url('../images/quote.png') top left no-repeat; font-style: italic; margin: 2.4em 0 0; padding: 0; text-align: justify; text-indent: 30px; }
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: 0.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: #64b8e9; }

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

img.alignright, .alignright img { float: right; margin: 0 0 1.0em 1.0em; position: relative; }
img.alignleft, .alignleft img { float: left; margin: 0 1.0em 1.0em  0; position: relative; }

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



/* BOX
-------------------------------------------------------------- */

.box { display: inline; float: left; margin: 0 20px 0 0; position: relative; }

.single { width: 220px; }
.double { width: 460px; }
.full 	{ width: 940px; }

.last { margin: 0; }



/* 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; }



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

#top { }

#top ul.tabs { float: right; font-size: 0.8em; margin: 10px 0 0; text-transform: uppercase; }
#top ul.tabs a { color: #aaa; padding: 0 10px; }
#top ul.tabs li.last a { border-left: 1px solid #aaa; padding-right: 0; }



/* HEADER
-------------------------------------------------------------- */

#header { }

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



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

#header ul.tabs { display: block; float: right; font-size: 1.2em; margin: 4.5em 0 1.0em; }
#header ul.tabs li { margin: 0 0 0 14px; }
#header ul.tabs li a { padding: 10px 0 0; }

#header ul.tabs li a:hover, 
#header ul.tabs li a.current { border-bottom: 0px solid #8bc0d7; }



/* TEASER
-------------------------------------------------------------- */

#teaser { border-bottom: 0px solid #ececec; padding: 0 0 5px; }
.slogan { background: #f7f7f7; color: #000; border-bottom: 10px solid #ececec; font-size: 1.5em; height: 180px; padding: 40px 20px 0 20px; width: 420px; }
.slogan p { color: #999; font-size: 0.7em; line-height: 1.5; margin: 1.0em 0 0; }



/* CONTENT
-------------------------------------------------------------- */

#content { background: none; height: auto !important; padding: 20px 0 15px; }

#content ul.tabs { overflow: hidden; position: relative; }
#content ul.tabs li { background: #f7f7f7 url('../images/arrow.png') no-repeat scroll 10px 9px; /*list-style-image: none; list-style-position: outside;*/ margin: 0; margin-bottom: 0.5em !important; padding-top: 4px; padding-bottom: 4px !important; padding-left: 3.0em !important; width: 100%; }


#content ul.nolink li { background: #f7f7f7 url('../images/bullet.png') no-repeat scroll 10px 9px; /*list-style-image: none; list-style-position: outside;*/ color: #666; margin: 0; margin-bottom: 0.5em !important; padding-top: 4px; padding-bottom: 4px !important; padding-left: 3.0em !important; width: 100%; }

.grey { color: #666; }

.press_author { color: #999; display: block; font-size: 0.9em; margin: 0; padding: 0; text-transform: normal; }

#home #content p { margin: 0; }

p.lastinfo { margin: 3.1em 0 0; }


ul.listing { margin: 0; }
ul.listing li { border-bottom: 1px solid #eee; display: block; padding: 0.7em 0; }
ul.listing li.last { border: 0; }

ul.listing li p { margin: 0; }

ul.listing li h6 { margin: 0; color: #333; font-weight: bold; }
ul.listing li .date { font-size: 0.8em; font-style: italic; line-height: 1.0em; margin: 0 0 0.8em; }


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

#footer { border-top: 1px solid #eee; color: #999; font-size: 0.9em; margin: 0; padding: 1.4em 0 0; width:940px !important; }
#footer a { color: #999; }

#footer ul.tabs { float: right; margin: 0.4em 0 0; }
#footer ul.tabs a { color: #999; line-height: 1; padding: 0px 5px 0; }
#footer ul.tabs li.last a { border-left: 1px solid #999; padding-right: 0; }



/* TABLES
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; width: 100%; }

th { padding: 0 0 1.0em 0; text-align: left; vertical-align: top; }
td { padding: 0.2em 1.0em 0.2em 0; text-align: left; vertical-align: top; }
th { font-weight: bold; }



/* MOBILE
-------------------------------------------------------------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

body { -webkit-text-size-adjust: none; /* Turn off font resizing */ }

}