@charset "ISO-8859-1";
/* CSS Document */
img, div, a { behavior: url("iepngfix.php")}

address, body, blockquote, dd, dl, dt, div, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, label, ol, ul, li, p, pre, table, tbody, td, tfoot, th, thead, tr, img {border:none; margin:0; padding:0;}

html, body {width:100%; height:100%;}

body {margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; color:#393939; font-size:100.01%; background-image:url(../gfx/body-hg.jpg); background-color:#31302e; background-repeat:repeat-x; background-position:center -39px;}


.container {width:1000px; margin:0 auto;background-image:url(../gfx/body-hg.jpg); background-color:#31302e; background-position:center -39px; min-height:680px;}


/* head */
.head {padding:26px 0 0 0; text-align:center; height:108px; position:relative;}
.head h1 {position:relative; z-index:2;}
.head ul {margin:15px 0 0 0; position:relative; z-index:2;}
.head ul li {list-style:none; display:inline;}
.head ul li a, .head ul li a:hover {margin:0 8px; color:#393939; text-decoration:none;}
.head ul li a:hover, .head ul li a.aktiv {color:#FFF;}


/* video */
#video_wrapper {width:280px; height:420px; margin:40px auto 0 auto; text-align:center;}


/* overlay */
.overlay {background-image:url(../gfx/overlay-hg.png); background-repeat:repeat; height:100%; width:100%; position:fixed; top:0; left:0; z-index:1;}
*html .overlay {position:absolute; display:block;}
.overlay a, .overlay a:hover {display:block; height:100%; width:100%;}

/* content-box */
.content-box {position:absolute; width:590px; min-height:445px; top:124px; left:50%; margin:0 0 0 -295px; padding-bottom:15px; background-color:#fff; z-index:3;}
.content-box-close a, .content-box-close a:hover {position:absolute; top:-15px; right:1px; background-image:url(../gfx/close.png); width:10px; height:10px; display:block;}
.content-box-left a, .content-box-left a:hover {position:absolute; top:0; margin:0; left:-60px; width:60px; height:100%; background-image:url(../gfx/pfeile.png); background-position:left center; display:block; background-repeat:no-repeat;}
.content-box-right a, .content-box-right a:hover {position:absolute; top:0; margin:0; right:-60px; width:60px; height:100%; background-image:url(../gfx/pfeile.png); background-position:right center; display:block; background-repeat:no-repeat;}
.content-box-bildnavi {position:absolute; bottom:-34px; left:0; height:10px; width:100%; text-align:center; padding:10px 0;}
.content-box-bildnavi a, .content-box-bildnavi a:hover {background-image:url(../gfx/bildnavi.png); background-position:left top; width:8px; height:10px; display:inline-block; margin:0 2px 0 3px;}
.content-box-bildnavi a:hover, .content-box-bildnavi a.aktiv {background-position:right top;}


.content-box blockquote {font-weight:normal; font-size:1.25em; line-height:1.3em; font-style:italic; margin:0 0 0px 0;}
.content-box h1 {font-weight:normal; font-size:1.25em; line-height:1em; margin:0 0 4px 0;}
.content-box p {font-size:0.8125em; line-height:1.3em; margin:0 35px 26px 0; color:#616161;}

.content-box a, .content-box a:hover {color:#393939; text-decoration:none;}
.content-box a:hover {text-decoration:underline;}

.content-box .text-links {float:left;}
.content-box .text-rechts {float:right;}



/* me */
.content-box-me .spalte-links {width:164px; float:left; padding:96px 21px 0 0;  text-align:right;}
.content-box-me .spalte-rechts {width:385px; float:left; padding:30px 10px 0 0; background-color:#FFF;}
.content-box-me .spalte-rechts p:first-letter {font-size:1.5625em; line-height:1em;}


/* skills-1 */
.content-box-skills-1 .spalte-links {width:242px; float:left; padding:39px 0 0 0;  text-align:right;}
.content-box-skills-1 .spalte-rechts {width:310px; float:left; padding:48px 11px 0 13px; margin:39px 0 0 13px; border-left:1px solid #393939; background-color:#FFF;}
.content-box-skills-1 .spalte-rechts p {margin-bottom:0;}
.content-box-skills-1 .spalte-rechts p:first-letter {font-size:1.5625em; line-height:1em;}

/* skills-2 */
.content-box-skills-2 {padding:44px 0 0 74px; width:516px; min-height:401px;}
.content-box-skills-2 p {margin:0;}
.content-box-skills-2 img {margin:15px 0 15px -52px;}

/* skills-3 */
.content-box-skills-3 .spalte-links {width:198px; float:left; padding:39px 0 0 0;  text-align:right;}
.content-box-skills-3 .spalte-rechts {width:365px; float:left; padding:0 0 0 13px; margin:39px 0 7px 13px; border-left:1px solid #393939; background-color:#FFF;}
.content-box-skills-3 .spalte-rechts p {margin-bottom:0;}
.content-box-skills-3 .spalte-unten {padding:10px 0 0 33px; clear:both;}
.content-box-skills-3 .spalte-unten p {padding-left:40px;}
.content-box-skills-3 .spalte-unten .einrueckung {margin-left:-40px; display:block; float:left;}
*html .content-box-skills-3 .spalte-unten p {padding-left:0px;}
*html .content-box-skills-3 .spalte-unten .einrueckung {margin-left:0; float:none; display:inline;}

/* skills-4 */
.content-box-skills-4 .spalte-links {width:230px; float:left; padding:189px 0 0 0;  text-align:right;}
.content-box-skills-4 .spalte-rechts {width:351px; float:right; padding:0 0 0 13px; margin:10px 0 0 13px; border-left:1px solid #393939; background-color:#FFF; position:relative;}
.content-box-skills-4 .spalte-rechts p {margin-bottom:0; margin-right:15px; padding-left:40px; /*font-size:0.75em;*/}
.content-box-skills-4 .spalte-rechts blockquote {position:absolute; left:-213px; bottom:0;}
.content-box-skills-4 .spalte-rechts .einrueckung {margin-left:-40px; display:block; float:left;}
.content-box-skills-4 .spalte-oben {padding:10px 0 0 36px; clear:both;}
*html .content-box-skills-4 .spalte-rechts p {padding-left:0;}
*html .content-box-skills-4 .spalte-rechts .einrueckung {margin-left:0; display:inline; float:none;}

/* skills-5 */
.content-box-skills-5 {padding:35px 40px 0 104px; width:446px; min-height:410px;}
.content-box-skills-5 p {margin:0;}
.content-box-skills-5 img {margin:5px 0 5px -65px;}
.content-box-skills-5 p {padding-left:40px;}
.content-box-skills-5 .einrueckung {margin-left:-40px; display:block; float:left;}
*html .content-box-skills-5 p {padding-left:0;}
*html .content-box-skills-5 .einrueckung {margin-left:0; display:inline; float:none;}

/* skills-6 */
.content-box-skills-6 .spalte-links {width:287px; float:left; padding:39px 0 0 0;  text-align:right;}
.content-box-skills-6 .spalte-rechts {width:266px; float:left; padding:0 10px 0 13px; margin:39px 0 0 13px; border-left:1px solid #393939; background-color:#FFF;}
.content-box-skills-6 .spalte-rechts p {margin-bottom:0;}
.content-box-skills-6 .spalte-rechts p.p-margin-bottom {margin-bottom:5px;}


/* show */
.content-box-show {padding:40px 0 0 44px; width:546px; min-height:405px;}
.content-box-show table {margin:10px 0 0 0; width:100%;}
.content-box-show table td {font-size:0.8125em; line-height:1.3em; margin:0; padding:2px 13px; color:#616161;}
.content-box-show table td.td-01 {padding-left:25px; border-right:1px solid #393939;}
.content-box-show table td.td-02 {border-right:1px solid #393939;}
.content-box-show table td.td-03 {height:127px;}
.content-box-show img {margin:55px 0 0 0;}
.content-box-show .einrueckung {margin-left:-25px; width:20px; display:block; float:left;}
*html .content-box-show table td.td-01 {padding-left:0;}
*html .content-box-show .einrueckung  {margin-left:0; width:auto; display:inline; float:none;}

/* photos */
.content-box-photos {width:556px; min-height:408px; padding:37px 17px 0 17px;}
.content-box-photos p {font-size:0.625em; text-align:center; float:none; margin:0;}
.content-box-photos p img {display:block; margin:0 auto 5px auto;}


/* contact */
.content-box-contact .spalte-links {width:242px; float:left; padding:21px 0 0 0;  text-align:right;}
.content-box-contact .spalte-rechts{width:321px; height:402px; float:left; padding:0 0 0 13px; margin:21px 0 0 13px; border-left:1px solid #393939; background-color:#FFF; position:relative;}

.content-box p {margin:0 0 13px 0;}

.content-box-contact .spalte-rechts p:first-letter {font-size:1.5625em; line-height:1em;}

.content-box form {margin:0 40px 0 0; border-top:1px solid #393939; padding:13px 0 0 0;}
.content-box form p {margin:0 0 15px 0;}
.content-box form div {margin:0 0 5px 0;}
.content-box form label {font-size:0.8125em; line-height:1.3em; width:70px; display:block; float:left; padding:5px 0;}
.content-box form input {font-family:Georgia, "Times New Roman", Times, serif;}
.content-box form input[type=text] {border: 1px solid #616161; padding: 5px; width: 199px; font-size:0.8125em; line-height:1.3em; color:#616161; background-color:#f3f0e5;}

.content-box form input#captcha_code {width:50px; text-align:center;}

.content-box form input[type=submit],
.content-box form input[type=submit]:hover {background-color:#616161; font-size:0.9125em; line-height:1.3em; padding:5px 20px; margin:10px 0 0 0; border: 1px solid #616161; width:281px; color:#F3F0E5; position:absolute; bottom:0;}
.content-box form input[type=submit]:hover {cursor:pointer; background-color:#F3F0E5; color:#616161;}

.content-box form .zeile-radio {float:left;}
.content-box form .zeile-radio label {width:auto; float:none; display:inline;}



/* sprachwahl */
.head .sprachwahl {position:absolute; top:5px; right:205px; z-index:9;}
.head .sprachwahl ul,
.head .sprachwahl ul li {margin:0; padding:0;}
.head .sprachwahl ul li a,
.head .sprachwahl ul li a:hover {color:#fff; text-decoration:none; margin:0; float:left; display:block; font-size:0.75em; line-height:1em; padding:0 0 0 6px;}
.head .sprachwahl ul li a:hover,
.head .sprachwahl ul li a.aktiv {text-decoration:underline;}

.head .sprachwahl-startseite .sprachwahl ul li a,
.head .sprachwahl-startseite .sprachwahl ul li a:hover {color:#616161;}


.head .sprachwahl ul li.li-last a,
.head .sprachwahl ul li.li-last a:hover {position:absolute; right:-90px; color:#212121; text-decoration:none;}
.head .sprachwahl ul li.li-last a:hover {color:#fff;}

.head .sprachwahl ul li.li-last.li-last-index a,
.head .sprachwahl ul li.li-last.li-last-index a:hover {color:#616161;}