* dies ist mein screen stylesheet */

@font-face {font-family: 'Webfont'; font-weight: thin; src: url('../fonts/raleway.ttf');} 
@font-face {font-family: 'Webfont'; font-weight: light; src: url('../fonts/camingodos-web.ttf');}

body, h1, h2, h3, h4, h5, h6, p {
	margin: 0; 
	padding: 0;
}

body {
	background-color: #e8edef;  
	overflow-y: scroll; 
	color: #666;
	font-family: Georgia, Times, 'Times New Roman', 'Hoefler Text', serif; 
}

p, h1, h2, h3, h4, h5, h6 {
	margin-bottom: .6em; 
}

/* Überschrift - Satz Spalte oben re Raleway */
h1 {
	font-family: Raleway, 'camingodos-web', sans-serif;
	font-size: 18px;		/*  20px  */
	color: #777; 
	font-weight: 100;  /*  normal oder 200  */
	font-style: normal; 
	line-height: 1.2em;
}


/* Hauptüberschriften zentriert */
h1.center {
	font-family: Raleway, 'camingodos-web', sans-serif;
	text-align: center; 	
	text-transform: uppercase;
	font-weight: 100;
	font-variant: small-caps;
	font-size: 18px;
	color: #414141; 
}

h1.center a:hover {
	color: #38acc6; 
	border-top: 1px solid #38acc6;
	border-bottom: 1px solid #38acc6;
	padding: 8px 20px 6px 20px;
}

/* Überschrift - Satz Spalte oben li 	color: #9c9c9c; 18px */
h2 {
	color: #777; 
	font-style: italic;
	font-weight: normal; 
	font-size: 14px; /*  16px;  */
	font-family: Georgia, Times, 'Times New Roman', 'Hoefler Text', serif;
	line-height: 1.2em;
	text-align: right; 
	margin-left: 10px;
}

h3 {
	color: #333; /* #555  */
	font-weight: normal; 
	font-style: italic;
	font-size: 16px;   /*  16px  */
	font-family: Georgia, Times, 'Times New Roman', 'Hoefler Text', serif;
	line-height: 1.3em;
	border-bottom: 1px solid #555; /* #777 */
	border-top: 1px solid #555;  /* #777 */
	padding: 10px 3px 20px 3px;
	padding-top: 20px;
}

h3.groesser {
	font-size: 19px;	
}

/* Überschrift Projekte */
h4 {
	color: #999; /*   #3a3a39;  */
	font-family: Raleway, 'camingodos-web', sans-serif;
	text-transform: uppercase; 
	font-size: 15px;    /*  16px  */
	font-weight: normal;
	 /* padding-bottom: 30px; */
	 border-bottom: 1px solid #999;
	 padding-bottom: 10px;
	 font-weight: 100;
	 padding-top: 15px;
}

h5 {
	color: #555;
	font-weight: normal;
	font-style: italic;
	font-size: 22px;
	font-family: Georgia, Times, 'Times New Roman', 'Hoefler Text', serif;
	line-height: 1.3em;	
	padding: 10px 3px 20px 0px;
	padding-top: 20px;
	margin-bottom: 4px;
	margin-top: 4px;
	border-bottom: 2px solid #777;
	text-align: right;
}


/*
h4 {
	font-family: Georgia, Times, 'Times New Roman', 'Hoefler Text', serif;
	font-size: 22px;
	color: #666; 
	font-weight: normal;
	font-style: italic; 
	text-align: center;
	border-bottom: 1px solid #999;
	padding-bottom: 15px;
	padding-top: 15px;
	font-style: 
}

h4.links {
	margin-left: 0px;
	margin-right: 0px;
}

.raleway {
	font-family: Raleway;
	text-transform: uppercase; 
	font-size: 16px;
	font-style: normal; 
	color: #333; 	
}

.raleway_klein {
	font-size: 13px;
	font-family: Raleway;
	color: black;	
}


h6 {
	margin-top: 20px;
	font-family: Georgia, Times, 'Hoefler Text';
	font-size: 14px;
	font-style: italic;	
	font-weight: normal;
	text-align: right;
	color: #555;
	border-bottom: 1px solid #555;
	padding-bottom: 5px;
}
*/


/* Leistungen Fließtext   13px    padding-top: 8px */
p {
	color: #777; 
	font-family: Georgia, Times, 'Times New Roman', 'Hoefler Text', 'Quattrocento Sans', serif;
	font-size: 12px;
	line-height: 1.5em;
	padding-top: 12px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
}


p.home {
	font-style: italic;
	line-height: 1.6em;
	font-size: 12px;
	color: #666;	
}

p.italic {
	font-style: italic;
	line-height: 1.3em;
	font-size: 12px;
	color: #999;	/* 666 */
}

p.space {
	padding-top: 3px;
}

.height {
	height: 234px;	
}

p.text {
	text-align: left;	
	border: none;
	padding-bottom: 10px;
}

.projekttext {
	text-align: right; 
	line-height: 1.2em;

	border-bottom: 1px solid #999;	
}

/* color: #9c9c9c; */

a {
	text-decoration: none;
	color: #414141;
}

a:hover, a.aktuelle_seite {
	color: #38ACC6; 
}

img {
	border: none;
}

img.neu {
	float: left;
}

img.galerie {
	border-top: 1px solid #999;	
	padding-top: 20px;
}

/* a img:hover - alle verlinkten Bilder (auch header) */
a img:hover {
	opacity: 0.5;
	filter: alpha(opacity=70);	
}


/* Tilde 
img.tilde {
	text-align: right;	
	margin-bottom: 20px;
	margin-top: 20px;
}

img.tilde2 {
	text-align: center;	
}

img.tilde3 {
	text-align: right;	
}
*/

address {
	float: left;
	font-size: 12px;
	font-style: italic;	
	font-family: Georgia;
	margin-left: 5px;
	color: #555;
}

address a {
	color: #38acc6;	
}


#struktur {
	width: 860px; 
	margin: 0 auto;
}


#headerbox {
	width: 860px;
	height: 110px;  /* 100px */
/*	border-top: 1px solid #999;	 */
	margin-top: 10px;	
	float: left;
}

/* margin-left: 65px; wenn statt Impressum oben Kontakt */


#navbox {
	height: 65px;
	margin-top: 18px;
	margin-left: 440px;     /*  140px  */
/*	padding-right: 5px;   */
	width: 520px; 
}

#headbox {
	float: left;
	width: 860px;
	height: 110px; 	
}

.headbox2 {
	border-bottom: 1px solid #9c9c9c;
	
}

#nav {
	padding-top: 2px;
	float: left;
}



#nav ul {
/*	margin-left: 140px;   */
	list-style-type: none; 
	padding: 0; 
}

#nav ul li {
	margin-top: 3px;
	float: left; 
/*	margin-bottom: 3px; */
}

/* color: #626261;	*/
#nav ul li a {
	padding: 0 10px 0 10px;
	font-family: Raleway, 'camingodos-web', sans-serif;
	text-transform: uppercase; 	
	font-variant: small-caps;
	font-weight: 100; 
	font-size: 16px;      /*  18px   */
	color: #414141;	   /*    #414141   */
}

#nav ul li a:hover, #nav ul li a.aktuelle_seite {
	color: #38acc6; 
	border-top: 1px solid #38acc6;
	border-bottom: 1px solid #38acc6;
	padding: 10px;
}

/* 
#nav ul.level2 {
	margin-left: 140px;
	list-style-type: none; 
	padding: 0; 
}

#nav ul.level2 li {
	float: left;	
}

#nav ul.level2 li a {
	font-size: 15px;       /*  13px  */
}



#nav ul.level2 li a:hover, #nav ul li a.aktuelle seite {
	border-bottom: 1px solid #38acc6;	
	border-top: none;
}

#nav ul li a.navborder_top {
	border-top: none;
}

#nav ul li a.navborder_bottom {
	border-bottom: none;		
}

#nav ul li a:hover navborder_bottom {
	border-bottom: none;		
}

#subnav {
	margin-left: 2px;	
}

#subnav ul {
/*	margin-left: 143px;   */
	list-style-type: none; 
	padding: 0; 
}

#subnav ul li {
	margin-top: 3px;
	float: left; 
	margin-bottom: 3px; 
}

#subnav ul li a {
	padding: 0 7px 0 7px;
	font-family: Raleway, 'camingodos-web', sans-serif;
	text-transform: uppercase; 	
	font-variant: small-caps;
	font-weight: 100; 
	font-size: 13px;      /*  17px   */
	color: #414141;	
}

#subnav ul.level2 li a:hover, #subnav ul li a.aktuelle_seite {
	color: #38acc6; 
	border-bottom: 1px solid #38acc6;
	padding: 7px;
}

/*
#subnav {
	display: none;	
}


ul.level2 {
	display: block;	
}

.aktiv {
	display: block;	
}


#nav ul li a:hover ul.level2 {
	display: block;	
}


/*
#subnav einblenden bei hover über #nav ul.level1 li

/* 

#subnav ul.level2 li a.aktuelle_seite {
	display: block;	
}

#subnav ul.level1 li.aktiv_li ul.level2 {
	display: block;	
}
*/

#projektnav {
	height: 40px;
	float: left;
	margin-bottom: 30px;
	margin-left: 110px;
	border-bottom: 1px solid #999;
}


#projektnav ul {
	list-style-type: none; 
	padding: 0; 
}

#projektnav ul li {
	margin-top: 3px;
	float: left; 
	text-decoration: none; 
	margin-bottom: 3px; 
}

/* color: #626261;	*/
#projektnav ul li a {
	font-family: Raleway, Georgia, Times;
	text-transform: uppercase; 	
	font-variant: small-caps;
	font-weight: normal; 
	font-size: 15px;
	color: #414141;	
}


/* -------------------- */
/* Inhalt */

#inhalt {
	width: 860px;
}



.li {
	float: left; 
	width: 280px;	
}

.mi {
	float: left; 
	width: 300px;
}

.re {
	float: left; 
	width: 280px;
}



.box_li {
	width: 280px;
	border-right: 1px solid #9c9c9c;
	margin-top: 20px;
}

.box_mi {
	width: 300px;
	margin-bottom: 20px;
}

.box_re {
	width: 280px;
	border-left: 1px solid #9c9c9c;
}



.textbox_li {
	width: 260px;
}

.textbox_li2 {
	widht: 260px;
	text-align: right;
	padding-right: 20px;	
}

.textbox_mi {
	width: 260px;
	padding: 20px 20px 0 20px;
}

.textbox_re {
	width: 260px;
	margin-top: 20px;
	padding: 0 20px 0px;
}


.kopftext {
	width: 860px;
	border-bottom: 1px solid #999;	
	float: left;
}


/* Projektüberblick und Projektseiten */

.projektfeld {
	width: 860px;
	float: left;	
}


.projektbox1 {
	margin-top: 20px;
	width: 579px;
	float: right;
	border-left: 1px solid #999;
}

.projektbox2 {
	float: right;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
}

.fliesstextbox {
	padding-left: 20px;	
}

.beschreibung {
	width: 260px;
}

.projektbild1 {
	float: left; 
	margin-left: 19px;	
}

.projektbild_gr {
	float: left; 
	margin-bottom: 19px;
	margin-left: 19px;	
}


.projektbild_kl {
	margin-left: 19px;
	float: left; 
	margin-bottom: 19px;
}

.projektbildtext {
	margin-left: 20px;
	border-left: 1px solid #999;
	margin-bottom: 20px;
	float: right;
}

.projektnav {
	margin-top: 20px;
	text-align: center;
}


/* -------------------- */

#galerie {
	float: left;
	clear: both; 
}

#galerie img {
	width: 860px;
	height: 400px;	
}

#grosstext {
	float: left; 
	width: 565px;	
	margin: 10px 0px 30px 20px;
	border-top: 1px solid #9c9c9c;
	margin-top: 10px;
	padding-top: 25px;
}

#gr {
	widht: 570px;
	float: left; 	
}

#textbox_gr {
	width: 560px;	
}

#text_gr {
	float: left; 
	width: 540px;	
	margin: 10px 10px 30px 20px;
	border-top: 1px solid #9c9c9c;
}

.textbox_breit {
	width: 535px;	
	float: right;
	margin-top: 30px;
}

.logo {
	margin-top: 17px;	
	width: 70px;	
	float: left;
}

/*border 	border-left: 1px solid #9c9c9c;	 */

.slogan {
/*	margin-top: 26px;  */
/*	margin-left: 5px; */
	float: right;
	margin-top: -55px;  
} 


.slogan2 {
	float: left;	
	margin-top: 30px;
}

.gross {
	text-transform: uppercase;
}


.button {
	margin: 10px 0px 0px 10px;	
	position: fixed;
}

.projektkastl {
	width: 260px;
	height: 380px;
	background-color: #444;	
	float: left; 
	margin-bottom: 20px;
}

.projektkastl2 {
	width: 260px;
	height: 380px;
	background-color: #444;	
	float: left; 
	margin-bottom: 20px;
	
}

.projektkastl:hover {
	background-color: #e8edef;
}

/* Schatten: 2px 2px 10px #666; */

.schatten {
	-moz-box-shadow: 1px 1px 4px #777; /* Firefox */
	-webkit-box-shadow: 1px 1px 4px #777; /* Safari and Chrome */
	box-shadow: 1px 1px 4px #777; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	 filter: progid: DXImageTransform.Microsoft.Shadow
  (color="#8b8b8b", direction=135, strength=5);

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'rundschatten' class */
}


/* -------------------- */

/* Überschrift-Boxen */

.h1_box_li {
	margin-top: 20px;
	width: 260px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding-top: 20px;
	padding-bottom: 5px;
}

.h1_box_mi {
	margin-top: 20px;
	margin-left: 20px;
	width: 260px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding-top: 20px;
	padding-bottom: 5px;
}

.h1_box_re {
	margin-top: 20px;
	width: 260px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-left: 20px;
}

.h1_box_gr {
	margin-left: 20px;
	width: 565px;
	margin-top: 25px;
	padding-top: 5px;
	text-align: center;
}


.h4_box {
	width: 260px;
	margin-top: 20px;
	border-bottom: 1px solid #999;	
	margin-bottom: 20px;
	border-top: 1px solid #999;	
}

.h5_box {
	border-bottom: 1px solid #999;	
	width: 200px;
	margin: 20px;
	padding-bottom: 5px;
	text-align: center;
	margin-left: 30px;
}

/* -------------------- */



/* diverse Klassen */

.zitat {
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;	
}

.noborder {
	border: none;
}

.padding {
	padding-bottom: 30px;	
}

.padding10 {
 	padding-top: 20px;	
}

.padding20 {
	padding-bottom: 20px;	
}

.space_top {
	padding-top: 10px;	
}

.padding30 {
	padding-top: 30px;	
}

/*
.spacer {
	width: 66px;
	heigth: 66px;	
}
*/

.bookmark {
	margin-bottom: 20px;
	float: right;
}


.border_top {
	border-top: 1px solid #999;	
}

.border_bottom {
	border-bottom: 1px solid #999;	
	padding-bottom: 20px;
}

.right {
	text-align: right;	
}

.center {
	text-align: center; 	
}

.left {
	text-align: left;	
}


.gross {
	text-transform: uppercase; 	
}

.klein {
	text-transform: none;	
	font-size: 13px;
	font-weight: 100;
}

.link {
	font-size: 14px;
	font-family: Georgia; 
	font-style: italic;
	color: #38ACC6; 
}

.link2 {
	color: #38ACC6; 	
}

.grau {
	font-size: 14px;
	font-family: Georgia; 
	font-style: italic;
	color: #777;	
}

.bold {
	font-weight: bold;
}

.blau {
	color: #38ACC6; 
}

.kursiv {
	font-style: italic; 
	font-size: 18px;	
	color: #666;
}

.italic {
	font-style: italic;	
}

.dunkel {
	color: #666; 	
}

.dunkel2 {
	color: #414141;	
}

.hell {
	color: #999;	
}

.wrapper {
	height: 365px;	
}

.wrapper2 {
	height: 100px;	/* 88px; */
}

.wrapper3 {
	height: 315px;	/* 305px; */
}

.wrapper4 {
	height: 97px;  /* 100px */
	margin-bottom: 20px;	
}

.wrapper5 {
	height: 50px;	
}

.wrapper6 {
	height: 75px;
}

.bild_kl {
	float: left;
	padding-right: 19px;
}

.next {
	margin-left: 875px;
	margin-top: 20px;
	font-size: 14px;
	position: fixed;
	font-family: Raleway, 'camingodos-web', sans-serif;
	text-transform: uppercase;
	font-variant: small-caps; 
	padding-bottom: 6px;
	border-bottom: 1px solid #999;
	font-weight: 100;
}

.prev {
	margin-left: 875px;
	margin-top: 50px;
	font-size: 14px;
	position: fixed;
	font-family: Raleway, 'camingodos-web', sans-serif;
	text-transform: uppercase;
	font-variant: small-caps; 
	font-weight: 100;	
}

.prev a:hover {
	background-color: #38acc6;	
	color: white;
	padding: 2px; 
}

.next a:hover {
	background-color: #38acc6;	
	color: white;
	padding: 2px;
}

.topbox {
	text-align: center;	
	float: left;
	margin-left: 100px;
}

.totop {
	font-size: 14px;
	font-family: Raleway, 'camingodos-web', sans-serif;
	text-transform: uppercase;
	font-variant: small-caps; 
	padding-bottom: 6px;
	margin-bottom: 6px;
	font-weight: 100;
}

.totop a:hover {
	background-color: #38acc6;	
	color: white;
}

.projects {
	font-size: 14px;
	font-family: , Georgia, Times;
	text-transform: uppercase;
	font-variant: small-caps; 	
	padding-bottom: 6px;
	margin-bottom: 6px;	
}

.projects a:hover {
	background-color: #38acc6;	
	color: white;
	padding: 2px 0px 2px 0px; 	
}

.pfeil {
	clear: both;
}

.inarbeit {
	margin-left: 180px;
	float: left; 
	position: absolute;
	margin-top: 20px;
}

.inarbeit2 {
	margin-left: 20px;
	float: left; 
}

.inarbeit3 {
	margin-left: 20px;
	float: left;
	margin-top: 15px;
}

/* Alternative
.next a:hover {
	border-bottom: 1px solid #38acc6;
	border-top: 1px solid #38acc6;
	padding: 3px 0 3px;
}

.prev a:hover {
	border-bottom: 1px solid #38acc6;
	border-top: 1px solid #38acc6;
	padding: 3px 0 3px;
}	
*/



/*
.pfeil_re {
	margin-left: 880px;
	margin-top: 20px;
	font-size: 30px;
	position: fixed;
}

*/

/* ------------------------------- */

#kontaktformular {
	font-family: Georgia, Times, serif;	
	font-size: 13px;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 20px;
}

#kontaktformular dt {
	margin-left: 5px;	
}

#kontaktformular dd {
	margin: 5px 0 15px;
}


#kontaktformular dd input {
	height: 20px;	
	padding-left: 5px;
}

#kontaktformular input[type=text], #kontaktformular textarea, #kontaktformular select {
	width: 320px;
	border: 1px solid #999;
	font-family: Georgia, Times, serif; 
	font-size: 13px;
	padding-left: 5px;
	padding-top: 5px;
}

#kontaktformular textarea {
	height: 120px;
}

#kontaktformular input[type=submit] {
	color: #555;
	font-size: 13px;
	font-family: Georgia, Times, serif;
}

.error {
	color: #292410;
	font-weight: bold;	
	border: none;
}

.gesendet {
	color: #292410;
	font-weight: bold;	
	border: none;
}


/* fusszeilen */

#fusszeile {
	clear: both;
	width: 860px;
	padding: 20px 0px; 
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999;
	height: 20px;
}


.buttonzeile {
	float: left;
	width: 860px;
	height: 65px;	
	padding: 30px 0 10px;
	border-bottom: 1px solid #999;
}


.impressum {
	text-align: right;
	margin-right: 5px;
	font-size: 15px;
	font-family: Raleway, Georgia, Times;
	text-transform: uppercase; 	
	font-variant: small-caps;
	font-weight: 100;
	color: #333; 
}

/*
.impressum ul {
	list-style-type: none; 
}

impressum ul li {
	float: left; 
	text-decoration: none; 
}
*/

.impressum a:hover {
	border-top: 1px solid #38acc6;	
	border-bottom: 1px solid #38acc6;
	padding: 5px 0px;
}

.impressum a.aktuelle_seite {
	border-top: 1px solid #38acc6;	
	border-bottom: 1px solid #38acc6;
	padding: 5px 0px;	
}


/* 
#kontakt {
	font-size: 12px;
	font-style: italic;	
	font-family: Georgia;
	margin-right: 5px;
	color: #555;
}

*/

/* siehe address 
.kontakt {
	float: left;
	font-size: 12px;
	font-style: italic;	
	font-family: Georgia;
	margin-left: 5px;
	color: #555;	
}
*/

.buttonbox {
	float: left; 
	margin-left: 60px;
}


.buttontext {
	font-size: 13px;
	font-family: Georgia; 
	font-style: italic;
	color: #777;	
	float: right;
	margin-left: 10px; 
}

a:hover .buttontext {
	color: #38acc6;	
}

.margin_left {
	padding-left: 30px;	/*90px ohne send-button */
}

.margin {
	margin-left: 20px;	
}

.margin_right {
	margin-right: 20px;
}

.margintop {
	margin-top: 20px;	
}

.margin_bottom {
	margin-bottom: 20px;	
}

.socialbox {
	float: left;	
}

.copyright {
	font-size: 12px;
	font-style: italic;	
	font-family: Georgia;
	margin-right: 2px;
	color: #555;
}

.crzeile {
	float: left; 
	width: 860px;
	height: 20px;
	margin-bottom: 60px;	
}


/* Button neu im Hintergrund
.neu {
	background-image: url(../images/neu.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}
*/