@charset "utf-8";
/* CSS Document */

html {
	height:98%;												/*Zur Vermeidung von Scrollbars denn Prozent bezieht*/
	width:99%;												/*sich auf die Bildschirmgröße, nicht auf Browsergröße*/
}

body {
	background-color:#fafafa;								/*Ein leichtes grau, damit der gradient*/
	background-image:url(../pics/backgr/clouds_brown.jpg);
	background-repeat:repeat-y;								/*Wiederholen des Hintergrundes in Y-Richtung*/
	background-position:center;
	margin-left:0px;
	height:100%;											/*des Hintergrundes stimmt (maindiv)   */
	width:100%;
	/*border:solid;*/
}													


.maindiv {
	margin-top:-8px;										/*In dieser Klasse ist der Style	  */ 
	margin-bottom:-8px;										/*für das maindiv (das ganz unterste)*/
	margin-left:auto;										/*festgelegt.						  */
	margin-right:auto;
	min-height:102%;										/*Höhe des maindiv, 102% weil sonst ober und Unterkante zu sehen*/
	width:1024px;											/*Breite des maindiv*/				
	/*border:solid;*/
}

.headdiv {
	width:640px;
	height:125px;

	float:left;
	margin-left:192px;
		
	/*border:solid;*/
}

.title {
	width:430px;
	height:90px;
	
	margin-left:auto;
	margin-right:auto;
	
	background-image:url(../pics/graphics/Title.png);
	background-repeat:no-repeat;
	
	/*background-color:#00FF00;*/
	/*border:solid;*/
}

.navigation{
	float:left;
	margin-top:5px;
	height:35px;
	width:640px;
	/*background-color:#0000FF;*/
	/*border:solid;*/
}

.topdiv {
	float:left;
	margin-left:192px;
	height:27px;
	width:640px;
	
	background-image:url(../pics/backgr/back_top.png);
	background-repeat:no-repeat;
	
	/*border:solid;*/
}

.middiv {
	float:left;												/*Der DIV für den ganzen Content*/
	margin-left:192px;
	min-height:600px;
	height:auto;
	width:640px;
	
	background-image:url(../pics/backgr/back_mid.png);
	
	/*border:solid;*/
}

#welcome {
	width:560px;
	
	color:#fafafa;
	text-align:center;
	
	float:left;
	margin-top:10px;
	margin-left:33px;
	margin-bottom:20px;
	
	/*border:solid;*/
}

#welcome h2{
	margin:0px;
		
	/*border:solid;*/
}

#welcome p{
	margin:0px;
		
	/*border:solid;*/
}

#welcome hr{
	width:550px;
	
	float:left;
	margin-top:-3px;
	margin-left:15px;
	margin-bottom:20px;
}

#welcome a {
	color: #917a63;
}

#welcome a:hover{
	color: #fff;
}



/*---------------------------------------------------------News Page-------------------------------------------------------------------*/

#news_slice_front {
	width:660px;
	min-height:100px;
	
	float:left;
	margin-top:25px;
	margin-left:33px;
	
	/*border:solid;*/
}

#news_slice_front hr {
	width:560px;
	
	margin-left:5px;
	float:left;
}

#news_title_front {
	width:430px;
	height:20px;
		
	float:left;
	
	/*border:solid;*/
}

#news_title_front p{
	color:#fafafa;
	font-weight:bold;

	margin-top:0px;
	margin-left:5px;
}

#news_date_front {
	width:130px;
	height:20px;
	
	float:left;
	
	/*border:solid;*/
}

#news_date_front p{
	color:#fafafa;
	font-style:italic;
	text-align:right;
	
	margin-top:0px;
	margin-right:5px;
}

#news_text_front {
	width:560px;
	min-height:20px;
	
	float:left;
	
	/*border:solid;*/
}

#news_text_front p{
	color:#917a63;

	margin-top:0px;
	margin-left:5px;
	margin-bottom:0px;
}

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

/*------------------------------------------------------------3D-Page------------------------------------------------------------------*/

#Buttons_3D {
	width:560px;
	
	float:left;
	margin-left:33px;
	
	/*border:solid;*/
}

#Buttons_3D table {
	margin-left:10px;
}

#Buttons_3D hr {
	width:550px;
	
	float:left;
	margin-left:10px;
}

#topic_3D {
	width:550px;
	min-height:200px;
	
	float:left;
	margin-left:40px;
	
	/*border:solid;*/
}

#topic_3D h3{
	font-size:18px;
	color:#fafafa;
	
	margin-top:20px;
	margin-left:5px;
	margin-bottom:10px;
}

#topic_3D p{
	color:#917a63;

	margin-top:0px;
	margin-bottom:10px;
}

#topic_3D img{
	margin-left:0px;
}

#bigmodels_but {
	width:250px;
	background-image:url(../pics/buttons/Big_3D_norm.png);
	background-repeat:no-repeat;
}

/* Die Hover Geschichten stehen ganz unten */

#bigrepaint_but {
	width:250px;
	background-image:url(../pics/buttons/Big_Repaint_norm.png);
	background-repeat:no-repeat;
}

/* Die Hover Geschichten stehen ganz unten */

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

/*------------------------------------------------------------VIDEO-Page---------------------------------------------------------------*/

#Video {
	width:550px;
	height:310px;
	
	float:left;
	margin-bottom:5px;
	
	/*border:solid;*/
}

#textframe {
	
	float:left;
	/*border:solid;*/

}

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

/*------------------------------------------------------------WEB-Page-----------------------------------------------------------------*/

#bigweb_but {
	width:250px;
	background-image:url(../pics/buttons/Big_Webdesign_norm.png);
	background-repeat:no-repeat;
}

/* Die Hover Geschichten stehen ganz unten */

#bigflash_but {
	width:250px;
	background-image:url(../pics/buttons/Big_Flash_norm.png);
	background-repeat:no-repeat;
}

/* Die Hover Geschichten stehen ganz unten */

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

/*-------------------------------------------------------------Me-Page-----------------------------------------------------------------*/

h3 {
	color:#fafafa;
	text-align:left;
	font-size:18px;
	
	float:left;
	margin-top:20px;
	margin-left:15px;
	margin-right:20px;
	margin-bottom:10px;
	
	/*border:solid;*/
}



#dates {
	float:left;
	width:360px;
	height:150px;
	
	text-align:left;
	color:#917a63;
	
	margin-left:15px;
	margin-right:70px;
	
	/*border:solid;*/
}

#dates td {
	font-weight: normal;
	font-size: 14px;
}

#cv {
	float:left;
	width:550px;
	height:150px;
	
	text-align:left;
	color:#917a63;
	
	margin-left:15px;
	
	/*border:solid;*/
}

#cv td {
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 5px;
}

#mail {
	width:100px;
	height:80px;
	
	margin-top:140px;
	margin-left:457px;
	
	background-image:url(../pics/buttons/mail_norm.png);
	background-repeat:no-repeat;
	
	/*border:solid;*/
}

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


.botdiv {
	float:left;
	margin-left:192px;
	height:27px;
	width:640px;
	
	background-image:url(../pics/backgr/back_bot.png);
	background-repeat:no-repeat;
	
	/*border:solid;*/
}

.foodiv {
	float:left;
	margin-top:-15px;
	margin-left:192px;
	height:47px;
	width:640px;
	
	background-image:url(../pics/backgr/Footer.png);
	background-repeat:no-repeat;
	
	/*border:solid;*/
}

.foodiv a {	
	color:#917a63; 
}
.foodiv a:viseted { 
	color:#FFFFFF; 
}
.foodiv p { 
	color:#917a63;
	margin:0px; 
}

.Login {
	float:left;
	
	height:30px;
	width:150px;
	
	margin-top:12px;
	margin-left:17px;
	/*border:solid;*/
}

#navtable {
	margin-left:auto;
	margin-right:auto;
	height:35px;
	width:622px;
}

#news_but {
	width:105px;
	background-image:url(../pics/buttons/but_news.png);
	background-repeat:no-repeat;
}

#news_but a:hover {
	display:block;
	background-image:url(../pics/buttons/but_news_high.png);
	background-repeat:no-repeat;
}

#d_but {
	width:105px;
	background-image:url(../pics/buttons/but_3d.png);
	background-repeat:no-repeat;
}

#d_but a:hover {
	display:block;
	background-image:url(../pics/buttons/but_3d_high.png);
	background-repeat:no-repeat;
}

#video_but {
	width:105px;
	background-image:url(../pics/buttons/but_video.png);
	background-repeat:no-repeat;
}

#video_but a:hover {
	display:block;
	background-image:url(../pics/buttons/but_video_high.png);
	background-repeat:no-repeat;
}

#web_but {
	width:105px;
	background-image:url(../pics/buttons/but_web.png);
	background-repeat:no-repeat;
}

#web_but a:hover {
	display:block;
	background-image:url(../pics/buttons/but_web_high.png);
	background-repeat:no-repeat;
}

#me_but {
	width:105px;
	background-image:url(../pics/buttons/but_me.png);
	background-repeat:no-repeat;
}

#me_but a:hover {
	display:block;
	background-image:url(../pics/buttons/but_me_high.png);
	background-repeat:no-repeat;
}

#space_but{
	width:27px;
}

#lang_eng {
	width:35px;
	background-image:url(../pics/buttons/but_eng.png);
	background-repeat:no-repeat;
}

#lang_eng a:hover {
	display:block;
	background-image:url(../pics/buttons/but_eng_high.png);
	background-repeat:no-repeat;
}

#lang_deu {
	width:35px;
	background-image:url(../pics/buttons/but_deu.png);
	background-repeat:no-repeat;
}

#lang_deu a:hover {
	display:block;
	background-image:url(../pics/buttons/but_deu_high.png);
	background-repeat:no-repeat;
}

/*-------------------------------------- ADMIN PAGE --------------------------------------------------*/

.fail {
	height:20px;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	/*border:solid;*/
}

.fail p{
	color:red;
}

.admin {
	height: 120px;
	width: 150px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	/*border:solid;*/
}

/*-------------------------------------- MUSS HIER STEHEN -------------------------------------------*/
#bigmodels_but a:hover {
	display:block;
	background-image:url(../pics/buttons/Big_3D_high.png);
	background-repeat:no-repeat;
}

#bigrepaint_but a:hover {
	display:block;
	background-image:url(../pics/buttons/Big_Repaint_high.png);
	background-repeat:no-repeat;
}

#bigweb_but a:hover {
	display:block;
	background-image:url(../pics/buttons/Big_Webdesign_high.png);
	background-repeat:no-repeat;
}

#bigflash_but a:hover {
	display:block;
	background-image:url(../pics/buttons/Big_Flash_high.png);
	background-repeat:no-repeat;
}

#mail a:hover {
	display:block;
	background-image:url(../pics/buttons/mail_high.png);
	background-repeat:no-repeat;
}