@charset "utf-8";
/* CSS*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #000; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #000; }
a:hover { color: #000; }


/* Custom Styles */


.container {
background: url(http://profile-germany.de/uploads/profile/container.jpg) no-repeat left;
	width: 990px;
        min-height:551px;
	border-right: 1px solid #cae8ec;
}

.container .header {
	height: 100px;

}

.container .header h1 a {
	display: block;
	height: 100px;
	float: left;
	width: 790px;
}


.flagge{

float:right;
margin-right:100px;
margin-top:-20px;
}


.container .aside li{
text-decoration:none;
list-style:none;
text-align:center;
width:60px;
}

.container .aside ul{
text-decoration:none;
list-style:none;
text-align:center;
padding-top:20px;
float:right;
}


.container .header a{
text-decoration:none;
color:#fff;
font-size:7pt;
}

.container .nav {
height:100%;
  width: 990px;
  margin: auto;
  border-collapse: collapse;
  float:left;
  background-color:#63a3ac;
  
}


.container .nav .print {
  height:20px;
  float:left;
padding:8px;
padding-left:180px;
  
}

.container .content {
	width: 560px;
	float: right;
	padding: 15px;
}


	
.container .aside {
width: 160px;
	float: right;
	padding: 15px 20px;
}



/*Button unterm Arcordion*/

.container .news_ticker .Sucsess .button_left{
float:left;
background: url(http://www.profile-germany.de/uploads/profile/button.png) no-repeat left;
width:185px;
height:29px;
margin-left:8px;
border:1px solid #fff;
border-top-right-radius: 4px/*{cornerRadius}*/;
border-top-left-radius: 4px/*{cornerRadius}*/;
border-bottom-left-radius: 4px/*{cornerRadius}*/;
border-bottom-right-radius: 4px/*{cornerRadius}*/;
text-decoration:none;

}

.container .news_ticker .Sucsess .button_left:hover {
float:left;
background: url(http://www.profile-germany.de/uploads/profile/button.png) no-repeat left;
width:185px;
height:28px;
border:1px solid #aaaaaa;
border-top-right-radius: 4px/*{cornerRadius}*/;
border-top-left-radius: 4px/*{cornerRadius}*/;
border-bottom-left-radius: 4px/*{cornerRadius}*/;
border-bottom-right-radius: 4px/*{cornerRadius}*/;
text-decoration:none;


}
.container .news_ticker .Sucsess ul{
text-decoration:none;
color:#fff;
margin-top:5px;
margin-left:31px;
font-size:10.5pt;
}

.container .news_ticker .Sucsess ul:hover{
text-decoration:none;
color:#000;

}

.footer {
position:relativ;
width:990px;
height:40px;
z-index:1;
float:left;
background-color:#fff;

}

.footer .footerline {
background-color:#d4d4d6;
width:800px;
height:1px;
margin-left:80px;
}

.footer .footertext {

font-size:8pt;
color:#63a3ac;
}

.footer .copyright {

font-size:8pt;
color:#63a3ac;
text-decoration:none;
}

.footer .copyright a{

font-size:8pt;
color:#63a3ac;
text-decoration:underline;
}

.printing{
float:bottom;
width:46px;
height:43px;
position:fixed;
margin-left:60px;
}



			input[type='text'], input[type='number'], input[type='email'], input[type='url'],
			textarea, select { 
				background-color: #fff; 
				border: solid 1px #999;
				padding: 5px;
			}
			input[type='text'], input[type='number'], input[type='email'], input[type='url'],
			textarea { 
				width: 130px;
			}
			textarea { 
				height: 100px; 
			}
			select { 
				width: 155px; 
			}

			input[maxlength='3'] {	width: 30px;	}
			input[maxlength='4'] {	width: 40px;	}
			input[maxlength='5'] {	width: 45px;	}
			input[type='text'].focus, input[type='number'].focus, input[type='email'].focus, input[type='url'].focus,
			textarea.focus, select.focus { 
				border-color: #000 !important; 
			}http://profile.ywerner.de/admin/editcss.php?_sx_=8a1680c9&css_id=55
			input[type='text'].inactive, input[type='number'].inactive, input[type='email'].inactive, input[type='url'].inactive,
			textarea.inactive, select.inactive, option.inactive { 
				color: #999;
				font-style: italic;
			}
			input[type='text'].invalid, input[type='number'].invalid, input[type='email'].invalid, input[type='url'].invalid, 
			textarea.invalid, select.invalid {
				border-color: grey;
background-color:#ffffCC;

			}
			
			span.checkbox-container {
				display: inline-block;
				border: 1px solid transparent;
				padding: 2px 5px;
			}
			span.checkbox-container.invalid {
				border-color: #ffcc66;
			}

			select.inactive option {
				color: #000;
				font-style: normal;
			}
			select option.inactive,
			select.inactive option.inactive {
				color: #999;
				font-style: italic;
			}
			
			input[type='submit'] {
				margin-left: 190px;
margin-top:20px;
                                width:80px;
height:30px;
                         
padding:5px;
			}



			
			form {
				width: 700px;
				margin: auto 0 auto;
				overflow: hidden;
			}
			
			
			label {
				width:100px;
				display: block;
				float: left;
			}

#labelfeld {

margin-left:52px;
}
	.formular li{
padding-top:7px;
list-style:none;
				
			}

.form_right {
position:absolute;
 top:200px;
 left:470px;
			}

.form_right_2 {
float:right;
margin-top:0px;
margin-right:175px;
			}

.form_right_2 label{
font-family:Arial;
font-size:10.5pt;
			}

.massage textarea {
width:430px;
			}

/* Scrollbar */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #63a3ac;

	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #63a3ac;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #fff;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 10px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.scroll-pane
			{
				width: 100%;
				height: 355px;
				overflow: auto;
			}

.horizontal-only
			{
				height: auto;
				max-height: 300px;
			}

.scroll_uebergang{
position:absolute;
width:556px;
height:19px;
z-index:2;
background: url(http://www.profile-germany.de/uploads/profile/scrolluebergag.png) #fff no-repeat left;
}


/*Kontaktformular selectbox dropdown


.asmContainer {
width:260px;
margin-top:25px;

	/* container that surrounds entire asmSelect widget */
}

.asmSelect {
	/* the newly created regular 'select' */
	display: inline; 
width:30px;
margin-left:31px;
border:red;
}




.asmOptionDisabled {
	/* disabled options in new select */
	color: #999; 

}

.asmHighlight {
	/* the highlight span */
	padding: 0;
	margin: 0 0 0 1em;

}

.asmList {
	/* html list that contains selected items */
	margin: 0.25em 0 1em 0; 
	position: relative;
	display: block;
	padding-left: 0; 
	list-style: none; 
}

.asmListItem {
	/* li item from the html list above */
	position: relative; 
	margin-left: 0;
	padding-left: 0;
	list-style: none;/*
	background: #ddd;
	border: 1px solid #bbb;*/ 
	width: 258px; 
	margin: 0 0 -1px 0; 
	line-height: 1em;
}

/*.asmListItem:hover {
	background-color: #e5e5e5;
}*/

.asmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding-top: 5px; 
	display: block;
}

.asmListSortable .asmListItemLabel {
	cursor: move; 
}

.asmListItemRemove {
	/* the remove link in each list item */
	position: absolute;
	right: 0; 
	top: 0;
margin-top:5px;
	padding: 5px; 
}

*/

/*Kontaktformular farbig hinterlegte auswahl*/

* {
    font-size: 13px;
}

.select {
    width: 255px;
    height: 250px;
    border: 0px solid #ccc;
    overflow: auto;
margin-top:5px;

}


.option {
line-height:20px;
margin-top:5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
}


.active {
    background: #63a3ac;
color:#fff;
}

input {

border-top-right-radius: 4px/*{cornerRadius}*/;
border-top-left-radius: 4px/*{cornerRadius}*/;
border-bottom-left-radius: 4px/*{cornerRadius}*/;
border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

textarea{

border-top-right-radius: 4px/*{cornerRadius}*/;
border-top-left-radius: 4px/*{cornerRadius}*/;
border-bottom-left-radius: 4px/*{cornerRadius}*/;
border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/*Kontaktformular PLZ ORT*/
.tag label{
margin-right:-60px;
}


#zip {
    margin-right:-3px;
    width:40px;
margin-left:20px;
}

#ort{
    width:77px
}

/* Content ul abstände für Projekte*/

#ul_abstand {line-height: 16px;
font-weight:bold;}

#projekt_button{
background-color:#f0f0f0;
border-top-right-radius: 4px/*{cornerRadius}*/;
border-top-left-radius: 4px/*{cornerRadius}*/;
border-bottom-left-radius: 4px/*{cornerRadius}*/;
border-bottom-right-radius: 4px/*{cornerRadius}*/;
border-bottom:1px solid #aaaaaa;
border-right:1px solid #aaaaaa;
padding:2px;
color:#c2c2c4;
}

#projekt_button a{
text-decoration: none;
}

#text_auswahl{
font-size:13pt;
}

#line_height_newsticker{
line-height:16px;
}

#line_height_newsticker a{
text-decoration: none;
}
/* Stylesheet: Css neu Modified On 2012-06-11 11:16:47 */
