html, body{
	color: #000000;
	font-family: TR Century Gothic, Kalinga, Verdana, Arial, sans sarif;
	font-size: 13px;
	background: #3d3d3d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNWQ1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDNkM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #5d5d5d 0%, #3d3d3d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(100%,#3d3d3d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5d5d5d 0%,#3d3d3d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5d5d5d 0%,#3d3d3d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5d5d5d 0%,#3d3d3d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5d5d5d 0%,#3d3d3d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-8 */
    background-repeat: no-repeat;
	background-color: #3d3d3d; /* Old browsers */
} 

/*------------------Navigation------------*/
nav{
	width: 520px;
	height: 28px;
	position: relative;
	top: 151px;
	left: 45px;
	font-size: 14px;
}

nav li:first-child{
	border-left: 1px solid #2a394f;
}

nav li{
	width: 102px;
	float: left;
	list-style-type: none;
	text-align: center;
	line-height: 30px;
	
	border-right: 1px solid #2a394f;
	border-top: 1px solid #2a394f;
	border-bottom: 1px solid #2a394f;

	background: rgb(173,166,166); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkYTZhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzlkOTQ5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZGE2YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(173,166,166,1) 0%, rgba(157,148,148,1) 50%, rgba(173,166,166,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,166,166,1)), color-stop(50%,rgba(157,148,148,1)), color-stop(100%,rgba(173,166,166,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(173,166,166,1) 0%,rgba(157,148,148,1) 50%,rgba(173,166,166,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(173,166,166,1) 0%,rgba(157,148,148,1) 50%,rgba(173,166,166,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(173,166,166,1) 0%,rgba(157,148,148,1) 50%,rgba(173,166,166,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(173,166,166,1) 0%,rgba(157,148,148,1) 50%,rgba(173,166,166,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ada6a6', endColorstr='#ada6a6',GradientType=0 ); /* IE6-8 */

	-webkit-transition: opacity 1s ease-in;
	-moz-transition: opacity 1s ease-in;
	-ms-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
}

nav a{
	text-decoration: none;
	color: #ececec;
	display: block;
}

nav li:hover{
	background: rgb(145,139,139); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxOGI4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzdhNzU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MThiOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(145,139,139,1) 0%, rgba(122,117,117,1) 50%, rgba(145,139,139,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,139,139,1)), color-stop(50%,rgba(122,117,117,1)), color-stop(100%,rgba(145,139,139,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(145,139,139,1) 0%,rgba(122,117,117,1) 50%,rgba(145,139,139,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(145,139,139,1) 0%,rgba(122,117,117,1) 50%,rgba(145,139,139,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(145,139,139,1) 0%,rgba(122,117,117,1) 50%,rgba(145,139,139,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(145,139,139,1) 0%,rgba(122,117,117,1) 50%,rgba(145,139,139,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#918b8b', endColorstr='#918b8b',GradientType=0 ); /* IE6-8 */
	opacity: 1;
}

nav li.marked{
	list-style-type: none;
	background: rgb(145,139,139); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxOGI4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzdhNzU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MThiOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(145,139,139,1) 0%, rgba(122,117,117,1) 50%, rgba(145,139,139,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,139,139,1)), color-stop(50%,rgba(122,117,117,1)), color-stop(100%,rgba(145,139,139,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(145,139,139,1) 0%,rgba(122,117,117,1) 50%,rgba(145,139,139,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(145,139,139,1) 0%,rgba(122,117,117,1) 50%,rgba(145,139,139,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(145,139,139,1) 0%,rgba(122,117,117,1) 50%,rgba(145,139,139,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(145,139,139,1) 0%,rgba(122,117,117,1) 50%,rgba(145,139,139,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#918b8b', endColorstr='#918b8b',GradientType=0 ); /* IE6-8 */
	opacity: 1;
}
/*-----------------Navigation----------------*/

#wrapper{
	width: 850px;
	margin: 0px auto;
	margin-bottom: 15px;
	background-color: #b9b8b8;
	-webkit-box-shadow: 0px 1px 5px 2px #242424;
	box-shadow: 0px 1px 5px 2px #242424;
}

header{
	width: 850px;
	height: 183px;
	position: relative;
	background: url('../images/banner.jpg') no-repeat;
}

/*--------------Content-----------------*/
#content_box{
	width: 850px;
	min-height: 442px;
	height: auto !important;  /* für moderne Browser */
	height: 400px;  /*für den IE */
	position: relative;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(209,209,209,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(209,209,209,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(209,209,209,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(209,209,209,1) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(209,209,209,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(209,209,209,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

#text_index{/*Anordnung Startseite*/
	width: 435px;
	float: left;
	height: 367px;
}

.text{
	padding: 44px 44px 44px 70px;
	text-align: justify;
	line-height: 2;
	width: 736px;
}

.text a{
	text-decoration: none;
	color: #476c9e;
}
 
.text .liste{
	list-style-type: circle;
	list-style-position: inside;
	padding-bottom: 20px;
}

.text li{
	position: relative;
	left: 20px;
}

.bew_foto{
	height: 300px;
	top: 65px;
	left: 555px;
	position: absolute;
}

.left_list{
	float: left;
	width: 362px;
}

.left_list{
	float: left;
	width: 270px;
	padding-right: 100px;
}

.portfolio{
	display: none;
}

p, 
#text_index h1 {
	margin-bottom: 15px;

}

.kontakt p{
	margin-bottom: 0px;
}

#text_ohne_js img, .portfolio img{
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}

.clear{
	clear: left;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
}

h1{
	font-size: 18px;
	color: #476c9e;
	line-height: 30px;
	margin-top: 15px;
}

h2{
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 5px;
}

.impressum h1 {
	font-size: 20px;
}

.impressum h2 {
	font-size: 18px;
	
}
.impressum h3 {
	font-size: 14px;
}

hr {
        border: none;
        border-top: 1px dashed #908686;
}

.projekt{
	font-size: 16px;	
}

/*--------------Content-------------*/


/*--------------Footer-------------*/
footer {
	font-size: 10px;
	padding-left: 70px;
	border-top: 1px dashed #908686;
	line-height: 30px;
}
/*--------------Footer-------------*/

/*-------------Formular-------------*/
#kontakt{
	width: 685px;
	height: 380px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 15px;
	background-color: #e5e5e5;
}

#kontakt textarea{
	max-width: 400px;
	max-height: 170px;
	width: 400px;
	height: 170px;
	min-width: 400px;
	min-height:	170px;
}

.label{
	margin-right: 20px;
	float: left;
}

.error{
	font-size: 11px;
	color: #ff3333;
	margin-top: 3px;
}

#info{
	font-size: 13px;
	color: #339933;
	margin-top: 15px;
}

#kontakt input[type=text]{
	margin-bottom: 20px;
}

#submitButton{
	margin-top: 15px;
	float: left;
	margin-right: 20px;
}

#text_ohne_js{
	background-color: #e5e5e5;
	width: 660px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	margin-bottom: 40px;
}
/*-------------Formular------------*/


/*--------------Expander----------*/
#web{
	height: 100%;
}

#web_header{
	background-image: url('../images/expander_arrow2.png');
}

.expander_header h1 {
	margin-top: 0px;
}

.expander_header{
	height: 30px;
	width: 700px;
	margin-top: 15px;
	overflow: hidden; /* für height Bug in IE6 */
	border-bottom: solid 1px #476c9e;
	border-top: solid 1px #476c9e;
	background-image: url('../images/expander_arrow1.png');
	background-position: top right;
	background-repeat: no-repeat;
}

.expander_body{
	background-color: #e5e5e5;
	height: 0px;
	width: 700px;
	overflow: hidden;
	margin-bottom: 40px;
	position: relative; /* für overflow:hidden Bug in IE6/7 */
}

.expander_content{
	padding-left: 20px;
	padding-right: 20px;
}

.hidden {
	display: none;
}