/*  
Theme Name: roschWerbung based on WordPress Standard DE-Edition
*/
/******************************
	Reset Defaults
 ******************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, 
font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption 
	{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
/******************************
	Defaults
 ******************************/
body{font-family: Arial, Sans-Serif;color:#4b4d4a;background:#fff; font-size:60%}
h1 {position:absolute; top:35px; left:0}
h1 a {display:block; height:73px; width:137px; text-indent:-9999px; background: transparent url("images/grafiken/rosch-logo.jpg") no-repeat}
h2 {border:none;color:#666;font-size: 2.2em; font-weight:normal;line-height:1.2em;  margin:0 0 35px 0}
h2.line {border-bottom:2px solid #999;font-stretch:condensed;line-height:1.2em;   margin:0 auto 1px auto; padding-bottom:2px;text-align:right;text-transform: lowercase;width:960px}
h3 {color:#666;font-size: 2.0em; font-weight:normal;line-height:2.6em}	
.home h3 {color:#666;font-size: 3.2em; font-weight:normal;line-height:1.2em; padding-bottom:22px}
h4 {font-size: 1.6em;}
h5 {font-size: 1.8em;}
h6 {font-size: 1.2em;}
a, a:link { color:#666; outline:none; text-decoration:none;}
a:hover {text-decoration:underline; color:#333;}
a img { border:none;}
p  {font-size: 1.2em; margin-bottom:15px; padding:0; line-height:1.4em;}
.small  {font-size: 10px; padding:0; line-height:14px;}
.border_w { border:1px solid #fff;}
.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 20px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:20px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}
ul.tagcloud li{text-align: justify; float:left; margin:5px; text-transform:uppercase}
.tagline{ width:436px; height:145px; background:transparent url(images/grafiken/tagline.png) no-repeat; text-indent:-9999px; overflow:hidden; margin-left:-10px;}
/********************************
		container
********************************/
#top_content, #header, #content, #footer{width:100%; position:relative; margin:0; padding:0}
#top_content{height:130px}
#header{background:#333 url("images/grafiken/bg_header.png") bottom center repeat-x; height:418px}
#content{padding:0 0 50px 0;}
#footer{background:#4b4d4a url(images/grafiken/bg_footer.jpg) top center repeat-x; height:370px}
.center{width:960px; margin:0 auto; padding:0;  position:relative}
/********************************
		navi
********************************/
ul#nav {position:absolute; top:20px; right:0px; display:block; padding:0; }
ul#nav li{float:left;display:inline; }
ul#nav a:link, ul#nav a:visited {padding:5px; display:block; color:#353434; margin-left:10px; text-decoration:none; font-size:1.4em; font-weight:bold; text-transform:uppercase}
ul#nav a:hover{color:#353434; background:#0666; border-bottom:2px solid #000;}
ul#nav li.current a:link, 
ul#nav li.current a:visited, 
ul#nav li.current a:hover, 
ul#nav li.current a:active{color:#fff; text-decoration:none; background:#000; border-bottom:2px solid #666;}
/********************************
		header
********************************/
#header p{color:#fff;}
/********************************
		content
********************************/
.post {width:960px; margin:0 auto; padding:0; overflow:hidden}
.entry {border-top:1px solid #999;margin:0 auto;padding:10px 0 0 0; overflow:hidden}
/********************************
		footer
********************************/
#footer a{color:#fff}
#footer_nav{ background:#000; height:32px; padding:15px 0 0 0;}
#footer_nav .center a.footer_logo{ float: left; display:block; width:50px; height:25px; background: transparent url(images/grafiken/rosch-logo-foot.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
#footer_nav .center p { float:left; font-size:1.1em; color:#fff; padding:0 0 0 5px; }
#footer_nav .center ul { float:right;}
#footer_nav .center ul li{ float:left; margin:0 10px 0 0; font-size:1.1em; color:#fff; }
#footer_nav .center ul li:after { content:"\0020\002F\002F";}
#footer_nav .center ul li a { font-size:1.1em; text-transform:uppercase; color:#fff;}
#footer_nav .center ul li a:hover { color:#fff; text-decoration:underline}
#footer_nav .center ul li a:active { color:#fff;}

/********************************
		glows
********************************/
#top_light1{ background:transparent url(images/grafiken/bg_top_overlay.png) top center no-repeat; }
#top_light2{ background:transparent url(images/grafiken/bg_nav_overlay.png) top center no-repeat; }
#top_light3{ background:transparent url(images/grafiken/bg_header_overlay.jpg) top center no-repeat; }
#top_light4{ background:transparent url(images/grafiken/bg_cont_overlay.png) top center no-repeat; }
#top_light5{ background:transparent url(images/grafiken/bg_footer_overlay.png) top center no-repeat; }
/********************************
		columns
********************************/
.left_column { width:469px; float:left; padding:55px 0 40px 0;}
.right_column { width:470px; float:right; padding:50px 0 0 0;}
.right_column .description{clear:both; width:100%;}
.column { width:300px; padding:0 25px 0 0; margin:30px 0 0 0; float:left; color:#f0f0f0;}
.column h5{ font-family: Georgia, "Times New Roman", Times, serif; font-size:2.6em; font-style:italic; font-weight:normal; letter-spacing:2px; padding-left:10px }
.column h6 { margin:0 0 10px 0;}
.column h6 a { margin:0 0 10px 0; color:#fff;}
.column h6 a:hover { margin:0 0 10px 0; color:#000;}
.column .date{ float:left; width:34px; height:17px; padding:0 0 0 5px; margin:0 10px 0 0; background:transparent url(images/grafiken/ico_date.gif) no-repeat; font-size:1.1em; font-weight:bold;}
.column p {font-size:1.1em;}
.column p.lead {font-size:1.1em; margin:0 0 20px 0;}
.column_odd { width:300px; padding:0; margin:30px 0; float:left; color:#f0f0f0;}
.column_odd p {font-size:1.1em; padding-bottom:1em}
.column_odd h5{ font-family: Georgia, "Times New Roman", Times, serif; font-size:2.6em; font-style:italic; font-weight:normal; letter-spacing:2px; padding-left:10px}
.column ul{ margin:0 0 0 15px; padding:0px; }
.column ul img.projekt { 
	border:1px solid #fff;
	display:block;
	float:left;  
	width:80px; height:80px;  
	margin:5px; padding:0px;
	}
/********************************
		imageslideshow
********************************/
.slideshow {overflow:hidden;padding:8px 5px 84px 5px;height:200px; width:410px;   background:transparent url(images/grafiken/bg_image.png) no-repeat;}
.slideshow img {position:absolute;z-index:8}
.slideshow img.active { z-index:10}
.slideshow img.last-active { z-index:9}
.featured { width:410px; height:300px; padding:8px 5px 0 5px; background:transparent url(images/grafiken/bg_image.png) no-repeat;}
/********************************
		listen
********************************/
ul.listing{float:left; margin:0; padding:12px 40px 28px 0px; }
ul.listing li{ background:url(images/grafiken/ico_li.png) no-repeat left top;list-style-image: none; font-size:1.2em;margin:0 0 5px 0;padding:0 0 2px 25px}
ul.referenzen{margin:0; padding:10px 0 0 0; width:965px}
ul.referenzen li{float:left;font-size:10px;margin:0 5px 10px 0;width: 236px;position:relative;}	
ul.referenzen li img {margin:0 0 2px 0;width: 236px}
ul.referenzen li span { position: absolute;top:0; left:0;width: 236px;}
/********************************
		slider
********************************/
#blogSliderWrap{width:960px; padding:50px 0 30px 0; position: relative;margin: 0 auto; overflow:hidden}
#blogSlider{ margin: 0 auto; width: 960px; overflow:hidden}
.stripViewer { position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 960px; }
.stripNav { position: relative; top: 0; left:0; z-index: 99; }
.wrapper { padding: 10px; }
.innerWrap 							{ width: 960px; overflow: hidden; }


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 69px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(images/grafiken/tab_1.png) top center no-repeat; width: 231px; }
.stripNav li.tab2 a { background: url(images/grafiken/tab_2.png) top center no-repeat; width: 240px; }
.stripNav li.tab3 a { background: url(images/grafiken/tab_3.png) top center no-repeat; width: 240px; }
.stripNav li.tab4 a { background: url(images/grafiken/tab_4.png) top center no-repeat; width: 230px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current { background: url(images/grafiken/tab_1.png) bottom center no-repeat; }
.stripNav li.tab2 a.current { background: url(images/grafiken/tab_2.png) bottom center no-repeat; }
.stripNav li.tab3 a.current { background: url(images/grafiken/tab_3.png) bottom center no-repeat; }
.stripNav li.tab4 a.current { background: url(images/grafiken/tab_4.png) bottom center no-repeat; }
/********************************
		tagcloud
********************************/
.Stil1 {font-size: 169%}
.Stil2 {font-size: 143%}
.Stil3 {font-size: 121%}
.Stil4 {font-size: 99%}
.Stil5 {font-size: 93%}
.Stil6 {font-size: 107%}
.Stil7 {font-size: 96%}
.Stil8 {font-size: 104%}
.Stil9 {font-size: 118%}
.Stil10 {font-size: 102%}
.Stil11 {font-size: 100%}
.Stil12 {font-size: 97%}
.Stil13 {font-size: 109%}
.Stil14 {font-size: 95%}
.Stil15 {font-size: 105%}
.Stil16 {font-size: 137%}
.Stil17 {font-size: 101%}