/*
Theme Name: Metallbearbeitung Walter Theme 
Theme URI: cnc-metallbearbeitung-walter.de
Description: TYPO3 site theme
Author: maddesigns / Sven Wolfermann
Author URI: maddesigns.de
Version: 1.1


[Table Of Contents]

    0- Reset
    1- Global
    2- Links
    3- Headings
    4- Header
    5- Content
    6- Navigation
    7- Aside
    8- Forms
    9- Footer
   10- TYPO3

[Color codes]

Background:			#fff 	(white)
Text-Color:			#676767	(grey)
#Wrapper (Content):	#f1f1f1 (light grey)

h2:					#344B69 (blue)
h4:					#61A2B6 (mid-blue)
NavigationColor:	#052E5A (dark blue)
Navigation-Hover:   #FF9732 (orange)

Image-Border:		#4C97AD (mid-blue)
News-Bg:			#D6D6D6 (grey)
News-Border:		#B1B1B1 (grey)

a top/footernav		#818181 (grey)

*/


/* =0 Reset */
/* http://meyerweb.com/eric/tools/css/reset/ */ 
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent;}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing: 0}

/* =1 Global */
html {height:100%}
body {font-size: 100.01%; line-height: 1.25;height: 100%}
body {font-family: Arial, Helvetica, sans-serif}
.right {float: right}
.left {float: left}
.align-left {text-align: left}
.align-right {text-align: right}
.align-center {text-align: center}
.justify {text-align: justify}
.hide {display: none}
.clear {clear: both}
.bold {font-weight: 700}
.italic {font-style: italic}
.underline {border-bottom: 1px solid}
.highlight {background: #ffc}
img.centered {display: block;margin-left: auto;margin-right: auto}
img.alignleft {float:left;margin:4px 10px 4px 0}
img.alignright {float:right;margin:4px 0 4px 10px}
.nomail {display: none !important}
.even {}
.odd {}
.one {}
.two {}
.three {}
.first {}
.last {border: none !important}
.alt {}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
.clearfix {display: block}
html[xmlns] .clearfix {display: block}

body {color: #676767; background-color: #fff}
p {margin: 0 0 1em}

#container{width:759px;margin:0 auto;border-top: 3px solid #1e537d;font-size: 12px}

/* =2 Links */

/* =3 Headings */
h1 {color:#fff;font-size:16px}
h2 {color:#344b69;font-size:12px; background: #fff url(../img/content-header-bg.png) no-repeat; margin: 0 0 5px; padding: 10px 20px}
h3 {color:#ff9732;font-size:17px; padding: 5px 10px 15px 0px;}
h4 {color:#fff;font-size:11px}
h5 {}
h6 {}
.teaser h1 {top:-3000px;letter-spacing:3px;position:absolute;right:10px;}
.contact h4 {background: transparent url(../img/left-header-arrow.png) no-repeat 5px 3px; border-bottom: 1px solid #61a2b6; margin: 0 -5px 5px; padding: 0 5px 5px 20px}
.news span {background: transparent url(../img/left-header-arrow.png) no-repeat 5px 3px; display:block;padding: 0 5px 5px 20px}
.news h4 {background: transparent url(../img/left-header-bg.png) no-repeat; padding: 10px 5px 5px;}



/* =4 Header */
#logo {margin: 15px 0 0}
#header {height: 95px; background: #fff url(../img/top-nav-bg.png) repeat-x 0 100%; margin: 0 0 1px}
.teaser {background: #fff url(../img/dummy-image-large.jpg) no-repeat;float: right;height: 179px;width:552px; margin: 0 0 0 1px; position: relative;}
/* =4 Content */
#content {float:right;width:547px}
#content p {color: #676767}

/* =6 Navigation */
#topnav {text-align:right}
#topnav li, #footernav li {display: inline; padding: 0 15px; background: #fff url(../img/top-nav-arrow.png) no-repeat 0 50%}
#topnav li a, #footernav li a {color: #818181; text-decoration: none;}
#topnav li a:hover, #footernav li a:hover {color: #344b69;}

#nav {margin: 0 0 4px}
#mainnav {background: #fff url(../img/nav-bg.png) no-repeat 0 100%; border-top: 1px solid #b1b1b1; float:left; height: 144px; padding: 14px 6px 20px 15px; width: 185px}
#mainnav li {background: #fff url(../img/nav-list-dot.png) no-repeat 0 50%;}
#mainnav li a, #mainnav li strong {border-bottom: 1px solid #c7c7c7; color: #052e5a; display: block; margin: 0 0 0 18px; padding: 1px 0; text-decoration: none}
#mainnav li a:hover {color: #ff9732;}

#footernav {text-align: center}
/* =7 Aside */
#aside {float:left;width:204px; margin:0 5px 15px 0}
.block {padding: 10px}
.block a {color: #fff}
.news { padding: 0; margin: 0 0 5px; }
.newscontent {background-color: #d6d6d6; padding: 10px; border: 1px solid #b1b1b1}
.newscontent a {color: #676767;text-decoration: none}
.newscontent a:hover {color: #000000;}
.contact {background: #fff url(../img/left-bg.png) no-repeat 0 100%; border-top: 1px solid #b1b1b1; color: #fff}
.contactphone {width: 178px; font-size:11px;padding: 1px;}
/* =8 Forms */

/* =9 Footer */
#footer {background: #fff url(../img/top-nav-bg.png) repeat-x; clear:both; padding: 20px 0 40px;width:100%}

/* =10 TYPO3 */
/* CSS Styled Content */
div.csc-textpic-caption-r .csc-textpic-caption{text-align:right}div.csc-textpic div.csc-textpic-imagecolumn{float:left;display:inline}div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img{border:none;padding:0}div.csc-textpic-imagewrap{padding:0}div.csc-textpic div.csc-textpic-imagewrap ul{list-style:none;margin:0;padding:0}div.csc-textpic div.csc-textpic-imagewrap ul li{float:left;margin:0;padding:0}dl.csc-textpic-image dt{display:inline;margin:0}div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image{display:inline;margin-right:10px}div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image{display:inline;margin-left:10px}div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image{display:inline;margin-left:10px;text-align:left}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image{margin-bottom:5px}div.csc-textpic-equalheight div.csc-textpic-imagerow{margin-bottom:5px;display:block}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol{margin-left:0 !important}div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol{margin-right:0 !important}div.csc-textpic-intext-left div.csc-textpic-imagewrap,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap{margin-right:10px !important}div.csc-textpic-intext-right div.csc-textpic-imagewrap,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap{margin-left:10px !important}div.csc-textpic-center div.csc-textpic-imagewrap{margin:0 auto}div.csc-textpic-right div.csc-textpic-text{clear:right}div.csc-textpic-left div.csc-textpic-text{clear:left}div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap{float:right;clear:both}div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap{float:left;clear:both}div.csc-textpic-caption-c .csc-textpic-caption,div.csc-textpic-center{text-align:center}div.csc-textpic-caption-l .csc-textpic-caption,div.csc-textpic-center div.csc-textpic-text{text-align:left}div.csc-textpic img,div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img{border:none}div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image,div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image,div.csc-textpic-left div.csc-textpic-imagewrap,div.csc-textpic-intext-left div.csc-textpic-imagewrap{float:left}div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt,div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd{float:none}dl.csc-textpic-image,dl.csc-textpic-image dd,div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption,div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{margin:0}div.csc-textpic-clear,div.csc-textpic div.csc-textpic-imagerow,div.csc-textpic-above div.csc-textpic-text{clear:both}div.csc-textpic-right div.csc-textpic-imagewrap,div.csc-textpic-intext-right div.csc-textpic-imagewrap{float:right}* html div.csc-textpic-intext-right-nowrap .csc-textpic-text,* html div.csc-textpic-intext-left-nowrap .csc-textpic-text{height:1%}

.csc-textpic {margin:0 7px 30px 0}
.csc-textpic-image dt img {padding: 3px; border: 1px solid #4c97ad; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
margin-right: 15px !important;
}

#content form#mailform {float:left; width: 500px}
.csc-mailform-field {clear: both; margin: 2px 0 0}
.csc-mailform-field label {float: left; width: 70px}
.csc-mailform-field input,.csc-mailform-field textarea {width: 237px; background: #f5faff; border: 1px solid #999999}
.csc-mailform-field input:focus,.csc-mailform-field textarea:focus {border: 1px solid #000}
.csc-mailform-field input.csc-mailform-submit {width: 100px; margin: 10px 0 20px 70px}