/* =reset
----------------------------------------------------------------------------------------- */
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;
}
ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none;}
blockquote, q { quotes: "" ""; }
a img { border: none; }
abbr, acronym { border-bottom-width : 0; }
strong { font-weight : bold; }
em { font-style : italic; }

/* =common
----------------------------------------------------------------------------------------- */
body { font: 12px/16px Arial, sans-serif; color: #666; text-shadow: 1px 1px 0 #fff;}

a { color: #000; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; color: #666; }

p { padding: 0 0 10px; }
h2 { padding: 6px 0 10px 0; font: bold 22px Arial, sans-serif; color: #333; }

.left { float: left; margin: 5px 16px 5px 0; }
.right { float: right; margin: 5px 0 5px 16px; }

/* =layout / divisions
----------------------------------------------------------------------------------------- */

#outerWrapper { 	margin: 0 auto; width: 1555px; height:950px; }
#bodyWrapper { 	margin: 0 auto; width: 1555px; height:930px; background: url(../images/background.jpg) no-repeat;  }
#contentWrapper { position: absolute; overflow: hidden; width: 538px; height: 260px; margin: 135px 0px 0px 425px; padding: 6px; }
#content { position: relative; overflow: hidden; width: 558px; height: 260px; }
#scrollWrapper { position: relative; width: 9999px; }
.section { position: relative; float: left; margin-right: 50px; width: 518px; height: 230px; padding: 0 10px 0 20px; }

/* =navMain
----------------------------------------------------------------------------------------- */

#navMain { position: absolute; bottom: 0; left: 160px;/* adjust this accordingly */ overflow: hidden; z-index: 100; clear: both; width: 232px; height: 20px; padding: 10px 0 4px 10px; text-align: center; border-left: 1px solid #fff; border-right: 1px solid #fff; background: url(../images/layout/navMain-bg.gif) repeat-x 0 0 #fff; }
#navMain li { display: block; float: left; }
#navMain li a { display: block; float: left; }
#navMain li img { padding: 0 7px; }


/* =home section
----------------------------------------------------------------------------------------- */
#titelblatt { padding: 60px 10px 25px; height: 188px; }
#titelblatt .home_left {float:left; }
#titelblatt .home_right {width: 100px; padding: 15px 0 0 20px; float:left}
#titelblatt h1 { position: relative; margin: 0; padding:2px 0 0 80px; font: normal 35px Arial, sans-serif; color: #333; text-align: center; }
#titelblatt h3 { font: normal 14px Arial, sans-serif; color: #666; text-align: center; }
a.vcard { display: block; width: 34px; height: 34px; margin: 0 0 0 330px;   }
#titelblatt span { font-size:11px; display: block; position: absolute; top: 1; left: 94px;   }
a.vcard img { width: 34px; height: 34px; font-size: 12px; line-height: 16px; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
a.vcard:hover img, a.vcard:focus img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

#ueber-mich .signature {background: url(../images/signature.jpg) no-repeat bottom right;width:150px; height:60px;padding: 5px 0 0 10px; margin: 0 0 0 80px}

.navGallery { width: 516px; height: 20px; position: absolute; bottom: 8px; left: 28px; }
.navGallery li { display: inline; }
.navGallery li a { padding: 0 4px; color: #666; }
.navGallery li a:hover, .navGallery li a:focus, .navGallery li.current a { text-decoration: none; color: #000; }
.navGallery li.current a { text-decoration: underline; }

h5 {padding:0 0 2px 0;margin:0;font-size:12px; font-weight:bold}
#cv ul {font-size:10px; line-height:10px}
/* =networks section
----------------------------------------------------------------------------------------- */
#social-media ul { overflow: hidden; padding: 2px 0 2px; }
#social-media li { overflow: hidden; display: block; float: left; width: 252px; height: 48px; margin: 0 14px 0 0; }
#social-media li a { overflow: hidden; display: block; float: left; width: 252px; height: 46px; padding: 0; color: #666; }
#social-media li a:hover, #networks li a:focus { text-decoration: none; color: #333; }
#social-media img { float: left; margin: 0 16px 0 10px; }
#social-media li a:hover img { margin-left: 4; }
#social-media strong { display: block; font: bold 14px Arial, sans-serif; color: #333; }

/* =contact section
----------------------------------------------------------------------------------------- */
#addressDetails { float: left; width: 240px; margin: 0 20px 0 0; padding: 0 0 0 1px; border-right: 1px dotted #ccc; }
#addressDetails h3 { padding: 6px 0 0 0; font: bold 14px/22px; color: #333; }
#contactForm { float: left; width: 230px; }

#note { color: #333; font: bold 11px/14px Arial, Helvetica, sans-serif; }
.notification_error { padding: 5px; border: 1px solid #ccc; margin-bottom: 10px; }

/* =footer/copyright
----------------------------------------------------------------------------------------- */
p#copyright { height: 20px; left: 10px; position: absolute; top:-30px; width: 990px; padding: 10px 0 18px 0; background: url(../images/layout/copyright-symbol.gif) no-repeat bottom right; color: #888; text-shadow: 1px 1px 0 #eee; text-align: right; }

/* =form
----------------------------------------------------------------------------------------- */
form { padding: 0; margin: 0; }
fieldset { clear: both; }

form .field, form .buttons { padding-bottom: 10px; }
form .field { padding-left: 120px; }

form .field label { display: inline; float: left; width: 100px; margin-left: -120px; }
label, button, input.submit { cursor: pointer; }

input.submit { margin-left: 120px; background-color: #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; color: #555; }
input.reset { margin-left: 10px; }
input.submit:hover { background-color: #555; color: #fff; }

input.text, textarea { width: 130px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 12px; color: #555; }
input.text:focus, input.password:focus, textarea:focus, select:focus { background-color: #eee; }


/* =accessibilityEnhancements
----------------------------------------------------------------------------------------- */
hr { display: none; visibility: hidden; }
.visuallyHidden { position: absolute; top: -500px; left: 0px; width: 1px; height: 1px; overflow: hidden; }

/* =webkit / mozilla
----------------------------------------------------------------------------------------- */
::selection { color: #fff; background-color: #333; text-shadow: none; }
::-moz-selection { color: #fff; background-color: #333; text-shadow: none; }

#footer {padding-top: 850px; width: 1555px;text-align: center;}
#twitter-updates { margin:5px 0 0 84px; width:250px;}