@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'MisoLight';
	src: url('fonts/miso-light.eot');
	src: local('Miso Light'), local('Miso-Light'), url('fonts/miso-light.woff') format('woff'), url('fonts/miso-light.otf') format('opentype'), url('fonts/miso-light.svg#Miso-Light') format('svg');
}

@font-face {
	font-family: 'MisoRegular';
	src: url('fonts/miso.eot');
	src: local('Miso Regular'), local('Miso'), url('fonts/miso.woff') format('woff'), url('fonts/miso.otf') format('opentype'), url('fonts/miso.svg#Miso') format('svg');
}

@font-face {
	font-family: 'MisoBold';
	src: url('fonts/miso-bold.eot');
	src: local('Miso Bold'), local('Miso-Bold'), url('fonts/miso-bold.woff') format('woff'), url('fonts/miso-bold.otf') format('opentype'), url('fonts/miso-bold.svg#Miso-Bold') format('svg');
}


/**
 * @section		Allgemeine Styles & Hilfsklassen
 */
 
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Trebuchet MS", sans;
	font-size: 15px;
	background-color: #f4f4f4;
}

#content ul, #content ol {
	margin-left: 1.5em;
	margin-bottom: 1em;
}

#margi ul, #margi ol {
	margin-left: 1em;
}

blockquote p, p q {
	font-family: "Trebuchet MS", sans;
	font-style: italic;
}

blockquote {
	background: url(pic/quote_start_02.gif) no-repeat top left;
}

blockquote p:first-child::first-letter {
	padding-left: 40px;
}


h3, h4 {
	margin-bottom: 0.5em;
}

/**
* @note 		versteckt Elemente optisch, sie bleiben aber fuer Screenreader lesbar 
*/
.usb,
#helpnav { 
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	left: -3000em;
}
/**
* @note 		entfernt Elemente komplett 
*/
.hidden {
	display: none;
}

/**
* @note			clear nach float ohne zus. Markup
* @note			wird dem umgebenden Container mitgegeben 
*
* @bugfix		hasLayout fuer IE
* affected		IE 5-7
* valid			no
* @todo 		in IE-Stylesheet auslagern
*/
.cl {
	overflow: auto;
	_height: 1%;
}

.cl2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cl2 {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .cl2 {height: 1%;}
.cl2 {display: block;}
/* End hide from IE-mac */

.test {border: 1px solid red !important;}


a:link {
	color: #222332;
}

a:visited {
	color: #373845;
}

a:hover,
a:focus,
a:active {
	background-color: #336699;
	color: #fff;
}


/**
 * @note		Linkunterstreichung sieht bei Schrift Miso haesslich aus...
 */
#content h2 a:link, #content h2 a:visited, #content h2 a:hover, #content h2 a:focus, #content h2 a:active,
#content h3 a:link, #content h3 a:visited, #content h3 a:hover, #content h3 a:focus, #content h3 a:active {
	text-decoration: none !important;
	xborder-bottom: 1px solid #333399 !important;
	padding: 4px 2px 0 2px;
	margin-left: -4px;
}


/**
 * @section		Uebergeordneter Container um alles
 */
#site {
	width: 80%;
	max-width: 70em;
	min-width: 960px;
	margin: 0 auto;
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	background-color: #fff;
}

#body {
	padding-bottom: 2em;
}

/**
 * @section		Uebergeordnete Navigation
 */
#head  {
	position: fixed;
	z-index: 90;
	width: 80%;
	max-width: 70em;
	min-width: 960px;
	height: 113px;
	background: url(pic/bg_headverlauf.png) repeat-x bottom left;
}
 
object {
	z-index: 80;
}

#overnav {
	background: #f4f4f4 url(pic/bg_overmenu.gif) repeat-x center left;
	list-style: none;
}

#overnav li {
	float: left;
}

#overnav li a:link,
#overnav li a:visited {
	float: left;
	padding: 18px 30px;
	background: url(pic/bg_overmenu.gif) repeat-x center left;
	border-right: 1px solid #d3d3d3;
	border-bottom: none;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	text-transform: uppercase;
}

#overnav li a:hover,
#overnav li a:focus,
#overnav li a:active {
	background: url(pic/bg_overmenu_act.gif) repeat-x center left;
	color: #fff;
	text-shadow: 0 0 6px #fff;
	text-decoration: underline;
}

#overnav li.act a {
	text-decoration: underline;
}

/**
 * @section		RSS-Icon in oberer Navi
 */
#overnav li#rss {
	background: url(pic/bg_rss.jpg) no-repeat center center;
}
#overnav li#rss a:link,
#overnav li#rss a:visited {
	width: 37px;
	height: 40px;
	padding: 6px 8px 8px;
	background: none;
}

#overnav li#rss img {
	border: none;
}

/**
 * @section		Homelink in oberer Navi
 */

#overnav li.home {
	padding: 18px 30px;
	border-right: 1px solid #d3d3d3;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
}



/**
 * @section		Branding (großes Bild) für CSS-Praxis
 */
 
#brand {
 	padding-top: 50px;
	height: 340px;
	background: url(pic/bg_brand_css.png) repeat-x bottom right;
}

/**
 * @section		Branding fuer labolog
 */
.labolog #brand {
	background: url(pic/bg_brand_labolog3.jpg) repeat-x bottom right;
}

/**
 * @section		Branding fuer TYPO3 4.0
 */
.typo3 #brand {
	background: url(pic/bg_brand_typo.jpg) repeat-x bottom right;
}

/**
 * @section		Branding fuer Übermich
 */
.privat #brand {
	background: url(pic/bg_brand_privat.jpg) repeat-x bottom right;
}

#page66 #brand,#page67 #brand, #page68 #brand {
	background: url(pic/brand-whales.jpg) repeat-x bottom left;
}

#brand h1 {
	margin-left: 20px;
	padding-top: 75px;
	font-size: 38px;
	font-family: 'MisoRegular', "Trebuchet MS", sans;
	font-size: 52px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#brand h1 span {
	font-family: "Trebuchet MS", sans;
	display: block;
	font-size: 13px;
	/* font-size: 17px; */
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
}

/**
 * @section		Hauptinhaltsbereich
 */
 
/**
 * @section		Softlinks
 */

#softlinks {
	margin-bottom: 2em;
}

#softlinks input {
	width: 7em;
}

#softlinks .submit {
	width: 3em;
}

#softlinks p {
	font-size: 0.7em;
	margin-left: 0 !important;
}


/**
 * @section		Navigation (floatet rechts)
 */
 
#mainnav {
	float: right;
	width: 13.5em;
	margin-top: 54px;
	padding-right: 25px;
}

#mainnav h3,
#margi h3	{
	padding: 0 5px 6px 5px;
	margin-bottom: 0.5em;
	font-size: 14px;
	font-family: 'MisoBold', "Trebuchet MS", sans;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 0.8em;
	border-bottom: 1px solid #bbb;
	color: #666;
}
#mainnav p {
	font-size: 13px;
}

.news-amenu-item-year {
	font-weight: bold;
	background: none !important;
}

#mainnav ul {
	list-style: none;
}

#mainnav ul.blog-latest,
#mainnav ul.blog-archiv,
#mainnav .news-catmenu ul {
	margin-bottom: 1.5em;
}

#mainnav ul.blog-latest li,
#mainnav ul.blog-archiv li,
#mainnav .news-catmenu ul li {
	font-size: 13px;
 	background: url(/typo3conf/ext/sb_config/fileadmin/templates/pic/pfeil_left_kl.gif) no-repeat center left;
	padding-left: 13px;
	padding-bottom: 2px;
}


#mainnav ul li.news-amenu-item-year {
	font-weight: bold;
	padding-left: 0;
	padding-top: 0.5em;
}

/* 1. Ebene */
#mainnav ul.nav {
	list-style: none;
	padding-left: 7px;
}

#mainnav ul.nav li {
	padding: 0.4em 0;
}

#mainnav ul.nav li b {
	padding: 0 15px;
}
	
#mainnav ul.nav li a:link,
#mainnav ul.nav li a:visited {
	color: #000;
	padding: 0 15px;
	text-decoration: none;
	border-bottom: none;
}

#mainnav ul.nav li a:hover,
#mainnav ul.nav li a:focus,
#mainnav ul.nav li a:active {
	color: #000;
	padding: 0 15px;
	text-decoration: underline;
}


#mainnav ul.nav ul li.cur b {
	padding: 0 15px;
	font-weight: bold;
}


/* 2. Ebene */
#mainnav ul.nav ul {
	margin-top: 0.4em;
	padding-left: 1em;
	font-size: 0.9em;
}


/* Footermenu */

#print, #top {
	float: right !important;
}



/**
 * @section		Inhalt
 */
 
#content {
	margin-top: 44px;
	padding-left: 16em;
	margin-right: 17.5em;
}

#content h2 {
	font-family: 'MisoRegular', "Trebuchet MS", sans; 
	font-size: 35px;
	margin: 0.25em 0 0.3em 0;
	text-transform: uppercase;
	color: #333;
}

#content h3 {
	font-size: 27px;
	text-transform: uppercase;
	font-family: 'MisoRegular', "Trebuchet MS", sans; 
}

#content p,
#content ul, #content ol {
	/*font-family: Georgia, Times, serif;*/
	line-height: 1.55em;
	color: #333;
	font-size: 15px;
	margin-bottom: 1em;
}

#content img {
	padding: 4px;
	border: 1px solid #999;}

#content img.nob {
	border: none;}	

#page15 #content img.nob,
#page16 #content img.nob {
	margin-bottom: -15px;
	border: none;}
		
/* sieht bei kurzen Absätzen nicht gut aus
#content p:first-letter {
	padding-left: 0.6em;
}
*/

#margi {
	margin-top: 54px;
	padding-left: 20px;
	width: 12em;
	float: left;
}

/* Sonderfall Marginlie mit einfachem Bild */
/* auf Errata-Seiten */
#page28 #margi, #page29 #margi,
#page30 #margi,#page31 #margi,
#page32 #margi {
	margin-top: 80px;
}

#margi p {
	margin-left: 0.5em;
}

/**
 * @section		Footer
 */

#footer ul {
	padding: 1em 17em 2em 15.5em;
}
 
#footer li {
 	float:left;
	font-size: 0.8em;
	padding: 0 1em 0 0;
	list-style: none;
}

#footer li.totop {
 	float:right;
}

/**
 * @section		Downloads
 */

ul.downloads li {
	list-style: none;
	background: url(/typo3conf/ext/sb_config/fileadmin/fileicons/pdf.gif) no-repeat center left;
	padding-left: 25px;
}

/**
 * @section		Inhaltsverzeichnis CSS-Praxis
 */
ul.ulivz {
	list-style: none;
	font-size: 0.9em;
}

.liivzone {
	font-weight: bold;
	margin-top: 0.5em;
}

.liivztwo {
	padding-left: 1em;
}

.liivzthree {
	padding-left: 1.5em;
}


/**
 * @section		Labolog (tt_news)
 */

/* Metainfos in der Unterzeile der Liste */ 
#content .blog-meta {
	border-top: 1px solid #ccc;
	margin: 0.6em 0.3em 2em 0.3em;
	padding: 0.3em 0;
	font-size: 0.9em;
}

#content .blog-topmeta {
	font-size: 0.9em;
	padding-left: 17px;
	background: url(pic/uhr.gif) no-repeat left 0.35em;
	line-height: 1.55em;
	margin-top: -0.8em;
}

#content .single {
	margin-top: -29px;
}

.blog-topmeta a:link,
.blog-topmeta a:visited {
	color: #000;
	text-decoration: none;
}

p.newslist {
	overflow: auto;
}

.newslist img {
	float: left;
	padding: 2px !important;
	margin-right: 4px;
}

.blog-sub {
	/* font-weight: bold; */
	font-size: 15px !important;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.5em !important;
}

.tags {
	padding-left: 20px;
	background: url(pic/tag.gif) no-repeat 5px center;
}

.news-single-img a:hover {
	background: transparent;
}

.news-single-imgcaption {
	font-style: italic;
	color: #666 !important;
	font-size: 90% !important;
}
.singleend {
	padding: 1em 0 1em 20px;
	border-bottom: 1px solid #bbb;
	background: url(pic/icon_left.gif) no-repeat 0.2em 1.4em;
}

#content .related ul {
	margin: 0;
	list-style: none;
}

.related li {
  	background: url(/typo3conf/ext/sb_config/fileadmin/templates/pic/pfeil_re_med.gif) no-repeat 0 0.4em;
	padding-left: 14px;
}

.related li span {
	font-size: 0.9em;
	padding-left: 17px;
	background: url(pic/uhr.gif) no-repeat 2px 2px;
}

#content .pagebrowser ul {
	margin: 0;
	overflow: auto;
}

.pagebrowser ul li {
	list-style: none;
	float: left;
	margin: 0.2em;
}

.pagebrowser ul li a {
	list-style: none;
	display: block;
	float: left;
	padding: 0.1em 0.5em;
	border: 1px solid #ccc;
	text-decoration: none;
}
.pagebrowser ul li.active {
	display: block;
	padding: 0.1em 0.5em;
	font-weight: bold;
}


.blog-archiv {
	margin-left: 5px;
	margin-top: -5px;
}

.tx-timtabflickrrss-pi1 a img {
	border: 1px solid #666;
}

/* Liste mit Social Network Icons */

#content ul.social {
	list-style: none;
	margin-left: 0;
}

ul.social li {
	padding-bottom: 10px;
}

#content ul.social img {
	border: 2px solid #fff;
	vertical-align: middle;
	padding: 0;
}

#content ul.social a:link,
#content ul.social a:visited {
	border: 2px solid #fff;
	line-height: 60px;
}

#content ul.social a:hover img,
#content ul.social a:focus img,
#content ul.social a:active img {
	border: 2px solid #336699 !important;
	background: none;
}

/* Gravatar-Icon */
.grav {
	float: right;
	padding: 5px 5px 0 0;
}

.grav img {
	padding: 2px;
	background: #fff;
}

/* Kommentarform */

input,
textarea {
	border: 1px solid #ccc;
	margin-right: 1em;
	padding: 0.3em;
}

.button {
	font-size: 1.1em;
	letter-spacing: 1px;
	padding: 4px 20px;
	border: 1px solid #aaa;
	background: #f4f4f4 url(pic/bg_overmenu.gif) repeat-x center left;
}

/* Best�tigungsbutton */
#mainnav .pos {
	font-weight: bold;
}

.pos:hover {
	border-left: 8px solid #7da42e;
	padding-left: 13px !important;
}

/* L�schbutton */
.neg:hover {
	border-left: 8px solid #cc0000;
	padding-left: 13px !important;
}

input[type=checkbox],
input[type=radio],
input.check, .check input, 
input.radio, .radio input {
	width: auto !important;
}

.tx-veguestbook-pi1 .button {
	width: 15em;
}

.tx-veguestbook-pi1 input {
	width: 31.5em;
}

.tx-veguestbook-pi1 textarea {
	width: 32em;
	height: 10em;
}

.kommentare {
	list-style: none;
	margin: 0 !important;
}

.kommentare li {
	margin: 10px 0 35px 0;
	padding-right: 20px;
}

.kommentare h4,
.kommentare p {
	background-color: #efefef;
	padding: 10px 10px 0 10px;
	margin-bottom: 0;
}
.kommentare p {
	padding-bottom: 10px;
}

.kommentare div {
	margin: 0 0 15px 0;}


.kommentare fieldset {
	border: none;
}

.kommentare label {
	display: block;
	clear: left;
}

.kommentare .halb {
	float:left;
	width: 15.5em;
}

.kommentare .halb input {
	width: 14em;
}

.captcha input {
	margin: 10px 0;
}

.captcha img {
	border: 1px solid #333;
	padding-left: 0;
	display: block;
}

.freecap-span {
	-moz-border-radius: 6px;
	overflow: auto;	
}
.freecap-span img {
	float: right;
}

/**
 * @section		Loginformular
 */

#mainnav input,
#mainnav textarea {
	width: auto;
} 

.tx-felogin-pi1 {
	margin-top: 1.5em;
	font-size: 0.9em;
}

.tx-felogin-pi1 fieldset {
	border: 0;
}

.tx-felogin-pi1 legend {
	display: none;
}

.tx-felogin-pi1 div {
	margin: 0 5px 10px 5px;
}

/**
 * @section		Twitterfeeds
 */
.twitterentry {
	font-family: "Trebuchet MS", sans !important;
	font-size: 0.8em;
	margin-bottom: 1em;
	overflow: hidden;           /* required for text-overflow */	
	word-wrap: break-word;      /* IE, Firefox since 3.5 and Opera since 10.5 */
	text-overflow: ellipsis;    /* IE and WebKit (Safari, Chrome) */
	-o-text-overflow: ellipsis; /* Opera since 9.0 */
}

.tx-twittersearch-pi1>p {
	font-size: 0.8em;
	margin-bottom: 1em;
}

.twitterentry .meta {
	background: url(pic/uhr.gif) no-repeat left 0.24em;
	line-height: 1.55em;
	font-style: italic;
}

.twitterentry .meta span{
	font-style: normal;
}

.twitterentry .meta:first-letter {
	padding-left: 17px;
}

.twitterbird {
	padding: 4px;
	background-color: #fafafa;
	border: 1px solid #ccc;
	margin-bottom: 2em;
	margin-right: 3px;
}


.twitterbird a {
	vertical-align: top;
	display:inline-block;
	padding-top: 5px;
}

.twitterbird img {
	padding-right: 10px;
}

/**
 * @section		Errata
 */
 
.tx-sberrata-pi1 table {
 	border: 1px solid #ccc;
 	border-collapse: collapse;
 }

 .tx-sberrata-pi1 th,
 .tx-sberrata-pi1 td {
	text-align: left;
 	padding: 0.4em 0.6em; 	
 	border-bottom: 1px solid #ccc;
 }
 
  .tx-sberrata-pi1 th {
  	font-family: "Trebuchet MS", sans;
  }

  .tx-sberrata-pi1-listrow-odd {
 	background-color: #f9f9f9;
 }
 
 .tx-sberrata-pi1 .wrong,
 .tx-sberrata-pi1 .correct {
	font-family: "Trebuchet MS", sans;
 	margin: 0.5em 0;
 	padding: 0.5em;
 	background-color: #90ee90;
 	border: 1px solid #009900;
 }
 
 .tx-sberrata-pi1 .wrong {
 	background-color: #ffe4e1;
 	border: 1px solid #cc0000;
 	margin-bottom: 1em;
 }
 
 #content .tx-sberrata-pi1 .reporter {
  	font-family: "Trebuchet MS", sans;
  	font-size: 0.85em;
  	text-align: right;
  }
  
/**
 * @section		Forum (mm_forum)
 */
 
#page34 #content,
#page60 #content,
#page61 #content,
#page62 #content,
#page64 #content {
	padding-left: 1em;
} 

#page34 #margi,
#page60 #margi,
#page61 #margi,
#page62 #margi,
#page64 #margi {
	display: none;
}

.tx-mmforum-pi1 input {
	width: auto;
}

#content .tx-mmforum-pi1 img {
	border: none;
}

/*
.searchcounter {
	margin: 0.6em 0;
}*/

td.searchdata {
	font-size: 0.8em;
}

  .nohover {
	  background: none !important;
  }
  
p.green { background: #e0edc5;}
ul.green { background: #e0edc5;}
div.green { background: #e0edc5;}

h1.green { color: #e0edc5;}
h2.green { color: #e0edc5;}
h3.green { color: #e0edc5;}

td.nohover { background: none !important; }
td.nobordertop { border-top: none !important; }
td.noborderbottom { border-bottom: none !important; }
td.noeverything { background: none !important; border-top: none !important; }


/**
 * @section Social
 */
 
 .fb_iframe_widget {
    position: relative;
    top: -4px;
}

.twitter-share-button {
	margin-right: 17px;}