﻿div.container
{
width:auto;
height:100%;
background-color:#6595F9;
margin-bottom:0px;
}


.blue_box_936337 {
   background: #ffffcc url(img/blue_936337_grad.gif) repeat-x top left;
}
.blue_top_936337 div {
   background: url(img/blue_936337_tl.gif) no-repeat top left;
}
.blue_top_936337 {
   background: transparent url(img/blue_936337_tr.gif) no-repeat top right;
}
.blue_bottom_936337 div {
   background: url(img/blue_936337_bl.gif) no-repeat bottom left;
}
.blue_bottom_936337 {
   background: transparent url(img/blue_936337_br.gif) no-repeat bottom right;
}

.blue_top_936337 div, .blue_top_936337,
.blue_bottom_936337 div, .blue_bottom_936337 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.blue_content_936337 { margin: 0 30px; }






.roundedcornr_box_936337 {
   background: #ffffcc url(roundedcornr_936337_grad.gif) repeat-x top left;
}
.roundedcornr_top_936337 div {
   background: url(roundedcornr_936337_tl.gif) no-repeat top left;
}
.roundedcornr_top_936337 {
   background: transparent url(roundedcornr_936337_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_936337 div {
   background: url(roundedcornr_936337_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_936337 {
   background: transparent url(roundedcornr_936337_br.gif) no-repeat bottom right;
}

.roundedcornr_top_936337 div, .roundedcornr_top_936337,
.roundedcornr_bottom_936337 div, .roundedcornr_bottom_936337 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_936337 { margin: 0 30px; }














div.subcontainer
{
width:auto;
height:auto;
margin-left:35px;
margin-right:35px;
margin-bottom:1px;
background-color:white;
}
div.header
{
width:auto;
background-color:#647FAA;
}

img.head{
position:static;
width:100%;
height:90%
margin-left:5px;	
}

img.doe{
float:right;
position:static;
width:25%;
height:25%;
	
}
div.header2
{
color:white;
background-color:#9966CC;
text-align:center;
width:100%;
height:50px;

}
div.header3
{
text-align:center;
width:100%;
color:white;
text-decoration:none;
background-color:#6595F9;
}
div.header4
{
height:40px;
width:100%;
background-color:#6595F5;
}

div.footer
{
/*padding:0.0001em;*/
color:white;
background-color:#000033;
text-align:center;
size:2pt;
margin-left:35px;
margin-right:35px;
}

div.cbox
{
margin-top:0px;
margin-left:16%;
width:67.2%;
border-left:1px black;
color:#000000;
background-color:#FFFFCC;
}
img.flag
{
float:right;
}
img.astix
{
float:left;
}
/* +++++++++++++++++++++++++++++GOOGLE Forms+++++++++++++++++++++*/
div.getit{
margin-top:5px;
border:4px solid;
padding:0px;
width:auto;
border-color:  #eeeeee #304e6a #304e6a #eeeeee;
}
div.googlebox{
margin-top:5px;
float:right;
border:4px solid;
padding:0px;
width:18%;
border-color:  #eeeeee #304e6a #304e6a #eeeeee;
}

#googlesearch{
width: 55px;
}
#googlefield{
float:left;
margin-right:1px;
width: 140px;
background: #555555;
color: #000000;
position:static;
}


}
#checkbutton{
width: 12em;
margin-left:0em;
}

/* ++++++++++++++++++++++++++++Forms+++++++++++++++++++++ */


#menuebox {
float:left;
width:80%;
position:relative;
height:auto;
}
.stupidie {
display: none;
}
#menue {
margin-left:29%;
width:auto;
float:left;
position:absolute;
top: 2px;
left: 1px;
z-index: 200;

}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 6.5em;
height: 1.3em;
font-weight: bold;
font-size:17px;
text-align: center;
/*background-color: #dec79a;*/
background-color:#330033;  /*#FF4500; 330033 DCDCDC*/
color: white;
border: 3px solid;
border-color:  #eeeeee #304e6a #304e6a #eeeeee;

}
#menue .aussen:hover {
height:auto;
background-color:#000033;
color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 6.5em;
text-decoration: none;
text-align:center;
font-size:15px;
border-bottom: 1px solid #78561d;
background-color:#CCCCFF;
color: #660033;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}

span.menutag {
display: block;
cursor: default;
}


++++++++++++++++++++
   CSS Teil II
++++++++++++++++++++


/*
	Menue-styles fuer IEs
	Am besten per Conditional Comment einbinden.
	Fuer IE5.5 und 5.0 muessen nur geringfuegige kosmetische
	Anpassungen vorgenommen werden (siehe Kommentare).
*/

/*


#menue {
display:none;
}
.stupidie {
margin-left:29%;
display: block;
position: absolute;
top: 0px;
left: 0;
z-index: 200;
}

a.auss {
float: left;
width: 7.2em;
font-size:15px;
height: 1.4em;
overflow: hidden;
display: block;
font-size:17px;s
font-weight: bold;
text-align: center;
text-decoration: none;
background-color:330033; //dec79a;
color:#FFFFFF; 
border: 3px solid;
border-color:  #eeeeee #304e6a #304e6a #eeeeee;
}
a:hover.auss {
overflow: visible;
background-color: #624617;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #dec79a;
color: #400;
border-collapse: collapse;
}

a.inn {
display: block;
width: 7em; //fuer 5er IEs anpassen, sonst 'zuckt' es 
padding: 2px 0;
font-size: 100%; //fuer 5er IEs auf 80% reduzieren 
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}

*/

/*------------------------------------------- Horrizontal--------------------------------------------*/
#vertbox{
float:left;
width:20%;
position:static;
height:auto;
}
#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight:bold;
width: 16%;
padding: 0px;
}

#vertmenu h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color:#FFFFFF;
width:160px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}
/*--------------------------*/
#vertbox2{
float:left;
width:20%;
position:static;
height:auto;
}
#vertmenu2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight:bold;
width: 16%;
padding: 0px;
}

#vertmenu2 h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}

#vertmenu2 ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu2 ul li {
margin: 0px;
padding: 0px;
}
#vertmenu2 ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color:#000000;
width:160px;
}

#vertmenu2 ul li a:hover, #vertmenu2 ul li a:focus {
color: #000000;
background-color: #eeeeee;
}

/*-------------------------------------------- Vertical Menu END --------------------------------------*/

div.tubebox {
    margin-top:0%;
    float:right;
	position: relative;
	width:250px;
	height:310px;
	background:#FFFFCC;
	border:16px solid;
	border-color: #eeeeee #eeeeee #304e6a #304e6a   ;
	
		}


#leftcontent {
    margin-top:0%;
    float:left;
	position: relative;
	width:165px;
	background:#6595F9;
	border:8px solid;
	border-color:  #304e6a #eeeeee #304e6a #304e6a ;
	
		}
		
#rightcontent {
	margin-top:0%;
	float:right;
	position:absolute;
	width:165px;
	background:#6595F9;
	border:8px solid;
	border-color:  #304e6a #304e6a #304e6a  #eeeeee;
	left: 1029px;
	top: 361px;
	
}	

/* kunstvolles Menue */
#buttonbox {
width: 15em;
margin: 0 auto;
padding: 4px;
background-color: #3CB371;
color: #FFFFFF;
border: 3px solid;
border-color: #78561d #e2bf87 #e2bf87 #78561d;
}
#buttonbox .cc {
display: block;
border: 1px solid;
border-color: #78451d #e2bf87 #e2bf87 #74561d;
}
.button3 {
padding: 1px;
border: 3px solid;
border-color: #e2bf87 #78561d #78561d #e2bf87;
}
.button3 .fatbutt,
.button3 .aa,
.button3 .bb {
display: block;
}
.button3 .fatbutt {
padding: 2px 1px 2px 0;
text-decoration: none;
text-align: center;
font-size:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
background-color: #3CB371;
color: #FFFFFF;
border: 3px solid;
border-color: #e7dbc2 #d6c093 #d6c093 #e7dbc2;
}
.button3 .aa {
padding: 1px;
border: 2px solid;
border-color: #937639 #c2a361 #c2a361 #937639;
}
.button3 .bb {
border: 1px solid #555;
}
.button3 a:hover.fatbutt {
padding: 2px 0 2px 1px;
border: 3px solid;
border-color: #d6c093 #ebdfc6 #ebdfc6 #d6c093;
background-color: #e6d9bc;
color: #900;
}	
.cornr_box_500038 {
   background: #dddddd url(img-tv/cornr_500038_grad.gif) repeat-x top left;
}
.cornr_top_500038 div {
   background: url(img-tv/cornr_500038_tl.gif) no-repeat top left;
}
.cornr_top_500038 {
   background: transparent url(img-tv/cornr_500038_tr.gif) no-repeat top right;
}
.cornr_bottom_500038 div {
   background: url(img-tv/cornr_500038_bl.gif) no-repeat bottom left;
}
.cornr_bottom_500038 {
   background: transparent url(img-tv/cornr_500038_br.gif) no-repeat bottom right;
}

.cornr_top_500038 div, .cornr_top_500038,
.cornr_bottom_500038 div, .cornr_bottom_500038 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.cornr_content_500038 { margin: 0 30px; }

/*---------------------------forms*/
 label
{
width:10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
label.one
{
width: 20em;
float:none;
text-align: right;
margin-right: 0.5em;
display: block
}
#adress
{
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
#location
{
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
#org
{
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
#web
{
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
#city
{
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
#country
{
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
#fullname
{
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
#conname
{
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
#town
{
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
select.previous
{
width:4em;
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
select.size
{
width:5.4em;
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
select.day
{
width:3em;
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
select.month
{
width:3.7em;
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
select.year
{
width:4em;
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
select.duration
{
width:5em;
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
select.season
{
width:5em;
color: #781351;
background:#CCCCCC;
border: 1px inset #d7b9c9;
}
label.comment{
float: left;
width: 150px;
}
input, textarea{
width: 200px;
margin-bottom: 5px;
}
textarea{
width: 400px;
height: 150px;
color: #781351;
background:#C0C0C0;
border: 2px inset #d7b9c9
}
#submitbutton{
margin-left: 12em;
width: 60px;
color: #781351;
background:#C0C0C0;
border: 3px outset #d7b9c9
}
#resetbutton{
margin-left:2em;
width: 60px;
color: #781351;
background:#C0C0C0;
border: 3px outset #d7b9c9
}
