/* www.bettinablohm.com */ 

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #5F5E5E;
 font-family: "HelveticaNeue Extended", Helvetica, Verdana, sans-serif;
	
	/* font-size: 100.01%; legt die Standradgröße aller Schriften und Boxen fest, 
	und bietet mit dieser Einstellung die Möglichkeit auch im IE6 und Firefox 
	skalierbare HTML-Elemente zu erzeugen.Um später Pixelgrößen auszurechnen 
	benutzt man die Regel "Pixel:16=em" also z.B. "780:16=48.75em" um eine skalierbare 
	Box für ein auf 800x600 optimiertes Layout zu erzeugen oder 12:16=0.75em für 
	eine Schriftgröße von 12px */
	
	font-size: 100.01%;
} 

p {
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: 20px;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 20px 0;
	color: #000;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 30px 0 0 17px;
	padding: 0;
	color: #666;
}
 
#pagewidth { 
 width:900px; 
 text-align:left;  
 margin: 10px 0 10px 0;
 margin-left:auto; 
 margin-right:auto;
 position: relative;
 background-color: #FFF;
 padding: 0;
}  
 
#header1 {
 width:800px;
 height: 36px;
 padding: 30px 50px 0 50px;
 background-color: #a7a7a7;
} 

#header2 {
 width:900px;
 height: 22px;
 padding: 0;
 background-color: #d7d7d7;
} 
 
#leftcol {
 width:100px;
 height: 515px; 
 float:left; 
 padding-top: 24px;
 }
 
 #leftcol_E {
 width:100px;
 height: 600px; 
 float:left; 
 padding-top: 24px;
 }
 
 #leftcol_I {
 float:left;
 height: 600px; 
 padding-top: 24px;
 }

 
#centercol {
 float: left;
 width:700px; 
 padding: 70px 0 20px 0;
 text-align: left;
 color: #545454;
  }
  
#centercol_I {
 float: left;
 width:700px; 
 padding: 70px 0 20px 0;
 text-align: left;
 color: #545454;
 border-top: 1px solid #545454;
  }
 
#footer{
 position: relative;
 height:18px; 
 width: 800px;
 clear:both;
 font-size: 13px;
 padding: 2px 50px 2px 50px;
 background-color: #d7d7d7;
 } 
 
#instgrm {
 position: absolute;
 top: 22px;
 left: 839px;
}

#instgrm img{
 display:block; width:26px; height:26px; border:0;
 }

#instgrm a {
 background: url(../images/instagram-white.png) no-repeat;
 display:block; width:26px 
 }
 
#instgrm a:hover img {
	visibility:hidden;
 }
 
/* Kontakt Formular */

#contact {
 width:585px; 
 height: 330px;
 float:right; 
 padding: 65px 40px 0 0;
 color: #FFFFFF;
 } 


#name, #email, #frage, #fon, #cap {
	background-color: #F0F0F0;
	border: #808080 1px solid;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	padding: 3px 5px 3px 5px;
	margin-bottom: 5px;
}

#name, #email, #fon {
	width: 250px;
}

#frage {
	width: 480px;
	height: 140px;
}

.rot {
	color: #940425;
}

.mailbutton {
	margin-top: 10px;
}
	
.sponsorlink {
	font-size: 10px;
	color: #696969;
	margin-left: 260px;
	text-decoration: none;
}	

a.sponsorlink {
	height: auto;
}
a.sponsorlink:hover {
	color: #FFFFFF;
}

/* Ende Kontakt Formular */


#gallery {
	position: absolute;
   top: 6px;
   left: 232px;
	width: 700px;
	height: 550px;
	overflow: hidden;
}

.name {
	font-size: 18px;
	color: #535252;
	border: none;
}

.name a,
.name a:hover,
.name active {
	color: #535252;
	text-decoration: none;
}

/* Beginn der HauptNavigation */
 #nav {
 	position: absolute;
	display: block;
	top: 34px;
	left: 302px;
	text-align: center;
}

#nav_main {
	margin: 0 auto;
	height: 18px;
	overflow: hidden;
	padding: 0;
}

#nav_main ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    margin: 0;
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    padding: 0;
  }

#nav_main ul li {  
    /* border-right: 1px #a4a3a3 solid; */
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    font-size: 100%;
    list-style-type: none;
    margin: 0;
	 font-size: 14px;
  }

#nav_main ul li a {
    background: transparent;
    color: #525252;
    display: block;
    margin: 0;
    padding: 0 31px 0 10px;
    text-decoration: none;
    width: auto;
  }

#nav_main ul li a:focus,
#nav_main ul li a:hover,
#nav_main ul li a:active  { color: #FFF; text-decoration: none; }

#nav_main ul li#current {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: transparent; 
  }

#nav_main ul li#current strong,
#nav_main ul li#current a,
#nav_main ul li#current a:focus,
#nav_main ul li#current a:hover,
#nav_main ul li#current a:active { text-decoration: none; color: #FFF;}

/* Navigation Level 2*/

#nav_level {
 	position: absolute;
	display: block;
	top: 68px;
	left: 302px;
	text-align: center;
}

#nav_level2 {
	margin: 0 auto;
	height: 20px;
	overflow: hidden;
	padding: 16px 0 0 0;
}

#nav_level2 ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    margin: 0;
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    padding: 0;
  }

#nav_level2 ul li {  
    /* border-right: 1px #a4a3a3 solid; */
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    font-size: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
	 font-size: 14px;
	 height: 20px;
  }

#nav_level2 ul li a {
    background: transparent;
    color: #727272;
    display: block;
    margin: 0;
    padding: 0 10px 0 10px;
    text-decoration: none;
    width: auto;
  }

#nav_level2 ul li a:focus,
#nav_level2  ul li a:hover,
#nav_level2  ul li a:active  { color: #FFF; text-decoration: none; }

#nav_level2  ul li#current {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #FFF; 
  }

#nav_level2  ul li#current strong,
#nav_level2  ul li#current a,
#nav_level2  ul li#current a:focus,
#nav_level2  ul li#current a:hover,
#nav_level2  ul li#current a:active { text-decoration: none; color: #535252;}

#nav_level2  ul li#archiv {
	padding-left: 163px;
}

/* Navigation Ende */

.impress {
	float: left;
	display: block;
	width: 150px;
	color: #000;
}

.impress a {
	text-decoration: none;
	color: #8a8887;
}

.impress a:hover {
	color: #000;
}

.copyright {
	float: right;
	display: block;
	width: 200px;
	color: #8a8887;
	height:14px; 
	text-align: right;
}

/* content - werk */

.StartSpacer {
	height: 40px;
	width: 100%;
	font-size: 1px;
	float: left;
}

.BiblioSpacer {
	height: 4px;
	width: 100%;
	font-size: 1px;
	float: left;
}

.WerkLeftSpacer {
	width:100px;
	height: 150px; 
 	float:left; 
 	padding-top: 24px;
}

.ExhibitionLeftSpacer {
	width:100px;
	height: 100px; 
 	float:left; 
 	padding-top: 24px;
}

.CvLeftSpacer {
	width:100px;
	height: 70px; 
 	float:left; 
 	padding-top: 24px;
}

.WerkMainContent {
	float: left;
   width:750px; 
   padding: 80px 0 20px 0;
   text-align: left;
   color: #545454;
}

.AktuellContent {
	float: left;
   width:750px; 
   padding: 40px 0 20px 0;
   text-align: left;
   color: #545454;
}

.ExhibitMainContent {
	float: left;
   width:750px; 
   padding: 20px 0 0 0;
   text-align: left;
   color: #545454;
}

.EssayMainContent {
	float: left;
   	width:700px; 
   	padding: 20px 0 0 0;
   	text-align: left;
   	color: #545454;
}

.EssayMainContent ul {
	list-style: square;
	font-size: 14px;
	margin-left: -25px;
	margin-top: 27px;
}

.EssayMainContent ul li {
	padding-bottom: 15px;
}

.EssayMainContent ul li a {
	color: #646464;
}

.EssayMainContent ul li a:hover {
	color: #940425;
}

.WerkContentLeft {
	float:left;
	width: 290px;
}

.WerkContentLeft a,
.WerkContentLeft a:hover,
.WerkContentLeft active {
	color: #940425;
}

.WerkContentRight {
	margin-top: 5px;
	padding-left:60px;
	width: 360px;
	text-align: right;
	float:left;
}

.WerkContentRight p {
	font-size: 12px;
}

.WerkContentRight ul {
	list-style: square;
	font-size: 12px;
	margin-left: -25px;
	margin-top: 0px;
}

.WerkContentRight ul li {
	padding-bottom: 15px;
	line-height: 20px;
}

.ExContentRight {
	margin-top: 27px;
	padding-left:60px;
	width: 360px;
	text-align: left;
	float:left;
}

.ExContentRight p {
	font-size: 12px;
}

.ExContentRight ul {
	list-style: square;
	font-size: 12px;
	margin-left: -25px;
	margin-top: 0px;
}

.ExContentRight ul li {
	padding-bottom: 15px;
	line-height: 20px;
}

.AktuellContentRight {
	padding-left:60px;
	width: 345px;
	text-align: right;
	float:left;
}

.AktuellContentRight a,
.AktuellContentRight a:hover,
.AktuellContentRight active {
	color: #940425;
}

.ContactRight {
	padding-left:80px;
	width: 345px;
	text-align: left;
	float:left;
}

.ContactRight a,
.ContactRight a:hover,
.ContactRight active {
	color: #940425;
}

.ContactRight h1 {
	padding: 0;
	margin: 0 0 7px 0;
}

.CvRight {
	padding-left:10px;
	width: 410px;
	text-align: left;
	float:left;
	margin-top: 27px;
}

.CvRightOne {
	padding-left:50px;
	width: 300px;
	text-align: left;
	float:left;
	margin-top: 180px;
}

.WerkHeadLine {
	display: block;
	width: 100%;
	border-bottom: #ddd 1px solid;
	padding-bottom: 10px;
}

.LeftHeadLine {
	display: block;
	width: 100%;
	border-bottom: #ddd 1px solid;
	padding-bottom: 10px;
}

.WerkHeadSmall {
	font-size: 12px;
	font-weight: normal;
}

.WerkSubInfo ul {
	list-style: square;
	font-size: 12px;
	margin-left: -25px;
	
}

.WerkSubInfo ul li {
	padding-top: 14px;
	line-height: 16px;
}

.WerkSpacer {
	height: 100px;
	width: 100%;
	font-size: 1px;
	float: left;
}

.EssaySpacer {
	height: 50px;
	width: 100%;
	font-size: 1px;
	float: left;
	padding-top:50px;
	text-align: right;
}	

.EssaySpacer a {
	color: #646464;
}

.EssaySpacer a:hover {
	color: #940425;
}

#LiSpacerBiblio {
	width: 205px;
}

.left50 {
	display: block;
	padding-left: 50px;
}

.interview {
	display: block;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
}

.interview2 {
	font-size: 12px;
	font-style: italic;
	padding-left: 30px;
}

.left {
	float: left;
}

.left20 {
	padding-left: 20px;
}

.aktuell {
	font-size: 18px;
	color: #a7a7a7;
}

.pdf {
	position: absolute;
	left: 770px;
	top: 160px;
	border: none;
}

.StartName {
	font-size: 22px;
	color: #a7a7a7;
	font-weight: bold;
}

.lang,
.lang a {
	font-size: 12px;
	color: #5F5E5E;
}

.lang a:hover,
.lang a:active {
	color: #940425;
}

#NewsContentLeft {
	margin-top: 10px;
	float:left;
	width: 290px;
}

#NewsContentRight {
	margin-top: 10px;
	padding-left:60px;
	width: 360px;
	text-align: left;
	float:left;
}

.right,
.right a {
	float: right;
	margin-right: 80px;
	border: none;
}

.VitaMainContent {
	float: left;
   	width:700px; 
   	padding: 60px 0 0 0;
   	text-align: left;
   	color: #545454;
}