/** 
* tyclipso.net - Setup CSS *
* @author Ron Kappler 
* @version 1.0 
* @see http://www.tyclipso.net
*/
/* Reset HTML Elements */
html, body { margin: 0; padding: 0; min-height: 100%; background-color: #3f3f3f; }
body { font-family: 'Neo Sans W01', Arial, Helvetica, sans-serif; font-size: 13px; color: #1f1f1f; background-image: url(/templates/ty2010/pics/bodybg.png); background-repeat: no-repeat; background-position: right top;  }
p { margin: 0 0 15px 0; padding: 0; }
ul, ol, li { margin: 0; padding: 0; list-style-position: outside; }
ol { margin: 0 0 15px 28px; }
ul { margin: 0 0 15px 15px; }
object, embed { margin: 0;  padding: 0; cursor: pointer; outline: none; }
form, input, label, select, textarea { margin: 0; padding: 0; }
img, a img { border: 0; }
a:link, a:visited, a:active, a:hover { color: #1f1f1f; text-decoration: none; outline: none; font-family: 'Neo Sans W01 Bold', Arial, Helvetica, sans-serif;  }
a:hover { color: #89c300; }
h1, h2, h3, h4, h5 { padding: 0; color: #1f1f1f; font-family: 'Neo Sans W01', Arial, Helvetica, sans-serif; }
h1 { margin: 0 0 25px 0; font-size: 17px; font-family: 'Neo Sans W01 Bold', Arial, Helvetica, sans-serif; }
h1.siteH1, div.siteH1 { font-family: 'Neo Sans W01 Bold', Arial, Helvetica, sans-serif; margin: 30px 0 30px 20px !important; font-size: 27px; }
h1.siteH1.blogH1Wrap, div.siteH1.blogH1Wrap { width: 500px;  }
div.siteH1 { min-height: 42px; }
h2 { margin: 0 0 15px 0; padding: 0; font-size: 18px; font-weight: normal; }
h2.mb0 {  margin: 0 0 7px 0; }
h3 { margin: 0 0 15px 0; font-size: 15px; }
h4 { margin: 0 0 7px 0; font-weight: normal; font-style: italic; font-size: 12px; }
h5 { margin: 0; padding: 0; font-size: 11px; font-weight: normal; }
form { margin: 0; padding: 0; }
blockquote { margin: 0 0 15px 0; background-color: #FFFFFF; color: #89c300; padding: 0 25px; }
abbr { border-bottom: 1px dotted #1f1f1f; }
strong { font-family: 'Neo Sans W01 Bold', Arial, Helvetica, sans-serif; font-weight: normal; }
em, i, blockquote, blockquote p { font-family: 'Neo Sans W01 Italic', Arial, Helvetica, sans-serif; font-style: normal; }
/* Font Sets */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.vsuper { vertical-align: top; font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.vbottom { font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.tright { text-align: right; }
/*Box Model*/
.floatl { float: left; }
.floatr { float: right; }
.fixfloat { clear: both; font-size: 0px; margin: 0px; padding: 0px; line-height: 0px; height: 0;  }
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.minh-10 { height: 10px; overflow: visible; }
.hidden { overflow: hidden; }
html>body .minh-10 { height: auto; min-height: 10px; }

.minsize, .maxsize { height: 0px; visibility: hidden; }
/* Offscreen Content */
.offscreen { position: absolute; left: -1000em; width: 100em; height: 1em; overflow: hidden; }
/* structure */
#windowSize { height: 1px; font-size:0; line-height: 0; width: 100%; }

#tyHeader { height: 208px; width: 800px; overflow: hidden; position: relative; padding-left: 160px; }
#tyHeadWrap { height: 208px; width: 1040px; position: relative; background-image: url(/templates/ty2010/pics/headwrapbg.png); background-repeat: no-repeat; background-position: -160px 0; }

#tySiteWrap { position: relative; }
#tySiteBg { background-image: url(/templates/ty2010/pics/contentwrap_bg.gif); background-repeat: repeat-y; height: 360px; overflow: visible; }
#tyContentWrap { height: 360px; overflow: visible; padding: 0; }
#keyword-nav { width: 180px; padding: 0 30px 30px 30px; height: 30px; float:left; }
#tySidebar { height: 20px; overflow: visible; font-size: 11px; }
html>body #tySiteBg, html>body #tyContentWrap { height: auto; min-height: 360px; }
html>body #tySidebar { height: auto; min-height: 20px; }
#tyFootWrap { height: 265px; margin: 0 0 40px 0; }
#tyFootInfo { height: 265px; font-size: 11px; line-height: 1.6em; overflow: visible; background-image: url(/templates/ty2010/pics/footwrap_bg.gif); background-repeat: no-repeat; background-position: 640px top; }
#tyFootInfo .tygrw08 { height: 265px; overflow: visible; }
#tyFootInfo h4.fco { margin: 0 0 7px 0; padding: 0; font-size: 15px; font-family: 'Neo Sans W01', Arial, Helvetica, sans-serif; }
#tyFootInfo .tygrw02 ul { margin: 0 0 15px 0; padding: 0; list-style: none; }
#tyFootInfo .tygrw02 ul li { padding: 0 0 0 7px; background-image: url(/templates/ty2010/pics/footwrap_li.gif); background-repeat: no-repeat; background-position: 0 7px; }
#leftOffsetContainer { margin-left: -160px; padding-left: 160px; }
html>body #tyFootWrap, html>body #tyFootInfo, html>body #tyFootInfo .tygrw08 { height: auto; min-height: 265px; }
.news { height: 180px; overflow: hidden; min-width: 750px;   }
.boxc1 { width: 249px; border-right: 1px solid #009988; background-color: #FF9900; height: 180px; overflow: hidden; }
.box4 { display: none; }
.blogs { width: 250px; height: 300px; margin-left: 500px; overflow: hidden;  }
.blogb { height: 149px; overflow: hidden; background-color: #CCCCCC; border-bottom: 1px solid #669900; color: #EEEEEE; }
.blog3b { height: 99px; overflow: hidden; color: #EEEEEE; border-bottom: 1px solid #669900; }
/* Grid 80 x 15 width / height */
.tygrw01 { width: 80px; position:relative; } 	.tygrh01 { height: 80px; }
.tygrw02 { width: 160px; position:relative;  }	.tygrh02 { height: 160px; }
.tygrw03 { width: 240px; position:relative;  }	.tygrh03 { height: 240px; }
.tygrw04 { width: 320px; position:relative;  }	.tygrh04 { height: 320px; }
.tygrw05 { width: 400px; position:relative;  }	.tygrh05 { height: 400px; }
.tygrw06 { width: 480px; position:relative;  }	.tygrh06 { height: 480px; }
.tygrw07 { width: 560px; position:relative;  }	.tygrh07 { height: 560px; }
.tygrw08 { width: 640px; position:relative;  }	.tygrh08 { height: 640px; }
.tygrw09 { width: 720px; position:relative;  }	.tygrh09 { height: 720px; }
.tygrw10 { width: 800px; position:relative;  }	.tygrh10 { height: 800px; }
.tygrw11 { width: 880px; position:relative;  }	.tygrh11 { height: 880px; }
.tygrw12 { width: 960px; position:relative;  }	.tygrh12 { height: 960px; }
.tygrw13 { width: 1040px; position:relative;  }	.tygrh13 { height: 1040px; }
.tygrw14 { width: 1120px; position:relative;  }	.tygrh14 { height: 1120px; }
.tygrw15 { width: 1200px; position:relative;  }	.tygrh15 { height: 1200px; }
.tyFloatWrap { width: 800px; padding-bottom: 15px; }
/* Gridshadow */
.tygrbgt 	{ /*background-image: url(/templates/ty2010/pics/hspace.png); background-repeat: repeat-x; background-position: top;*/ border-top: 1px solid #404040; padding-top: 25px; }
.tygrbgt h2:last-child { margin-bottom: 25px; }
.tygrbgtonly{ background-image: url(/templates/ty2010/pics/hspace.png); background-repeat: repeat-x; background-position: top; height: 30px; clear: both; float: none; }
.tygrbgb 	{ background-image: url(/templates/ty2010/pics/hspaceb.png); background-repeat: repeat-x; background-position: bottom; padding-bottom: 15px; }
.specialbg 	{ background-image: url(/templates/ty2010/pics/specialbg.gif); background-repeat: repeat-y; }
.tygrbot { border-bottom: 1px solid #b4b4b4; height: 10px; margin: 0 30px 24px 30px; }
/* Innerboxes*/
.tygrinner10 	{ padding: 10px; }
.tygrinner20 	{ padding: 20px; }
.tygrinner30 	{ padding: 30px; }
.tygrinner2030 	{ padding: 20px 30px; }
.p-10-0 		{ padding: 10px 0; }
.p-10-0 		{ padding: 10px 0; }
.p-0-30 		{ padding: 0 30px; }
.pl-30 			{ padding-left: 30px; }
.pr-30 			{ padding-right: 30px; }
.p-20-5-30 		{ padding: 20px 30px 5px 30px; }
.mb-10 			{ margin-bottom: 10px; }
.mb-15 			{ margin-bottom: 15px; }
.mb-20 			{ margin-bottom: 20px; }
.mb-30 			{ margin-bottom: 30px; }
.m-0-30			{ margin-left: 30px; margin-right: 30px; }
.offsetLeft 	{ margin-left: -160px; }
.offsetLeft .mb-15 { margin-bottom: 0; } 
.offsetLeft .tygrw02 .pr-30 { padding: 30px 20px; }
/* Liststyle */
.tylistreset 	{ margin: 0; padding: 0; list-style: none; }
.tyhlist 		{ float: left; }
.tyhlist li 	{ float: left; }
.tyvlist li 	{ display: block; }

/* Color Definitions */
.bg 			{ background-color: #ffffff; } 		/* white */
.bg01 			{ background-color: #1f1f1f; } 		/* black - font color invert */
.bg02 			{ background-color: #3f3f3f; } 		/* grey - bodybg */
.bg03 			{ background-color: #dddddd; } 		/* light grey */
.bg04 			{ background-color: #89c300; } 		/* green - logobg */
.bg05 			{ background-color: #06c5c7; } 		/* blue */
.bg06 			{ background-color: #323232; }		/* dark grey blog boxes */
.bgerror 		{ background-color: #f32937; } 		/* red error */

.fco 			{ color: #FFFFFF; } 				/* white */
.fco01 			{ color: #1f1f1f; } 				/* black - standard font color */
.fco02 			{ color: #3f3f3f; } 				/* grey - bodybg */
.fco03 			{ color: #dddddd; } 				/* light grey */
.fco04 			{ color: #89c300; } 				/* green - logobg */
.fco05 			{ color: #06c5c7; }					/* blue */
.fco06			{ color: #06c5c7; }					/* turquoise blog */
.fcoerror 		{ color: #f32937; } 				/* red error */

/* Link Definitions */
.fco a, .fco a:link, .fco a:visited, .fco a:active, .fco a:hover { color: #FFFFFF; } .fco a:hover { text-decoration: underline; }
.fco04 a, .fco04 a:link, .fco04 a:visited, .fco04 a:active, .fco04 a:hover { color: #89c300; } 	.fco04 a:hover { color: #1f1f1f; }
.fco abbr { border-bottom: 1px dotted #FFFFFF; }
.fco04 abbr { border-bottom: 1px dotted #89c300; } 
.bg04 blockquote { background-color: #89c300; color: #FFF; }
.bg04 h2 { color: #FFFFFF; }
h1 abbr, h2 abbr, h3 abbr, h4 abbr { border-bottom: 0 !important; }
/* Elements */
.new, .special 	{ display: block; width: 18px; height: 35px; background-image: url(/templates/ty2010/pics/new_special.png); background-repeat: no-repeat; background-position: 0 0; }
.new2 			{ background-position: -18px 0; }
.new3 			{ background-position: -36px 0; }
.special 		{ height: 48px; background-position: -54px 0;  }
.special2 		{ background-position: -72px 0;  }
.special3 		{ background-position: -90px 0;  }
.dottedbg 		{ background-image: url(/templates/ty2010/pics/dottedbg.gif); background-repeat: repeat; }
.vspaceR 		{ background-image: url(/templates/ty2010/pics/vspace.png); background-repeat: repeat-y; background-position: right; }
/* Slider Elements Up, Right, Bottom, Left */
.tyslidebtn 	{ width: 26px; height: 26px; display: block; background-image: url(/templates/ty2010/pics/sliderbtn.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; }
.tyup 			{ background-position: 0 0; }		.tyup:hover 	{ background-position: -240px 0 !important; }
.tyright 		{ background-position: -60px 0;  }	.tyright:hover 	{ background-position: -300px 0 !important; }
.tydown 		{ background-position: -120px 0; }	.tydown:hover 	{ background-position: -360px 0 !important; }
.tyleft 		{ background-position: -180px 0; }	.tyleft:hover 	{ background-position: -420px 0 !important; }
/* Competence / Blog Buttons */
.tybb 			{ width: 16px; height: 16px; display: block; background-image: url(/templates/ty2010/pics/blogicons.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; }
.tybbflash		{ background-position: 0 0; }
.tybbobjectivec	{ background-position: -16px 0;  }
.tybbwidgets 	{ background-position: -32px 0; }
.tybbmyty 		{ background-position: -48px 0; }
.tybbframworks	{ background-position: -64px 0; }
.tybbsnw 		{ background-position: -80px 0; }
.tybbopensource	{ background-position: -96px 0; }
.tybbiphone		{ background-position: -112px 0; }
/* Polaroid */
.typhoto 			{ height: 20px; overflow: visible; }
html>body .typhoto 	{ height: auto; min-height: 20px; }
.typhoto .tygrinner20 { padding: 130px 20px 10px 20px; }
.typhoto img 		{ display: block; position: absolute; left: 35px; top: 30px; z-index: 1; }
.tyPhotoEdit img	{ top: 0; }
.typhotooverlay 	{ background-image: url(/templates/ty2012/pics/polariod_ty.png); background-repeat: no-repeat; width: 160px; height: 144px; left: 0px; top: 0px; overflow: hidden; position: absolute; z-index: 2; }
.typhotooverlay img { left: 9px; top: 103px; }
.typhoto .new 		{ position: absolute; top: 20px; right: 38px; z-index: 3; }
/* Social Bookamrking Elements */
.tysbm 			{ width: 62px; height: 20px; padding: 70px 0 0 0; display:block; background-image: url(/templates/ty2012/pics/sbm.png); background-repeat: no-repeat; background-position: 0 0; font-size: 11px; text-decoration: none; text-align: center; font-weight: normal; }
.tysbmfb 		{ background-position: 0 0; }
.tysbmtw 		{ background-position: -70px 0; }
.tysbmfl 		{ background-position: -140px 0; }
.tysbmvimeo 	{ background-position: -210px 0; }
.tysbmyoutube 	{ background-position: -280px 0; }
.tysbmskype 	{ background-position: -350px 0; }
.tysbmblog 		{ background-position: -420px 0; }
.tysbmrss 		{ background-position: -490px 0; }
.tysbmmail		{ background-position: -560px 0; }
.tysbmxing		{ background-position: -630px 0; }
.tysbmstartnext	{ background-position: -700px 0; }
#tyFootWrap .sbm { margin: 120px 0 0 85px; height: 90px; }
#tyFootWrap .sbm .tysbm { float: left; margin: 0 10px 0 0; }
.tysbminline { display: inline-block; *display:inline;*zoom:1; margin: 0 0 0 5px; }
/* Tooltips */
#tyToolTip { position: absolute; z-index: 3000; border: 1px solid #06c5c7; background-color: #06c5c7; color: #FFF; font-size: 11px; max-width: 250px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
#tyToolTip  h3 { color: #FFF; font-size: 11px; text-decoration: none; font-style: normal; margin: 0; }

/*Foto des Tages Box*/
.podbox-title {position:absolute;right:20px;bottom:5px;font-size:10px;color:#fff;font-family:arial;}
