/* CSS Document by sonicdesigns.de */

body 		{ background: url(Bilder/background.jpg) no-repeat #0494C9; background-position: bottom right; background-attachment:fixed; margin: 50px 0px 0 0; padding: 0; }
a	 		{ outline: 0; }
fieldset		{ border: 1px #c3c3c3 solid; }
legend		{ font: 13px Arial; font-weight: bold; color: #FF8401; }

input															{ width:250px; margin:0.25em 0.25em 0.25em 0em; padding:4px; background-color:#f6f6f6; border:1px solid #c6c6c6; font: 12px Arial; }
input[type="submit"], input[type="button"], input[type="reset"]	{ width:auto; margin:0.25em 0.25em 0.25em 0em; padding:4px 10px 4px 10px; background-color:#f6f6f6; border:1px solid #c6c6c6; font: 12px Arial; font-weight: bold; }
input[type="checkbox"], input[type="radio"]						{ width:auto; margin:0.25em 0.25em 0.25em 0em; padding:4px 15px 4px 15px; background-color:#f6f6f6; border:1px solid #c6c6c6; margin-left: 10px;}
select															{ width:260px; margin:0.25em 0.25em 0.25em 0em; padding:4px 4px 4px 4px; background-color:#f6f6f6; border:1px solid #c6c6c6; }
textarea															{ width:385px; margin:0.25em 0.25em 0.25em 0em; padding:4px; background-color:#f6f6f6; border:1px solid #c6c6c6; font-size:1.0em; height: 80px; font: 12px Arial; }
input:focus, select:focus, textarea:focus							{ background: #F9F6E4; border: 1px #333333 solid; }
input#captcha													{ width:85px;height:30px;font-size:25px;margin-top:1px; }
/*******************************************************************
******************************* Kopf *******************************
********************************************************************/
#head				{ background: url(Bilder/head.png); height: 153px; width: 915px; text-align: left; }
#head #logo			{ padding: 40px 0 0 30px; float: left; }
#head #logo img		{ border: 0px; }
#head #special		{ padding: 12px 0 0 500px; }
#head #special img	{ border: 0px; }
/*************************************************************************
******************************* Navigation *******************************
**************************************************************************/
#navi					{ background: url(Bilder/navigation.png); height: 38px; width: 915px; }
#navi ul					{ list-style: none; margin: 0px; padding: 5px 0 0 25px; }
#navi ul li				{ float: left; width: 95px; height: 25px; background: url(Bilder/navi-link.jpg) no-repeat; text-align: left; padding-top: 1px; }
#navi ul li:hover,
#navi ul li.current		{ background: url(Bilder/navi-link_over.jpg) no-repeat; }
#navi ul li.current a:hover { text-decoration: underline; }
#navi ul li a				{ font: 11px Trebuchet MS; color: #F8F8F8; text-decoration: none; margin: 0 0 0 20px; }
/*********************************************************************
******************************* Inhalt *******************************
**********************************************************************/
#content					{ background: url(Bilder/content.png); width: 915px; text-align: left; }
#content a					{ font: 12px Arial; color: #FF8401; text-decoration: none; }
#content a:hover				{ color: #787F8A; text-decoration: underline; }
#content h1					{ font: 15px Tahoma; color: #20252C; margin-top: 0px; }

#content #index				{ width: 882px; font: 12px Arial; color: #787F8A; padding: 2px 0 0 20px; float: left; } 
#content .index_head			{ background: url(Bilder/content-index_head.jpg); width: 882px; height: 31px; margin: 0 0 5px 0; }
#content .index_head h1		{ font: 15px Trebuchet MS; color: #B8C2D1; padding: 5px 0 0 10px; margin: 0px; cursor: default; float: left; }
#content #index-l			{ width: 650px; font: 12px Arial; color: #787F8A; padding: 2px 0 0 20px; float: left; }
#content #index-l_head		{ background: url(Bilder/content-index_head.jpg); width: 649px; height: 31px; margin: 0 0 5px 0; }
#content #index-l_head h1	{ font: 15px Trebuchet MS; color: #B8C2D1; padding: 5px 0 0 10px; margin: 0px; cursor: default; }
#content #index-r			{ width: 650px; font: 12px Arial; color: #787F8A; padding: 2px 0 0 253px; }
#content #index-r_head		{ background: url(Bilder/content-index_head.jpg); width: 649px; height: 31px; margin: 0 0 5px 0; }
#content #index-r_head h1	{ font: 15px Trebuchet MS; color: #B8C2D1; padding: 5px 0 0 10px; margin: 0px; cursor: default; }
#content .index-half			{ width: 440px; font: 12px Arial; color: #787F8A; padding: 0 0 0 1px; float: left; }
#content .index-half_head	{ background: url(Bilder/content-index_head.jpg); width: 440px; height: 31px; margin: 0 0 5px 0; }
#content .index-half_head h1	{ font: 15px Trebuchet MS; color: #B8C2D1; padding: 5px 0 0 10px; margin: 0px; cursor: default; }

#content ul.ul		{ margin-top: 0px; list-style-image: url(Bilder/bullet_add.png); list-style-position: inside;  }

/********************************************************************
******************************* Boxen *******************************
*********************************************************************/
#content .boxes-r					{ width: 236px; font: 12px Arial; color: #B3B3B3; padding: 2px 0 0 670px; }
#content .boxes-r_head				{ background: url(Bilder/content-index_head.jpg); width: 232px; height: 31px; }
#content .boxes-r_head h1			{ font: 12px Trebuchet MS; color: #FF8401; padding: 7px 10px 0 0; margin: 0px; cursor: default; text-align: right; }
#content .boxes-r .index				{ margin: 5px 7px 0 0; text-align: right; }
#content .boxes-r .index span.login a 	{ font: 11px Arial; color: #B3B3B3; }
#content .boxes-l					{ width: 236px; font: 12px Arial; color: #B3B3B3; padding: 2px 0 0 20px; float: left; }
#content .boxes-l_head				{ background: url(Bilder/content-index_head.jpg); width: 232px; height: 31px; margin: 0 0 5px 0; }
#content .boxes-l_head h1			{ font: 12px Trebuchet MS; color: #FF8401; padding: 7px 10px 0 0; margin: 0px; cursor: default; text-align: right; }
#content .boxes-l .index				{ margin: 5px 7px 0 0; }

#boxen-login_user,
#boxen-login_pass	{ background: url(Bilder/boxen-login_focus.jpg) no-repeat; width: 219px; height: 29px; border: 0px; font: 9px Small Fonts; color: #B3B3B3; padding: 7px 0 0 5px; }
#boxen-login_sub	{ background: url(Bilder/boxen-login_submit.jpg); width: 29px; height: 28px; border: 0px; text-align: right; font: 9px Small Fonts; color: #FEE1BF; margin: 3px 10px 0 5px; }
/******************************************************************************
******************************* Einzelne Seiten *******************************
*******************************************************************************/
#content .about-profil				{ float: left; width: 180px; }
#content .about-profil .subtitle		{ font: 9px Small Fonts; color: #B3B3B3; margin: -3px 0 -8px 0; }
#content .about-profil .subtitlel	{ font: 9px Small Fonts; color: #B3B3B3; margin: -3px 0 0 0; }
#content .cms-desc					{ float: left; font: 11px Arial; color: #787F8A; width: 300px; height: 52px; border: 1px #E0E0E0 solid; margin: 0 1px 1px 0; }
#content .cms-desc img				{ margin-right: 5px; }
#content .cms-desc a					{ font: 11px Arial; }

#content .service-price		{ background: url(Bilder/content-service_price.jpg); width: 107px; height: 111px; margin: 0 0 0 650px; }
#content .service-price div	{ font: 25px Arial; color: #fff; text-shadow: black 0px 0px 7px; padding: 50px 0 0 0; text-align: center; }

#content .portfolio-desc					{ height: 60px; }
#content .portfolio-details				{ background: url(Bilder/content-portfolio_details.jpg) no-repeat; width: 266px; height: 66px; margin: 5px 0 0 150px; padding: 4px; text-shadow: #fff 1px 1px 0px}
#content .portfolio-details .subtitle	{ font: 9px Small Fonts; color: #B3B3B3; margin: -3px 0 5px 0; }
#content .portfolio-details .offline		{ margin: 0; padding: 0; color: #BF0606; }
#content .portfolio-details .online		{ margin: 0; padding: 0; color: #AFE607; }

#content .contact-left		{ float: left; width: 250px; height: 30px; }

#content .smalfont			{ font: 10px Arial; color: #999; }
#content .smalfont a			{ font: 10px Arial; color: #999; text-decoration: underline; }
#content .smalfont a:hover	{ color: #333; }

#content .sites				{ text-align: center; color: #999; }
#content .sites .current		{ background: #FF8401; color: #fff; padding: 0 2px 1px 2px; font-weight: bold; }

#content  hr.mite		{ border: 1px #f1f1f1 solid; height: 1px; margin-bottom: 3px; }
#content .option-back a	{ background: #FF8401; color: #fff; width: 101px; padding: 2px; font: 11px Arial; -moz-border-radius: 5px; float: right; margin: 2px; }
#content .option-next a	{ background: #FF8401; color: #fff; width: 45px; padding: 2px; font: 11px Arial; -moz-border-radius: 5px; float: right; margin: 2px; }
#content .option-last a	{ background: #FF8401; color: #fff; width: 52px; padding: 2px; font: 11px Arial; -moz-border-radius: 5px; float: right; margin: 2px; }

#content .error		{ border: 1px #ff0000 solid; background:#FCDADA; -moz-border-radius: 5px; padding: 3px; color: #000; }

#content .info-contact		{ border: 1px #00C6FF solid; background:#DAF4FC; -moz-border-radius: 5px; padding: 3px; color: #000; }
#content .info-contact a		{ color: #0B7998; }

#content .index_head #addcomment			{ background: url(Bilder/addcomment.jpg) no-repeat; width: 138px; height: 20px; float: right; margin: 6px 0 0 0; padding: 2px; }
#content .index_head #addcomment img		{ border: 0; } 
#content .index_head #addcomment a		{ font-size: 11px; color: #787F8A; }
#content .index_head #addcomment a:hover	{ color: #FF8401; }
/******************************************************************
******************************* Fuß *******************************
*******************************************************************/
#foot				{ background: url(Bilder/foot.png) no-repeat; height: 22px; width: 915px; text-align: left; padding-top: 5px; }
#foot #left			{ font: 10px Arial; color: #C5FDFF; padding: 7px 0 0 20px; float: left; width: 400px; text-shadow: #fff 0px 0px 4px; }
#foot #left:hover	{ text-shadow: none; color: #fff; }
#foot #cent			{ font: 10px Arial; color: #C5FDFF; padding: 7px 0 0 0; float: left; text-shadow: #fff 0px 0px 4px; }
#foot #cent	a		{ font: 10px Arial; color: #D5FEFF; text-decoration: none; }
#foot #cent a:hover	{ color: #fff; text-shadow: #fff 0px 0px 4px; }
#foot #right			{ text-align: right; padding: 7px 15px 0 0; text-shadow: black 0px 0px 4px; }
#foot #right a		{ font: 10px Arial; color: #DFFF07; text-decoration: none; }
#foot #right a:hover	{ color: #fff; }
/*****************************************************************************
******************************* Content Slider *******************************
******************************************************************************/
#featured {
	margin-left: 5px;
	width:380px;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav { 
	position:absolute; 
	top:0; left:380px; 
	list-style:none; 
	padding:0; margin:0;
	margin-top:2px;
	width:250px; 
}
#featured ul.ui-tabs-nav li { 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img { 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#e1e1e1; 
}
#featured li.ui-tabs-selected{ 
	background:url('Bilder/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#3F4650;
	color: #fff;
}
#featured .ui-tabs-panel{ 
	width:380px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('Bilder/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; font-weight: bold;
	color:#fff; padding-left:5px; padding-bottom: 3px; margin:0;
	overflow:hidden; 
	text-shadow: black 2px 2px 4px;
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:13px; color:#f0f0f0;
	text-shadow: black 2px 2px 4px;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/**********************************************************************
******************************* Overlay *******************************
***********************************************************************/
/*
.apple_overlay {
	display:none;
	background-image:url(Bilder/white.png);
	width:640px;		
	padding:35px;
	font-size:11px;
}

.apple_overlay div.close {
	background-image:url(Bilder/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#overlay {
	background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
	color:#efefef;
	height:450px;
}

.contentWrap {
	height:441px;
	font: 12px Arial;
	color: #fff;
	overflow-y:auto;
}
*/