/* @override http://konzept-beratung.com/css/screen-ar.css */


@charset 'utf-8';
@import url(reset.css);
@import url(fancybox.css);

/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */


body {
	color: #454443;
	font: 16px/23px 'Droid Sans', sans-serif;
}

#page,
#admin,
#anmeldung {
	margin: 0 auto;
	width: 890px;
	padding-top: 180px;
}

#header {
	position: relative;
}

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


h1, h2 {
	font-family: 'Droid Serif', serif;
}

h1#logo {
	font-size: 29px;
	line-height: 31px;
	position: absolute;
	top: -90px;
	right: 0px;
}

h1#logo strong {
	color: #ef7903;
}

h1#logo span {
	position: relative;
	top: -5px;
}

h1#logo .signet {
	width: 143px;
	height: 39px;
	display: inline-block;
	text-indent: -9999px;
	background: url(../img/logo_konzept-beratung.png) no-repeat 0 0px;
}


h1 {
	font-size: 25px;
	line-height: 35px;
}

h2 {
	font-size: 35px;
	line-height: 45px;
}

h3 {
	font-weight: bold;
	margin: 0 0 5px;
}

.stage h2 {
	color: #ef7903;
	margin-top: 25px;
	text-align: right;
}

#zitate li.ar {
	text-align: right;
}

/* -----------------------------------------------------*/
.col a:hover,
#admin .viewsite a:hover {
	text-decoration: none;
	background: url(../img/underline.gif) repeat-x 0 -13px;

}

.col a.fancybox:hover {
	background: none;
}

.col a,
#admin .viewsite a {
	color: #ef7903;
	text-decoration: none;
	line-height: 20px;

}

hr {
	border:none; 
	border-top: 1px solid #ef7903; 
	color: #ef7903; 
	background-color: #fff; 
	height: 1px;
}


.sans {
	font-family: 'Droid Sans', sans-serif;
}


.hideme {
	display: none;
}	

.orange {
	color: #ef7903;
}
	
i {
	color: #6b6868;
	font-weight: normal;
	font-style: normal;
}

p.keepseparate {
	margin: 8px 0 0 0;
}


span.qoutes {
	display: inline-block;
	text-indent: -9999px;
	background: url(../img/guillemet-start.gif) no-repeat 0 6px;
	width: 30px;
	height: 30px;
}

span.qoutee {
	display: inline-block;
	text-indent: -9999px;
	background: url(../img/guillemet-end.gif) no-repeat 0 6px;
	width: 30px;
	height: 30px;
}

ul.liste {
	margin: 0 0 30px;
	padding: 0;
}

ul.liste li {
	list-style-position: outside;
	padding: 0 15px 5px 0;
	margin: 0;
	list-style-image: none;
	background: url(../img/icon-liste.gif) no-repeat right 5px;
}

.col a.fancybox {
	position: relative;
}

.col a.fancybox img{
	border: none;
	background-image: none;
	text-decoration: none;
	margin-bottom: 12px;

	
}
.col a.fancybox img:hover  {
	text-decoration: underline;
	background-color: beige;
	}


a.fancybox span.imgklinke {
	position: absolute;
	top: -30px;
	left: 141px;
	z-index: 100px;
	background: transparent url(../img/photoicon.png) no-repeat center center;
	width: 40px;
	height: 30px;
}

.textalignright {
	text-align: right;
}	

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

::-moz-selection {
  background: #ef7903;
  color: white;
  text-shadow: none;
}

::selection {
  background: #ef7903;
  color: white;
  text-shadow: none;
}

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

.totop {
	position: absolute;
	right:0px;
	bottom: 40px;
    width: 17px;
	}

.totop a {
	background: url(totop.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 17px;
}

.totop a:hover {
	background-position: 0 -17px;
}


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

div.language {
	position: absolute;
	top: -85px;
	left: 0px;
}

.language ul li {
	float: right;
	text-align: center;
}

.language ul li a {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../img/language.gif) no-repeat 0 -25px;
	color: white;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 25px;
	margin-right: 6px;
}

.language ul li a:hover {
	background-position: 0 -50px;
}

.language ul li#active a {
	background-position: 0 0px;
}

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

.menu {
	float: right;
	font-size: 25px;
	line-height: 45px;
	font-family: 'Droid Serif', serif;
	padding-top: 26px;
	text-align: right;
}



.menu ul li a {
		color: #454443;
		text-decoration: none;
		display: inline-block;
}

.menu ul li.active a,
.menu ul li a:hover {
	color: #ef7903;
	background: url(../img/underline.gif) repeat-x 0 12px;
}



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


.content {
	border-top: 1px #ef7903 solid;
	min-height: 750px;
	margin: 0 0 140px;
	clear: both;
	float: left;
	padding: 0;
	position: relative;
}


.stage,
.wrapper {
	width: 665px;
	float: left;

	
}
.stage {
	border-bottom: 1px #ef7903 solid;
	margin: 0 0 25px 0;
	padding: 0 0 30px 0;
	

}

.animation {
	margin: 0 0 025px;
	padding: 0;
	height: 190px;

}

.arbeitsfelder .stage {
	width: 670px;
	height: 250px;
	background: url(../img/stage-arbeitsfelder.gif) left -5px;
}

.methoden .stage {
	width: 670px;
	height: 200px;
	background: url(../img/stage-methoden.gif) no-repeat left -05px;
}

.referenzen .stage {
	background: url(../img/stage-referenzen.gif) no-repeat 0 -1px;
	width: 670px;
	height: 210px;
}

.kontakt .stage {
	background: url(../img/stage-sprechblase.gif) no-repeat 0 -20px;
	width: 670px;
	height: 284px;
}

.arbeitsfelder .stage h2,
.methoden .stage h2,
.referenzen .stage h2,
.kontakt .stage h2 {
	color: #fff;
	margin-left: 13px;
	margin-right: 20px;
}



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

div.col {
	float: left;
	min-height: 225px;
	padding: 0;
	margin: 0 0 0 25px;
	text-align: right;
}

.col2 {
	width: 320px;
}


.col.first {
	margin-left: 0px
}

.col1 {
	width: 670px;
	margin: 0 0 25px;
	padding: 0;
}


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

ul#zitate {
	position: relative;
	overflow: hidden;
	height: 160px;
	margin: 0xp;
	padding: 0px 0px 0;
}

ul#zitate li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 670px;

}

span.author {
	font-style: italic;
	font-size: 20px;
}

span.adresslabel {
	width: 55px;
	display: inline-block;
	color: #939393;
}

#Kontakt h3 {
	margin: 0 0 0px;

}

#Kontakt .adressseparate {
	margin: 0px;
	padding: 10px 0 0 0;
}

#Kontakt .col2 p {
}

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

div.kontaktformular {
	padding: 40px 0 0;
}
.form {
		padding: 0px;
	margin: 0px;
}

.formrow {
	clear: both;
	width: 100%;
}

.kontaktformular form label {
	width: 110px;
	float: left;
	line-height: 35px;
	font-weight: normal;
	font-style: normal;
}


.kontaktformular form input {
	width: 194px;
	height: 32px;
	background-color: #efeeed;
	border: 1px solid #858483;
	padding-left: 10px;
	margin-bottom: 15px;
	float: right;
}

.kontaktformular form textarea {
	padding: 10px;
	width: 184px;
	height: 130px;
	background-color: #efeeed;
	border: 1px solid #858483;
	float: right;
}

.kontaktformular form select {
	width: 206px;
	height: auto;
	float: right;
}


.kontaktformular form input#kontaktsubmit {
	position: relative;
	left: 110px;
	float: left;
	background-color: #ef7903;
	color: white;
	width: 116px;
	text-align: center;
}


.loading_icon {
	height:30px;
	width:30px;
	display:none;
	background-color: beige;
}
.done {
	background-color: #ef7903;
	padding-left:20px;
	font-size:12px;
	width:70%;
	margin:20px auto;
	display:none
}


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

.logout {
	position: absolute;
	top: 55px;
	left: 320px;
	z-index: 1000;
}

.logout a {
	padding: 4px;
	text-decoration: none;
	color: #454443;

}

.logout a:hover {
	color: #ef7903;
	text-decoration: underline;

}


.anmeldung {
	padding: 34px 0 0 20px;
}

#anmeldung form {
	margin: 0px 0px 20px 0;
}

#anmeldung form label {
	color: #ef7903;
	font: 25px 'Droid Serif', serif;
	display: inline-block;
	width: 130px;
}

#anmeldung form input {
	height: 15px;
	width: 140px;
	margin: 0 30px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	padding: 5px;
}

#anmeldung h1 {
	margin: 0 0 20px 0;
}

#anmeldung form input#submit {
	height: 35px;
	width: auto;
	text-align: left;
	padding: 0px 0px 0;
	margin: 20px 0;
	background-position: 0 0;
}

#anmeldung p.alert
{
	background-color: #fce4c5;
	vertical-align: middle;
	width: 620px;
	margin: 30px 0 30px 0;
	padding-left: 35px;
	color: #000;
	font: 17px/65px 'Droid Serif', serif;

}
.admin {
	border-top: 1px #ef7903 solid;
	margin: 0 0 140px;
	clear: both;
	float: left;
	padding: 0;
	position: relative;
	width: 100%;
}


.admintitle {
	position: absolute;
	top: -50px;
	left: 160px;

}

#admin {
	position: relative;
}

#admin h1#logo strong a,
#anmeldung h1#logo strong a {
	text-decoration: none;
	color: #ef7903;
}

#admin h1#logo strong:hover {
	color: #999;
	background-image: none;
}


#admin h3 {
	color: #ccc;
	font-size: 18px;
	line-height: 25px;

}
#admin h3 span {
	color: #ddd;
	font-size: 13px;
}

#admin .viewsite {
	background: url(../img/pfeil.gif) no-repeat 0 5px;
	position: absolute;
	top: -125px;
	left: 140px;
	height: 55px;
	width: 300px;
}

#admin .viewsite a {
	margin-left: 65px;
}


#admin .wrapper {
	padding-top: 30px;
}

#admin textarea {
	width: 315px;
	float: none;
	height: 650px;
	font: 13px/20px 'Droid Sans', sans-serif;

}

#admin label {
	height: 35px;
	font: 18px/18px 'Droid Serif', serif;
	color: #ef7903;
	display: inline-block;
	padding: 0px;
	margin: 0px 0 -5px 0;
}

#admin input {
	height: 25px;
	width: 100%;
	margin: 0 0 20px 0;

}

input#submit,
input#kontaktsubmit {
	color: #ef7903;
	border: none;
	font: 18px/25px 'Droid Serif', serif;
	background: white url(../img/underline.gif) repeat-x 0 -3px;
	padding: 0px;
	margin: 20px 0px 0px;
	clear: both;
	width: auto;
	text-align: left;

}

div#alert {
	background-color: #ef7903;
	position: absolute;
	left: 35%;
	top: 40%;
	vertical-align: middle;
	width: 460px;
	padding-left: 35px;
	color: #fff;
	font: 17px/65px 'Droid Serif', serif;
	opacity: 0.8;
	z-index: 1000;
}

#admin .admin textarea.inputh2 {
	font: 35px/45px 'Droid Serif', serif;
	color: #ef7903;
	position: relative;
	top: 20px;
	width: 666px;
	height: 200px;
}

.info {
	position: absolute;
	top: 300px;
	color: #ccc;

}

.info h3.casual {
	font-size: 15px;
	padding: 0;
	margin: 0 0 -10px;
}