/*
--------------------------------------------------------------------------
 ||                                                                ||
 ||  Webseite erstellt von:                                        ||
 ||                                                                ||
 ||    daniel-schramm.info - Webdesign & Coding                    ||
 ||    http://www.daniel-schramm.info                              ||
 ||    Mail: info@daniel-schramm.info                              ||
 ||                                                                ||
--------------------------------------------------------------------------
*/


/*----------------------------------------------------------------------------------------------------------
	BODY
----------------------------------------------------------------------------------------------------------*/

body		{ 
font-family: Verdana;
color: #666666;
font-size: 11px;
margin: 0; 
background-image: url(../bg_orangestyle.jpg); 
background-attachment: fixed; 
}

#main{
	border-collapse : collapse;
	border : 0;
	position : relative;
	top : 0px;
	width : 85%;
	height : 93%;
	margin : 0;
	padding : 0;
	z-index : 1;
	overflow : visible;	
	visibility: visible;
}

#layout-header {
	border-collapse: collapse;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 26%;
	height: 50px;
	background-color: #151515;
	overflow: visible;	
	visibility: visible;

}

#header{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 25%;
	overflow: visible;	
	visibility: visible;

}

#layout-top {
	border-collapse: collapse;
	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
	height: 15px;
	background-color: #ff6600;
	overflow: visible;	
	visibility: visible;

}

#navigation-topframe {
	border-collapse: collapse;
	position: absolute;
	top: 65px;
	left: 0px;
	width: 74%;
	height: 35px;
	background-color: #151515;
	overflow: visible;	
	visibility: visible;

}

#navigation-topframe-right {
	border-collapse: collapse;
	position: absolute;
	top: 65px;
	width: 26%;
	height: 35px;
	background-color: #151515;
	right: 0px;
	text-align: center;
	border-left-color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	overflow: visible;	
	visibility: visible;

}

#content {
	border-collapse: collapse;
	position: absolute;
	top: 100px;
	left: 0px;
	width: 73%;
	height: 430px;
	padding: 5px;
	background-color: #ffffff;
	overflow: auto;
	visibility: visible;
}

#partner {
	border-collapse: collapse;
	position: absolute;
	top: 100px;
	right: 0px;
	width: 26%;
	height: 430px;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	overflow: visible;	
	visibility: visible;
	background-color: #FFFFFF;
}

#partnercontent {
	border-collapse: collapse;
	padding: 15px;

}

#navigation-bottomframe {
	border-collapse: collapse;
	position: absolute;
	top: 530px;
	left: 0px;
	width: 74%;
	height: 35px;
	background-color: #151515;
	overflow: visible;	
	visibility: visible;

}

#navigation-bottomframe-right {
	border-collapse: collapse;
	position: absolute;
	top: 530px;
	width: 26%;
	height: 35px;
	background-color: #151515;
	right: 0px;
	text-align: center;
	overflow: visible;	
	visibility: visible;

}

#copyright{
	position: relative;
	width: 100%;
	text-align: center;
	top: 30%;
	overflow: visible;	
	visibility: visible;

}


#layout-footer {
	border-collapse: collapse;
	position: absolute;
	top: 565px;
	right: 0px;
	width: 26%;
	height: 24px;
	background-color: #ff6600;
	text-align:center;
	overflow: visible;	
	visibility: visible;

}

#impressum {
	 float:right; 
	 padding-top: 3px; 
	 padding-right:10px;
	 
}


/*----------------------------------------------------------------------------------------------------------
	LINKS and HOVEREFFECT
----------------------------------------------------------------------------------------------------------*/

a			{ color: #999999; text-decoration: none; font-variant: small-caps; font-weight: bold; font-size:12px; }
a:visited	{ color: #999999; text-decoration: none; }
a:hover		{ text-decoration: underline; }


/*----------------------------------------------------------------------------------------------------------
	ALLGEMEIN
----------------------------------------------------------------------------------------------------------*/

img			{ display: inline; margin: 0; border: 0; }

td 			{ vertical-align: middle; text-align: center; }

h1 			{ font-family: Verdana; font-size: 13pt; line-height: 1em; text-align: center; letter-spacing: 0.9em; color:#000000; }

h2 			{ font-family: Verdana; font-size: 12pt; line-height: 1.15em; font-weight: bold; font-variant: small-caps; margin-left: 5pt; color: #333333;
			 border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color:#cccccc; padding-left: 15px; width: 80%; }

li			{ list-style-type: square; font-weight: bold; margin-top: 10px; }

/*----------------------------------------------------------------------------------------------------------
	SPEZIELLE STYLES
----------------------------------------------------------------------------------------------------------*/

.navigation				{ position: absolute; top: 30%; width: 100%; }


/*.contenttable			{ vertical-align: top; border-right-style:solid; border-right-width: 1px; border-right-color:#CCCCCC; height: 100%; background-color: #FFFFFF; }
*/
.content				{ vertical-align: top; text-align: justify; font-size: 11px; }

.list-height 			{ line-height: 1px;}

.bottomnavigation		{ background-color: #151515; height: 45px; }

.webdesign-projects		{ vertical-align: top; text-align: left; padding-left: 5px; padding-bottom: 2px; border-right-width: 1px; border-right-style: dashed; border-color: #CCCCCC; }

.webdesign-projects-line { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #999999 }