﻿/*
	PUBLISHER => lammertz.net
	WEBSIDE   => christian-vith.com
*/



/*	basic settings
------------------------------------------------	*/

body 
{ 
	background: #ffffff url(bg_body.gif) repeat;
	font-family: Arial, Helvetica, sans-serif;	
	color: #333333;	
}

html /* Hack Mozilla */
{ 
	overflow-y: scroll;
}



/*	template
------------------------------------------------	*/

#los
{
	background-color: #003366;
	margin: 0px auto;
	width: 840px;
}

#container
{
	width: 660px;
	padding-top: 15px;
	margin: 10px 0 0 150px;
	background: url(bg_text1.gif) top left no-repeat;
}

#main
{
	background: #ffffff url(bg_text2.gif) bottom left no-repeat;
	font-size: 11px;
	min-height: 400px;
  	height: auto !important;
  	height: 400px;
}

#footer
{
	margin-left: 580px;
	width: 200px;
	padding: 20px 0;
}





/*	kopfzeile
------------------------------------------------	*/

#logo
{ 
	position: absolute;
	top: 30px;
	left: 30px;
	
}

.mod_changelanguage
{ 
	position: absolute;
	top: 36px;
	left: 775px;
	
}

.mod_changelanguage ul
{
	padding: 0;
	margin: 0;
}

.mod_changelanguage li
{
	list-style: none;
}


/*	navigation
	----------------------------------------	*/

.mod_navigation
{ 
	position: relative;
	padding: 30px 0 20px 40px;
	font-size: 12px;	
}

.mod_customnav
{ 
	position: relative;
	padding: 7px 0 27px 37px;
	font-size: 12px;	
}


.mod_customnav ul,
.mod_navigation ul
{
	margin: 0;
	padding: 0;
}

.mod_navigation ul .submenu
{
	background: #003366 !important;
	font-weight: bold !important;
	color: #6699cc !important;
	padding: 1px 1px 3px 1px;
	text-decoration: none;
	width: 190px;
	float: left;	
}

.mod_customnav li,
.mod_navigation li
{
	list-style: none;
	padding: 1px 1px 0 1px;
}

.mod_customnav a,
.mod_navigation a
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.mod_customnav li .active,
.mod_navigation li .active
{
	background: #ff0000;
	color: #ffffff;
	font-weight: normal;	
	width: 150px;
	display: block;
}



/*	text format
------------------------------------------------	*/

#col_left
{
	width: 300px;
	margin-left: 15px;
	padding: 0 0 20px 0;	
	float: left;
}

#col_right
{
	padding: 0 0 20px 15px;
}

#col_100
{
	margin-left: 10px;
}

.ce_text,
.mod_search
{
	padding: 0 10px 15px 10px;
}

h1
{
	margin-top: 10px;
	font-size: 16px;
	color: #003366;
	letter-spacing: 2px;
}

h5
{
	padding-top: 15px !important;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

a
{
	color: #ff0000;
	text-decoration: none;	
}

a:hover
{
	text-decoration: underline;
}

#wmvplayer
{
	float: right;
	padding: 0 15px 20px 0;
}


/* 	bilder
--------------------------------------- */

.image_container
{
	float: right;
	margin: -24px 15px 0 10px;
	padding-top: 24px;
}

.mod_randomImage
{
	padding: 0 10px 15px 10px;
}



.ce_gallery .image_container
{
	margin: 0;
	width: 105px;
	text-align: center;
	padding: 0;
}

.ce_gallery img
{
	margin-top: 5px;
	width: 100px;
	height: 75px;
	float: left;
}



/*	suchformular
---------------------------------------- */

#f2 .formbody, #f5 .formbody
{
	margin: 30px 0 0 610px;
	width: 136px;
	height: 18px;	
	background: #336699;
	padding: 6px 0 6px 6px;
}

#f2 .text, #f5 .text
{
	position: absolute;
	width: 110px;
	font-size: 11px;
	padding: 1px;
	height: 14px;
	border: 1px #f1f8ee solid;
	color: #666666;
}

#f2 .submit, #f5 .submit
{
	position: absolute;
	margin: -20px 0 0 120px;
	width: 16px;
	height: 20px;
}
*+html #f2 .submit { margin: -19px 0 0 120px; } /* IE7 */
*+html #f5 .submit { margin: -19px 0 0 120px; } /* IE7 */


/* 	kontaktformular
--------------------------------------- */

#f3 .formbody, #f4 .formbody
{
	font-size: 11px;
	padding: 0 10px 15px 10px;
}

#f3 h1, #f4 h1
{
	padding-bottom: 10px;
}

#f3 label, #f4 label
{
	width: 80px;
	text-align: right;
	padding: 2px 8px 2px 0;
	float: left;
	margin: 4px 0;	
}

#f3 p.error, #f4 p.error
{
	position: absolute;
	top: 35px;
	left: 15px;
	width: 300px;
	background-color: #ffffff;
	color: #ff0000;
}

#f3 input, #f4 input,
#f3 select, #f4 select,
#f3 textarea, #f4 textarea 
{ 
	background: #d4d9dd;
	padding: 2px 3px;
	width: 180px;
	float: left;
	margin-bottom: 10px;
	margin: 2px 0;	
}

#f3 textarea, #f4 textarea
{ 
	height: 80px;
}

#f3 .captcha_text, #f4 .captcha_text
{
	padding: 1px;
}

#f3 .submit, #f4 .submit
{
	background-color: #003366;;
	color: #ffffff;
	width: 188px;
}

#f3 .submit_container, #f4 .submit_container
{
	padding-top: 10px;
	margin: 10px 0 0 88px;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
	clear: left; /* das floating der labels und inputs aufheben */
}






/*	suchmaschine
------------------------------------------------	*/

.mod_search
{
	font-size: 12px;
	margin: 0 10px;
}

.mod_search p
{
	margin: 0 0 20px 0;
}

.mod_search a
{
	color: #0000c8;
}

.mod_search h3
{
	font-size: 12px;
	padding-bottom: 2px;
	margin: 0;
}

.mod_search .url
{
	display: none;
}





/*	lammertz.net
------------------------------------------------	*/
#los_info
{ 
	margin: 30px;
	padding: 20px 0;
	height: 60px;
}

#los_info img
{ 
	width: 150px;
	height: 60px;
	border: 0;
	margin: -10px 10px 0 1px;		
	float: left;
}

#los_info p, 
#los_info a
{ 
	font-family: Arial, Helvetica, sans-serif;  
    font-size: 12px;
   	color: #333333;
}

#los_info a
{ 
	background: none;
	margin-left: -13px;
	adisplay: inline-block;
}

#los_info strong
{ 
	color: #ef8429;
}


/*	footer
------------------------------------------------	*/


.ce_toplink
{
	position: absolute;
	margin: -30px 0 0 735px;
	font-size: 11px;
}

